.comments-selection{position:fixed;z-index:90;padding:10px 15px;border:1px solid var(--gold);border-radius:4px;background:var(--paper-light);color:var(--red);box-shadow:0 5px 22px #30251d30;font:12px/1.4 var(--sans);max-width:calc(100vw - 24px)}
.comments-dialog{width:min(720px,calc(100% - 28px));max-width:720px;max-height:calc(100dvh - 40px);padding:34px 38px;background:var(--paper-light);color:var(--ink);border:1px solid var(--gold);border-radius:5px;overscroll-behavior:contain}.comments-dialog::backdrop{background:#25201eb3}.comments-dialog h2{font:400 34px/1.2 var(--serif);margin:12px 30px 18px 0}.comments-dialog h2:focus{outline:0}.comments-dialog h3{font:400 25px/1.3 var(--serif);margin:0 0 20px}.comments-dialog p{font:14px/1.75 var(--sans);margin:12px 0}.comments-close{position:absolute;top:8px;right:10px;width:38px;height:38px;border:0;background:transparent;color:var(--muted);font:28px var(--sans)}
.comments-context{padding-bottom:18px;border-bottom:1px solid var(--line)}.comments-context .comments-location,.comments-location{font:11px/1.6 var(--sans);color:var(--muted)}.comments-context blockquote,.comment-quote{margin:14px 0;padding:12px 16px;border-left:2px solid var(--gold);background:var(--paper);font:italic 17px/1.7 var(--serif);white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto}.comments-link{font:12px/1.6 var(--sans);color:var(--red)}
.comments-dialog .comments-status{font:12px/1.7 var(--sans);color:var(--muted);overflow-wrap:anywhere;min-height:0}.comments-status:empty{display:none}.comments-dialog .comments-status.is-error,.comments-field-error{color:var(--red)}.comments-auth{margin:18px 0}.comments-auth:empty{display:none}.comments-list{margin:20px 0}.comments-empty{color:var(--muted)}.comment-card{padding:20px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.comment-card:first-child{padding-top:0}.comment-meta{display:flex;gap:8px 14px;flex-wrap:wrap;align-items:baseline;font:11px/1.6 var(--sans);color:var(--muted)}.comment-meta strong{font:600 13px var(--sans);color:var(--ink)}.comment-edited{font-style:italic}.comments-dialog .comment-body{font:17px/1.8 var(--serif);white-space:pre-wrap}.comments-dialog .comment-private{font:11px/1.6 var(--sans);color:var(--muted)}.comment-actions{display:flex;gap:20px}.comments-text-button{font:12px var(--sans);border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--red);padding:5px 0}
.comments-form{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.comments-field{display:flex;flex-direction:column;gap:7px;margin:16px 0}.comments-field label{font:12px/1.5 var(--sans);color:var(--ink)}.comments-field input,.comments-field textarea{display:block;width:100%;min-width:0;border:1px solid var(--line);border-radius:3px;padding:11px 12px;background:var(--paper);color:var(--ink);font:15px/1.6 var(--sans)}.comments-field textarea{resize:vertical;min-height:115px}.comments-field [aria-invalid=true]{border-color:var(--red)}.comments-field-error{font:12px/1.5 var(--sans)}.comments-field-error:empty{display:none}.comments-dialog .comments-privacy{font:11px/1.7 var(--sans);color:var(--muted)}.comments-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.comments-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 17px;margin:5px 9px 5px 0;border:1px solid var(--red);border-radius:3px;background:var(--red);color:var(--paper-light);font:12px/1.5 var(--sans)}.comments-button.secondary{background:transparent;color:var(--red)}.comments-button:disabled{cursor:wait;opacity:.55}.comment-removal{margin-top:14px;padding:15px;background:var(--paper);border:1px solid var(--line)}.comment-removal p{margin-top:0}.comment-edit{padding-top:3px}
.night .comments-button:not(.secondary){color:var(--paper)}
@media(max-width:740px){.comments-dialog{padding:28px 20px;max-height:calc(100dvh - 24px)}.comments-dialog h2{font-size:29px}.comments-context blockquote{font-size:16px}.comments-field input,.comments-field textarea{font-size:16px}.comments-dialog .comment-body{font-size:16px}.comments-button{min-height:44px}.comments-close{width:40px;height:40px}}

.footer-comments{border:0;background:transparent;padding:0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:4px}.comments-selection:disabled{opacity:1;cursor:default}