/* Scoped comment controls, with bounded indentation on narrow screens. */
.comments-v23 .comments-heading {display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px;}
.comments-heading h2 {margin:5px 0 0;}.comments-heading h2>span {font-size:16px;font-weight:400;color:var(--muted);margin-left:8px;}
.comments-v23 :is(button,select,textarea):focus-visible,.comments-dialog :is(button,select,textarea):focus-visible {outline:2px solid var(--accent);outline-offset:3px;}
.comments-v23 .comment-v23-form {display:grid;gap:12px;padding:18px;margin:0 0 24px;border:1px solid var(--line);border-radius:15px;background:var(--panel-2);}
#trackComments .comment-v23-form textarea {width:100%;min-height:100px;max-height:350px;resize:vertical;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;font-size:14px;line-height:1.6;}
.comment-compose-bottom {display:flex;align-items:center;gap:12px;flex-wrap:wrap;}.comment-compose-bottom>.primary-btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 14px;font-size:12px;margin-left:auto;}
.comment-v23-file {display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;position:relative;overflow:hidden;min-height:40px;cursor:pointer;}.comment-v23-file>svg {width:17px;height:17px;}.comment-v23-file input {position:absolute;opacity:0;inset:0;width:100%;cursor:pointer;}.comment-v23-file:focus-within {outline:2px solid var(--accent);outline-offset:2px;border-radius:6px;}
.comment-counter {font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;}.comment-compose-hint {font-size:11px;color:var(--muted);line-height:1.6;margin:0;}
.comment-v23-form .comment-replying {grid-column:auto;min-width:0;}.comment-replying>span {min-width:0;overflow-wrap:anywhere;}.comment-replying>button {background:none;border:0;color:var(--muted);width:32px;height:32px;display:grid;place-items:center;flex:none;}
.comment-v23-preview {display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:10px;min-width:0;}.comment-v23-preview[hidden]{display:none;}.comment-v23-preview img {width:62px;height:62px;object-fit:contain;border-radius:7px;background:var(--panel);}.comment-v23-preview>span {flex:1;min-width:0;font-size:12px;overflow-wrap:anywhere;}.comment-v23-preview small {display:block;color:var(--muted);margin-top:5px;}.comment-v23-preview button {border:0;background:none;color:var(--muted);width:32px;height:32px;flex:none;}
.comment-inline-error {padding:11px 13px;border-left:3px solid var(--accent);background:var(--panel);border-radius:8px;margin:0;color:var(--text);font-size:13px;line-height:1.6;}
.comments-list-toolbar {display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;}.comments-list-toolbar label {display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);}.comments-list-toolbar select {border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font:inherit;min-height:40px;padding:8px 10px;}.comments-list-toolbar p {font-size:12px;color:var(--muted);margin:0;}
.comment-v23-list {display:grid;gap:0;}.comment-v23 {display:flex;align-items:flex-start;gap:12px;margin-left:calc(var(--comment-depth) * 15px);padding:18px 0;border-top:1px solid var(--line);scroll-margin-top:100px;min-width:0;}.comment-v23.is-reply {padding-left:12px;border-left:2px solid var(--line);}
.comment-v23-avatar {display:grid;place-items:center;width:34px;height:34px;flex:none;overflow:hidden;border:0;border-radius:50%;background:var(--panel-2);color:var(--accent);font:inherit;font-size:11px;font-weight:700;padding:0;}.comment-v23-avatar img {width:100%;height:100%;object-fit:cover;}.comment-v23-body {flex:1;min-width:0;}.comment-v23-body>header {display:flex;gap:8px 12px;align-items:center;flex-wrap:wrap;}.comment-v23-body>header>button {font-size:13px;max-width:100%;overflow-wrap:anywhere;text-align:left;}.comment-v23-body time,.comment-edited {font-size:10px;color:var(--muted);}.comment-v23-body .comment-v23-text {white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:14px;margin:10px 0;}.comment-parent {font-size:11px!important;color:var(--muted);margin:8px 0 0;}.comment-deleted-label {font-size:13px;color:var(--muted);font-style:italic;margin:10px 0;}
.comment-v23-actions {display:flex;gap:6px 14px;flex-wrap:wrap;margin-top:8px;}.comment-v23-actions button {display:inline-flex;align-items:center;gap:5px;padding:5px 0;min-height:32px;font:inherit;font-size:11px;border:0;background:none;color:var(--muted);cursor:pointer;}.comment-v23-actions button svg {width:14px;height:14px;}.comment-v23-actions button[aria-pressed=true] {color:var(--accent);}.comment-v23-actions button:disabled {opacity:.5;cursor:not-allowed;}
.comment-v23-attachment {display:block;max-width:340px;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:12px 0;text-decoration:none;}.comment-v23-attachment img {display:block;width:100%;max-height:260px;object-fit:contain;background:var(--panel-2);}.comment-v23-attachment span {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;color:var(--muted);font-size:11px;}.comment-v23-attachment svg {width:14px;height:14px;}
.comments-empty {padding:28px 18px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:13px;text-align:center;}.comments-more {margin-top:18px;display:inline-flex;align-items:center;gap:8px;}
.comments-dialog {width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;overflow-y:auto;border:1px solid var(--line);border-radius:22px;background:var(--panel);color:var(--text);box-shadow:0 24px 80px #0005;}.comments-dialog::backdrop {background:#0008;backdrop-filter:blur(5px);}.comments-dialog>header {display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 24px;border-bottom:1px solid var(--line);}.comments-dialog h2 {font-size:23px;letter-spacing:-.03em;margin:0;}.comments-dialog>header button {width:36px;height:36px;padding:7px;display:grid;place-items:center;flex:none;}.comments-dialog form {padding:24px;}.comments-dialog-body {display:grid;gap:16px;}.comments-dialog-body label {display:grid;gap:9px;font-size:13px;}.comments-dialog-body :is(textarea,select) {width:100%;min-width:0;min-height:44px;padding:11px 12px;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:10px;font:inherit;font-size:16px;line-height:1.6;}.comments-dialog-body p {margin:0;font-size:13px;line-height:1.7;color:var(--muted);}.comments-dialog-error {font-size:13px;color:var(--accent);line-height:1.6;}.comments-dialog-footer {display:flex;align-items:center;justify-content:flex-end;padding-top:16px;}.comments-dialog-footer button {display:inline-flex;align-items:center;justify-content:center;min-width:120px;}
.comment-image-dialog {width:min(1000px,calc(100vw - 20px));}.comment-image-dialog img {display:block;width:100%;max-height:calc(100dvh - 110px);object-fit:contain;background:var(--panel-2);}.comment-image-dialog header {padding:10px 16px;}.comment-image-dialog h2 {font-size:16px;}
.comment-report {padding:18px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.6;}.comment-report>header {display:flex;justify-content:space-between;gap:15px;}.comment-report>header span,.comment-report small {font-size:11px;color:var(--muted);}.comment-report-text {white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;background:var(--panel-2);border-radius:10px;}.comment-report footer,.comment-report-paging {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;}.comment-report footer button {font-size:12px;}.comment-report-paging span {font-size:12px;color:var(--muted);}.comment-moderation select {background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px;font:inherit;}
@media(max-width:600px){.comments-v23 .comment-v23-form{padding:13px;}.comment-compose-bottom{gap:8px;}.comment-v23-file{width:100%;}.comment-compose-bottom>.primary-btn{min-width:130px;}.comment-v23{gap:9px;margin-left:calc(var(--comment-depth)*8px);}.comment-v23.is-reply{padding-left:7px;}.comment-v23-avatar{width:28px;height:28px;font-size:10px;}.comment-v23-body>header{gap:6px 9px;}.comment-v23-body .comment-v23-text{font-size:14px;}.comments-list-toolbar{align-items:stretch;flex-direction:column;gap:8px;}.comments-list-toolbar label{justify-content:space-between;}.comments-list-toolbar select{min-width:160px;}.comment-v23-actions{gap:5px 12px;}.comment-v23-actions button{min-height:38px;}.comments-dialog form{padding:20px;}.comments-dialog>header{padding:18px 20px;}.comments-dialog h2{font-size:21px;}.comment-report>header{flex-direction:column;gap:5px;}.comment-report footer{flex-wrap:wrap;}.comment-moderation .manage-panel-heading{flex-wrap:wrap;}#trackComments .comment-v23-form textarea{font-size:16px;}}
@media(prefers-reduced-motion:reduce){.comments-v23 *{scroll-behavior:auto;}}

@media(max-width:1100px){:root[data-theme] .track-v12 .track-page-layout{grid-template-columns:minmax(0,1fr);} :root[data-theme] .track-v12 .track-page-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));} .track-v12 .track-page-sidebar>*{min-width:0;overflow-wrap:anywhere;}}
@media(max-width:520px){:root[data-theme] .track-v12 .track-page-sidebar{grid-template-columns:minmax(0,1fr);}}

.comment-feedback{font-size:12px;line-height:1.6;color:var(--accent);margin:0 0 16px;}

#trackComments .track-comment-login>span{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;flex:1 1 200px;min-width:0;}
#trackComments .track-comment-login :is(strong,small){grid-column:1;line-height:1.6;overflow-wrap:anywhere;}