.book-discussion-section{padding:44px 0 64px;border-top:1px solid var(--line)}
.book-discussion-section>.section-title{margin-bottom:12px}
.discussion-topline{display:flex;gap:24px;align-items:baseline;justify-content:space-between;color:var(--muted);font-size:15px;line-height:1.7}
.discussion-topline a{color:var(--jade);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.discussion-filters{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.discussion-filters button,.discussion-comment footer button,.discussion-list-footer button,.discussion-reply-context button{font:600 13px var(--sans);border:1px solid var(--line);border-radius:999px;padding:11px 16px;min-height:44px;background:var(--paper-2);color:var(--jade);cursor:pointer}
.discussion-filters [aria-pressed=true]{background:var(--jade);border-color:var(--jade);color:#fff}
.discussion-list{display:grid;gap:18px}
.discussion-comment{border:1px solid var(--line);border-radius:18px;padding:24px;background:rgba(255,255,255,.75)}
.discussion-comment header{display:flex;align-items:center;gap:12px}
.discussion-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--jade);background:rgba(14,75,66,.09);font-weight:700;flex-shrink:0}
.discussion-comment h3{font-size:15px;color:var(--jade);margin:0;overflow-wrap:anywhere}
.discussion-comment header p{font-size:12px;color:var(--muted);line-height:1.7;margin:4px 0 0}
.discussion-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.8;margin:20px 0 14px;color:var(--ink)}
.discussion-reference{font-size:13px;color:var(--muted);line-height:1.7;overflow-wrap:anywhere}
.discussion-comment footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.discussion-comment footer button{padding:8px 12px;background:transparent}
.discussion-reply-context{border-left:3px solid var(--azafran);padding-left:12px;font-size:13px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere}
.discussion-spoiler{margin-top:20px;padding:14px 18px;background:rgba(184,137,30,.08);border:1px solid rgba(184,137,30,.25);border-radius:12px}
.discussion-spoiler summary{min-height:30px;font-size:14px;cursor:pointer;color:var(--jade);font-weight:600}
.discussion-list-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0;color:var(--muted);font-size:12px}
.discussion-composer,.discussion-join{margin-top:32px;padding:28px;border:1px solid var(--line);border-radius:20px;background:rgba(14,75,66,.04)}
.discussion-composer>h3,.discussion-join h3,.discussion-empty h3{font:600 30px var(--serif);color:var(--jade);margin:0 0 18px}
.discussion-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.discussion-composer fieldset,.discussion-comment form fieldset{border:0;padding:0;margin:0;min-width:0}
.discussion-composer fieldset>h3{font:600 30px var(--serif);color:var(--jade);margin:0 0 18px}
.discussion-composer label,.discussion-comment form label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600;color:var(--jade);margin-bottom:20px}
.discussion-composer input:not([type=checkbox]),.discussion-composer select,.discussion-composer textarea,.discussion-comment form textarea{border:1px solid var(--line);border-radius:10px;background:var(--paper-2);padding:13px;min-height:46px;font:400 14px var(--sans);color:var(--ink);width:100%;resize:vertical}
.discussion-composer label small{color:var(--muted);font-size:11px;line-height:1.6;font-weight:400}
.discussion-composer label.discussion-checkbox{display:flex;flex-direction:row;align-items:center;gap:10px;color:var(--muted);min-height:44px}
.discussion-checkbox input{width:18px;height:18px;accent-color:var(--jade)}
.discussion-guidelines,.discussion-join p,.discussion-empty p{font-size:14px;color:var(--muted);line-height:1.8;max-width:720px}
.discussion-notice:not(:empty){padding:15px 18px;margin:16px 0;border-left:3px solid var(--azafran);background:rgba(184,137,30,.1);border-radius:6px;font-size:14px;line-height:1.7}
.discussion-loading,.discussion-empty{padding:28px;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}
.discussion-comment form{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.book-discussion-section :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--terracotta);outline-offset:3px}
.book-discussion-section button:disabled{opacity:.6;cursor:wait}
@media(max-width:760px){
  .discussion-topline{flex-direction:column;gap:4px}
  .discussion-topline a{white-space:normal}
  .discussion-form-row{grid-template-columns:1fr;gap:0}
  .discussion-composer,.discussion-join,.discussion-comment{padding:20px}
  .discussion-filters{gap:8px}
  .discussion-filters button{padding:10px 13px;font-size:12px}
  .discussion-list-footer{align-items:start}
}
