.article-comments{max-width:800px;margin:48px auto;padding:clamp(20px,4vw,32px);background:#0b2744;border:1px solid #28516b;border-radius:20px;color:#eaf3ff}.article-comments h2{font-size:clamp(24px,4vw,32px);line-height:1.2;margin:0 0 12px}.article-comments p{line-height:1.6}.article-comments label{display:grid;gap:8px;font-size:14px;margin-bottom:16px}.comment-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.article-comments input,.article-comments select,.article-comments textarea{width:100%;min-width:0;box-sizing:border-box;font:inherit;color:#eaf3ff;background:#06182e;border:1px solid #57718b;border-radius:10px;padding:12px;min-height:46px}.article-comments textarea{resize:vertical}.article-comments :focus-visible{outline:3px solid #71d6ef;outline-offset:3px}.article-comments .comment-privacy,.comment-meta{font-size:12px;color:#b9cce0}.article-comments a{color:#71d6ef}.article-comments button{border:0;cursor:pointer;font:inherit}.article-comments button:disabled{opacity:.55;cursor:not-allowed}.comment-status{color:#bdeafb;font-size:14px;min-height:1.5em}.reader-comment{border-top:1px solid #28516b;padding:22px 0 8px;overflow-wrap:anywhere}.reader-comment>p:last-child{white-space:pre-wrap}.comment-meta{margin:6px 0 10px}.article-comments .comment-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.article-cover{display:block;width:100%;height:auto;border-radius:16px;margin:0 0 24px}.hub-hero h1{overflow-wrap:break-word}@media(max-width:540px){.comment-fields{grid-template-columns:1fr;gap:0}}

/* Mobile comment panel: centered introduction and action, aligned form fields. */
@media(max-width:760px){
.article-comments{margin:32px auto;padding:24px 20px}
.article-comments>h2,.article-comments>p,.article-comments .comment-status,.article-comments .comment-privacy{text-align:center}
.article-comments h2{font-size:24px;line-height:1.3}
.article-comments>p{font-size:16px}
.comment-fields{grid-template-columns:1fr;gap:0}
.article-comments form{width:100%;margin-inline:auto}
.article-comments label{text-align:left}
.article-comments input,.article-comments select,.article-comments textarea{font-size:16px;text-align:left}
.article-comments button{display:flex;width:100%;max-width:300px;margin:20px auto 0;justify-content:center}
.article-comments .comment-status{margin:12px 0 0}
}