.reader-comments{background:#fff;border:1px solid #e7e3ef;border-radius:24px;margin:3rem 0 1rem;padding:clamp(18px,4vw,32px);box-shadow:0 12px 36px #35205b06}.comments-heading>p:first-child{letter-spacing:.13em;color:#7954b0;font-size:11px;font-weight:700}.comments-heading h2{margin:.4rem 0;font-size:clamp(24px,4vw,32px)}.comments-heading>p:last-child,.comments-empty,.comments-footnote{color:#746c82;font-size:14px;line-height:1.7}.reader-comments fieldset{border:0;min-width:0;padding:0}.reader-comments label{gap:8px;margin:18px 0;font-size:14px;font-weight:600;display:grid}.reader-comments input,.reader-comments textarea{box-sizing:border-box;width:100%;font:inherit;color:#24202c;background:#fcfbfe;border:1px solid #d9d0e8;border-radius:12px;padding:12px}.reader-comments textarea{resize:vertical}.reader-comments button{color:#64429d;font:inherit;cursor:pointer;background:#eee7fa;border:0;border-radius:10px;padding:10px 16px}.reader-comments button:disabled{opacity:.5;cursor:wait}.comments-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.comments-actions small{margin-right:auto}.comment-card{overflow-wrap:anywhere;border-top:1px solid #eeeaf3;padding:20px 0}.comment-card header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.comment-card time{color:#81798e;font-size:12px}.comment-card>p{white-space:pre-wrap;font-size:16px;line-height:1.85}.comments-list{margin-top:24px}.reader-comments [role=alert]{color:#a02840}.comments-footnote{font-size:12px}.reader-comments :focus-visible{outline-offset:3px;outline:3px solid #9674d0}
