/* Shared article discussion */
.reader-discussion{margin:0;padding:36px 0 48px;scroll-margin-top:calc(var(--publication-sticky-height,0px) + 28px)}.reader-discussion h2{font-size:25px;letter-spacing:-.03em}.reader-discussion-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.reader-comment{padding:24px 0;border-bottom:1px solid #ede9f3;scroll-margin-top:calc(var(--publication-sticky-height,0px) + 28px)}
.reader-comment-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;background:transparent}
.reader-comment-header strong{font-size:14px;font-weight:700;overflow-wrap:anywhere}
.reader-comment-header time{margin-inline-start:auto;color:#8c8197;font-size:12px;white-space:nowrap}
.reader-comment-avatar{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:1px solid #e6ddef;border-radius:50%;background:#f3edf9;color:#7956a3;font-size:14px;font-weight:700}
.reader-comment-content{padding-inline-start:48px;min-width:0}
.reader-comment-content>p{font-size:15px;line-height:1.8;overflow-wrap:anywhere;color:#514959}
.reader-muted{color:#7d768c;font-size:15px;line-height:1.75}
.reader-comment-actions{display:flex;align-items:flex-start;gap:18px;margin-top:14px}
.reader-comment-actions form{margin:0}
.reader-reaction,.reader-reply-toggle{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:4px 0;border:0;background:transparent;color:#7d708a;font:600 12px/1.5 var(--font);cursor:pointer}
.reader-reaction .icon,.reader-reply-toggle .icon,.reader-replies>summary .icon{width:16px;height:16px}
.reader-reaction:hover,.reader-reply-toggle:hover{color:var(--purple)}
.reader-reaction.is-liked{color:#8154ae}
.reader-reaction.is-liked .icon{fill:#eee3fa}
.reader-reaction-count{font-variant-numeric:tabular-nums;color:inherit}
.reader-replies>summary{list-style:none}
.reader-replies>summary::-webkit-details-marker{display:none}
.reader-reply-toggle[hidden],.reader-reply-panel[hidden],.reader-reply-toggle .reader-reply-cancel,.reader-reply-toggle[aria-expanded=true] .reader-reply-label{display:none}
.reader-reply-toggle[aria-expanded=true] .reader-reply-cancel{display:inline}
.reader-reply-toggle[aria-expanded=true]{color:#8154ae}
.reader-reply-panel{margin-top:18px}
.reader-reply-panel .reader-comment-form{margin-top:0}
.reader-replies{margin-top:14px}
.reader-replies>summary{display:flex;align-items:center;gap:8px;width:fit-content;padding:6px 0;color:#856a9e;font-size:12px;font-weight:650;cursor:pointer}
.reader-replies[open]>summary .icon{transform:rotate(180deg)}
.reader-replies-list{margin-top:10px;padding-inline-start:20px;border-inline-start:2px solid #e9e0f2}
.reader-comment--reply{padding:16px 0;border-bottom:0}
.reader-comment--reply+.reader-comment--reply{border-top:1px solid #f0eaf5}
.reader-comment--reply .reader-comment-avatar{width:30px;height:30px;font-size:12px;background:#faf8fc}
.reader-comment--reply .reader-comment-content{padding-inline-start:42px}
/* One composer shared by guest/member comments and replies. */
.reader-comment-form{margin:0;min-width:0}
.reader-discussion>.reader-comment-form{padding:6px 0 30px;border-bottom:1px solid #ede9f3;margin-bottom:8px}
.reader-compose-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:12px}
.reader-compose-heading label{font-size:14px;font-weight:600;color:var(--ink)}
.reader-compose-login{margin:0;font-size:12px;line-height:1.7;color:#81778e}
.reader-compose-login a{color:var(--purple);font-weight:600;white-space:nowrap}
.reader-compose-login a:hover{text-decoration:underline}
.reader-comment-form textarea{display:block;box-sizing:border-box;width:100%;min-height:112px;padding:16px 18px;border:1px solid #ded6e8;border-radius:10px;resize:vertical;font:400 15px/1.75 var(--font);color:var(--ink);background:#fff;scroll-margin-top:calc(var(--publication-sticky-height,0px) + 28px)}
.reader-comment-form textarea::placeholder{color:#91869c;opacity:1}
.reader-comment-form textarea:focus{outline:2px solid #b99bdd;outline-offset:2px;border-color:#b99bdd}
.reader-compose-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;margin-top:12px}
.reader-compose-footer>p{margin:0;font-size:12px;line-height:1.7;color:#81778e;flex:1 1 220px}
.reader-comment-submit{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:42px;padding:10px 18px;border:1px solid #dfd3ed;border-radius:8px;background:#f3edf9;color:#714b9c;font:600 13px/1.5 var(--font);cursor:pointer}
.reader-comment-submit:hover{background:#eae0f5;border-color:#bda4d7}
.reader-comment-submit:focus-visible{outline:2px solid #a881cc;outline-offset:3px}
.reader-notice{background:#eee6ff;padding:14px;border-radius:8px}
@media(max-width:540px){.reader-comment-content,.reader-comment--reply .reader-comment-content{padding-inline-start:0}.reader-comment-header{flex-wrap:wrap}.reader-comment-header time{font-size:11px}.reader-replies-list{padding-inline-start:14px}}
.reader-pager{display:flex;gap:24px;margin:24px 0}.reader-discussion .button{cursor:pointer;font:inherit}@media(max-width:600px){.reader-discussion-heading{align-items:flex-start;flex-direction:column}}

.reader-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.reader-report{font-size:12px;color:#796888;max-width:100%}
.reader-report form{display:grid;gap:10px;margin-top:12px;padding:16px;border:1px solid #e6ddef;border-radius:12px}
.reader-report select,.reader-report textarea{box-sizing:border-box;width:100%;max-width:100%;padding:10px;border:1px solid #e6ddef;border-radius:8px;background:#fff;color:inherit;font:inherit}
.reader-report textarea{min-height:96px;resize:vertical;line-height:1.5}.reader-report label small{margin-inline-start:5px;color:#92869c;font-weight:400}
.reader-report button{justify-self:start}
.reader-replies-more{display:inline-block;margin-top:12px;color:#7956a3;font-size:13px}

.reader-staff{font-size:11px;font-weight:500;color:#7956a3;border:1px solid #e6ddef;border-radius:4px;padding:2px 5px}
