.mw-comments{--mw-line:var(--ds-color-border,#d8d5cd);--mw-muted:var(--ds-color-text-muted,#6f6b63);width:min(100% - 2rem,var(--ds-page-max-width,760px));margin:clamp(3rem,8vw,6rem) auto;padding-top:clamp(2rem,5vw,3.5rem);border-top:1px solid var(--mw-line);color:var(--ds-color-text,#24221f);font-family:var(--ds-font-family,system-ui,sans-serif)}
.mw-comments-head{margin-bottom:2rem}.mw-comments-kicker{margin:0 0:.45rem;color:var(--mw-muted);font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.mw-comments h2{margin:0;font-family:var(--ds-heading-family,var(--ds-font-family,serif));font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.1}.mw-comments-status,.mw-comments-empty{margin:1rem 0;color:var(--mw-muted);line-height:1.6}.mw-comments-status.is-error{color:var(--ds-color-danger,#a33a32)}
.mw-comment{margin-left:calc(min(var(--mw-comment-depth),4) * clamp(.65rem,3vw,1.5rem));padding:1.25rem 0;border-top:1px solid var(--mw-line)}.mw-comment header{display:flex;align-items:baseline;gap:.65rem;flex-wrap:wrap}.mw-comment header strong{font-size:.95rem}.mw-comment time,.mw-comment-website{color:var(--mw-muted);font-size:.78rem}.mw-comment-website{overflow-wrap:anywhere}.mw-comment-body{margin-top:.65rem;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.mw-comment-reply,.mw-comment-cancel{margin-top:.75rem;padding:0;border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:.2em;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.mw-comment-replies{margin-top:.5rem}
.mw-comments-composer{margin-top:2.25rem}.mw-comment-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.mw-comment-form h3,.mw-comment-form label:has(textarea),.mw-comment-actions,.mw-comment-form-status{grid-column:1/-1}.mw-comment-form h3{margin:0 0 .4rem;font-family:var(--ds-heading-family,var(--ds-font-family,serif));font-size:1.3rem}.mw-comment-form label{display:grid;gap:.4rem;color:var(--mw-muted);font-size:.8rem;font-weight:700}.mw-comment-form input,.mw-comment-form textarea{box-sizing:border-box;width:100%;border:1px solid var(--mw-line);border-radius:var(--ds-radius-sm,4px);padding:.8rem .85rem;background:var(--ds-color-surface,#fff);color:inherit;font:inherit}.mw-comment-form textarea{min-height:9rem;resize:vertical}.mw-comment-form input:focus,.mw-comment-form textarea:focus{outline:2px solid color-mix(in srgb,var(--ds-color-primary,#4d6653) 70%,transparent);outline-offset:2px}.mw-comment-actions{display:flex;align-items:center;gap:1rem}.mw-comment-actions button[type=submit]{width:auto;border:1px solid var(--ds-color-primary,#4d6653);border-radius:var(--ds-radius-sm,4px);padding:.75rem 1rem;background:var(--ds-color-primary,#4d6653);color:var(--ds-color-on-primary,#fff);font:inherit;font-weight:700;cursor:pointer}.mw-comment-actions button:disabled{cursor:wait;opacity:.65}.mw-comment-form-status{min-height:1.5em;margin:0;color:var(--mw-muted);font-size:.85rem;line-height:1.5}.mw-comment-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:600px){.mw-comments{width:min(100% - 1.5rem,var(--ds-page-max-width,760px));margin-block:2.75rem}.mw-comment{margin-left:calc(min(var(--mw-comment-depth),2) * .65rem)}.mw-comment-form{grid-template-columns:1fr}.mw-comment-form label{grid-column:1/-1}.mw-comment-actions{align-items:flex-start;flex-direction:column}}
@media(prefers-color-scheme:dark){.mw-comments{--mw-line:var(--ds-color-border,#4b4944);--mw-muted:var(--ds-color-text-muted,#b7b2a8)}}