.blog-comments{max-width:800px;margin-top:48px;padding-top:32px;border-top:1px solid #344156;font-family:system-ui,sans-serif}.blog-comments h2{font-family:Outfit,system-ui,sans-serif;font-size:28px;margin:0 0 12px}.comments-guidance,.comments-load-status{color:#bac6d8;font-size:14px;line-height:1.6}.comment-form{display:grid;gap:10px;margin:24px 0 32px}.comment-form label{font-size:14px;font-weight:600}.comment-form input,.comment-form textarea{width:100%;border:1px solid #5e708a;border-radius:8px;background:#101925;color:#f1f5fc;padding:12px;font:16px/1.6 system-ui,sans-serif}.comment-form input{max-width:360px}.comment-form textarea{resize:vertical;min-height:120px}.comment-form button,.comments-more,.comment-remove{justify-self:start;min-height:44px;border:1px solid #7394c5;border-radius:8px;background:#244069;color:#fff;padding:10px 16px;font:600 14px/1.4 system-ui;cursor:pointer}.comment-form button:disabled,.comments-more:disabled,.comment-remove:disabled{opacity:.65;cursor:wait}.comment-form :focus-visible,.blog-comments button:focus-visible{outline:3px solid #aaceff;outline-offset:3px}.comment-status{min-height:1.5em;font-size:14px;color:#f2d587;margin:0}#comment-count{font-size:12px;color:#bac6d8}.comment-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.blog-comment{padding:22px 0;border-top:1px solid #344156;scroll-margin-top:24px}.blog-comment:target{background:#182739;outline:2px solid #aaceff;outline-offset:8px}.comment-meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline}.comment-meta time{font-size:12px;color:#bac6d8}.blog-comment>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.75;margin:12px 0}.comment-remove{background:transparent;color:#ffd5da;border-color:#a86e79}.blog-comments [hidden]{display:none!important}
.counter-admin-note{margin-top:12px;max-width:760px;min-width:0;text-align:left;font-family:system-ui,sans-serif;text-transform:none;letter-spacing:normal}.counter-admin-note[hidden]{display:none!important}.counter-note-text{background:#ffeb3b;color:#191a0a;border:1px solid #ffef70;border-radius:8px;padding:13px 16px;font-size:15px;font-weight:650;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.counter-note-edit{margin-top:8px;border:1px solid #cfbc36;border-radius:7px;background:#262414;color:#ffeb3b;padding:9px 13px;min-height:44px;font:600 13px system-ui;cursor:pointer}.counter-note-dialog{width:min(580px,calc(100vw - 32px));max-height:90dvh;overflow:auto;padding:24px;border:1px solid #65748d;border-radius:12px;background:#111a27;color:#f4f6fc;font-family:system-ui,sans-serif}.counter-note-dialog::backdrop{background:#000a}.counter-note-dialog h2{font-size:23px;margin:0 0 12px}.counter-note-dialog label{display:block;font-size:14px;margin-bottom:10px}.counter-note-dialog textarea{width:100%;min-height:140px;padding:12px;border:1px solid #788398;border-radius:8px;font:16px/1.6 system-ui;background:#0b1018;color:#fff;resize:vertical}.counter-note-dialog p{font-size:14px;line-height:1.5}.counter-note-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.counter-note-actions button{min-height:44px;padding:10px 16px;border:1px solid #7b899e;border-radius:7px;background:#253754;color:#fff;font:600 14px system-ui;cursor:pointer}.counter-note-actions button[type=submit]{background:#ffeb3b;color:#191a0a;border-color:#ffeb3b}.counter-note-actions button:disabled{opacity:.6;cursor:wait}.counter-admin-note button:focus-visible,.counter-note-dialog :focus-visible{outline:3px solid #c6deff;outline-offset:3px}.counter-note-status{min-height:1.5em;color:#ffe88a}.counter-note-help{color:#c2ccdb}@media(max-width:600px){.blog-comments{margin-top:32px}.comment-meta{display:block}.comment-meta time{display:block;margin-top:4px}.counter-admin-note{max-width:100%}.counter-note-dialog{padding:18px}.counter-note-text{font-size:14px;padding:12px}}
