.resource-comments{border:1px solid var(--border,#e2e8f0);background:var(--surface,#fff);overflow-wrap:anywhere;border-radius:18px;min-width:0;margin-top:1.3rem}.resource-comments__body{padding:clamp(16px,3vw,24px)}.resource-comments__head{align-items:center;gap:9px;margin-bottom:16px;display:flex}.resource-comments__head h2{margin:0;font-size:1rem}.resource-comments__head>span,.resource-comments__toggle>span{color:#244c87;background:#eaf0fc;border-radius:99px;padding:2px 8px;font-size:.78rem}.resource-comments__list{gap:12px;margin:0 0 18px;padding:0;list-style:none;display:grid}.resource-comments__list>li{align-items:flex-start;gap:10px;min-width:0;display:flex}.resource-comments__bubble{background:#f5f7fb;border-radius:4px 14px 14px;flex:1;min-width:0;padding:11px 14px}.resource-comments__by{flex-wrap:wrap;gap:4px 12px;font-size:.82rem;display:flex}.resource-comments__by time{color:#64748b;font-size:.73rem}.resource-comments__bubble p{white-space:pre-wrap;margin:5px 0 0;font-size:.9rem;line-height:1.55}.resource-comments__form{gap:8px;display:grid}.resource-comments__form>label{font-size:.84rem;font-weight:600}.resource-comments__form textarea{resize:vertical;width:100%;min-width:0;min-height:78px;font:inherit}.resource-comments__submit{justify-content:space-between;align-items:center;gap:12px;display:flex}.resource-comments__submit>span{font-size:.75rem}.resource-comments__empty,.resource-comments__readonly{color:#66748a;font-size:.88rem;line-height:1.6}.resource-comments__error{margin-top:8px}.resource-comments__error p{margin-bottom:3px}.resource-comments--feed{border:0;border-top:1px solid #e7ecf3;border-radius:0;margin-top:12px}.resource-comments__toggle{color:#36547e;box-shadow:none;background:0 0;border:0;align-items:center;gap:7px;padding:11px 2px;font-size:.84rem;font-weight:600;display:inline-flex}.resource-comments--feed .resource-comments__body{padding:8px 0 0}.resource-comments :focus-visible{outline-offset:3px;outline:3px solid #aac3fa}@media (width<=480px){.resource-comments__body{padding:15px}.resource-comments__list>li{gap:7px}.resource-comments__bubble{padding:10px}}@media (prefers-color-scheme:dark){:root:not([data-brand]) .resource-comments{color:var(--text,#e9ebf0)}:root:not([data-brand]) .resource-comments__bubble{background:color-mix(in srgb, var(--text) 7%, var(--surface))}:root:not([data-brand]) .resource-comments__by time,:root:not([data-brand]) .resource-comments__empty,:root:not([data-brand]) .resource-comments__readonly{color:var(--muted,#9aa0ad)}:root:not([data-brand]) .resource-comments__toggle{color:#a9c3ed}:root:not([data-brand]) .resource-comments--feed{border-top-color:var(--border)}}
