/* Article comments (preview builds with --comments). Matches the site: EB Garamond, cream / navy / oxblood. */
.comments{margin-top:56px;padding-top:8px;border-top:1px solid var(--rule)}
.comments h2{font-weight:500;font-size:1.5rem;margin:.6em 0 .4em}
.comments h2 .cm-count{color:var(--mute);font-size:1.05rem;margin-left:.3em}
.cm-list{list-style:none;padding:0;margin:0 0 28px}
.cm-item{padding:16px 0;border-bottom:1px solid var(--rule)}
.cm-item.is-held{background:var(--paper-2);padding:16px 12px}
.cm-meta{display:flex;flex-wrap:wrap;gap:.2em .9em;align-items:baseline;margin-bottom:.3em}
.cm-name{font-weight:600}
.cm-date{color:var(--mute);font-size:.9rem}
.cm-held{color:var(--ox);font-variant:small-caps;letter-spacing:.06em;font-size:.95rem}
.cm-body{white-space:pre-line}
.cm-actions{margin-top:.35em;display:flex;gap:1.1em}
.cm-link{background:none;border:0;padding:0;font:inherit;font-size:.9rem;color:var(--mute);text-decoration:underline;text-underline-offset:.18em;cursor:pointer}
.cm-link:hover{color:var(--ox)}
.cm-empty{color:var(--mute);font-style:italic}
.cm-box{display:flex;flex-direction:column;gap:.45em;max-width:560px}
.cm-box label{font-variant:small-caps;letter-spacing:.08em;color:var(--ink)}
.cm-box input,.cm-box textarea{font:inherit;font-size:1rem;color:var(--ink);background:#fffdf7;border:1px solid var(--rule-2);border-radius:2px;padding:9px 11px}
.cm-box textarea{resize:vertical;min-height:7em}
.cm-box input:focus,.cm-box textarea:focus{outline:2px solid var(--ox);outline-offset:1px}
.cm-box .btn{align-self:flex-start}
.comments .btn,.cm-landing .btn{font:inherit;cursor:pointer}
.cm-small{font-size:.92rem;color:var(--mute);margin:.2em 0}
.cm-strong{color:var(--ink)}
.cm-msg{margin:.6em 0}
.cm-error{color:var(--ox)}
.cm-ok{color:var(--ink);font-style:italic}
.cm-preview{border:1px dashed var(--ox);color:var(--ox);background:#fbf3ea;padding:8px 12px;font-size:.92rem;margin:.6em 0}
.cm-preview a{font-weight:600}
.cm-quote{border-left:2px solid var(--ox);margin:1em 0;padding:.2em 0 .2em 1em;white-space:pre-line}
.cm-quote .cm-by{font-weight:600;margin:0}
.cm-mail{border-bottom:1px solid var(--rule);padding:12px 0}
.cm-mail h2{font-size:1.15rem;font-weight:500;margin:0}
.cm-mailbody{white-space:pre-wrap;font:inherit;font-size:.95rem;background:var(--paper-2);padding:10px 12px}
.draft-banner{border:1px dashed var(--ox);color:var(--ox);padding:8px 12px;font-variant:small-caps;letter-spacing:.08em;margin-bottom:1.2em}
.comments .btn{margin-top:.6em}