.comment-tabs{display:flex;gap:5px;padding:5px;background:#f0f2f6;border:1px solid #dce1e9;border-radius:12px}.comment-tabs button{flex:1;padding:12px 14px;border-radius:8px;font:600 14px Arial,sans-serif;min-height:44px;color:#012169}.comment-tabs button[aria-pressed=true]{background:#012169;color:white;box-shadow:0 2px 8px #01216922}.comment-tabs small{display:block;font-size:9px;letter-spacing:.3px;opacity:.8;margin-top:3px}.comment-format-choice{border:0;padding:0;margin:0 0 22px}.comment-format-choice legend{font:600 12px Arial,sans-serif;margin-bottom:9px}.comment-format-choice p{font-size:12px;color:#4a5568;margin:10px 0 0;line-height:1.6}.comment-voice-panel{background:#f4f6fa;border:1px solid #dfe4ef;border-radius:12px;padding:22px;margin:15px 0}.comment-voice-panel[hidden],.comment-text-label[hidden],.comment-audio-dock[hidden],#comment-background-preview[hidden]{display:none!important}.comment-audio-choice{display:flex;gap:10px;flex-wrap:wrap}.comment-voice-panel audio{width:100%;margin:12px 0}.comment-voice-panel p{font-size:13px;line-height:1.6}.comment-text-label textarea{width:100%;resize:vertical;min-height:180px;line-height:1.7;border:1px solid #ccd4e2;border-radius:8px;padding:14px;color:#17243c;background:white}.comment-text-label .small{display:block;text-align:right;margin-top:6px}.comment-view-tabs{position:absolute;z-index:10;top:calc(env(safe-area-inset-top) + 78px);left:50%;transform:translateX(-50%);width:min(340px,80vw);background:#ffffffed;border-color:#ffffff50;backdrop-filter:blur(12px)}#watch .video-controls{top:calc(env(safe-area-inset-top) + 145px)}.comment-reading-slide{background:#e9edf5!important;color:#16243a}.comment-reading-scroll{width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:calc(env(safe-area-inset-top) + 160px) max(24px,calc((100vw - 720px)/2)) calc(env(safe-area-inset-bottom) + 180px);box-sizing:border-box}.comment-reading-card{background:white;border-top:5px solid #C8102E;padding:40px;border-radius:4px 4px 16px 16px;box-shadow:0 10px 50px #0121690a;overflow-wrap:anywhere;min-width:0}.comment-kind{font:700 10px Arial,sans-serif;letter-spacing:1.6px;color:#C8102E}.comment-byline{font:600 14px Arial,sans-serif!important;margin:20px 0!important;color:#012169}.comment-byline time{display:block;font-size:11px;font-weight:400;color:#6b7280;margin-top:7px}.comment-reading-card h2{font:700 clamp(26px,4vw,38px)/1.18 Georgia,serif;color:#012169;margin:15px 0}.comment-on-story{font:12px/1.5 Arial,sans-serif;color:#53627b;text-align:left;border-bottom:1px solid #e5e7ec;padding:0 0 20px;display:block;width:100%}.comment-prose{font:18px/1.85 Georgia,serif;color:#253248;overflow-wrap:anywhere}.comment-prose p{margin:1.25em 0}.comment-reading-actions{display:flex;align-items:center;gap:12px;border-top:1px solid #e5e7ec;padding-top:20px;margin-top:28px}.comment-reading-actions button{position:static!important;display:flex;flex-direction:row;gap:6px;min-height:44px;align-items:center;border:1px solid #dfe4ed;border-radius:7px;padding:7px 13px;color:#012169;background:#fff}.comment-reading-actions button.active{background:#012169;color:white}.comment-reading-next{font:11px/1.6 Arial,sans-serif;color:#69758a;margin-top:20px}.comment-inline-video{margin:22px 0;border:1px solid #dce2ed;border-radius:10px;overflow:hidden}.comment-inline-video summary{padding:14px;color:#012169;cursor:pointer;font:600 14px Arial,sans-serif}.comment-reading-slide .comment-inline-video video{position:static;display:block;width:100%;height:auto;max-height:55dvh;object-fit:contain;background:#012169}.comment-audio-dock{position:absolute;z-index:12;bottom:0;left:0;right:0;padding:12px max(18px,calc((100vw - 640px)/2)) calc(env(safe-area-inset-bottom) + 12px);background:#fffffff5;border-top:1px solid #e2e7ee;backdrop-filter:blur(12px);color:#012169}.comment-audio-dock audio{width:100%;height:42px}.comment-audio-dock p{font:11px/1.45 Arial,sans-serif;margin:3px 0 8px;overflow-wrap:anywhere}.comment-audio-dock button{background:#012169;color:white;border-radius:8px;padding:10px 18px;min-height:44px}.comment-voice-mark{font:32px Georgia,serif;color:#C8102E;letter-spacing:10px;padding-top:22px}.comment-thread-tools{display:flex;gap:20px;margin:18px 0}.comment-admin-text{background:#012169;color:white;border-radius:10px;font:24px/1.6 Georgia,serif;display:grid;place-items:center;padding:30px}.comment-admin-tools{padding:15px 0}#comment-background-preview{max-width:100%;max-height:280px;object-fit:contain;border-radius:8px;margin:15px 0}#comment-media-jobs{font-size:13px;line-height:1.7}#watch[data-comment-view=text] .watch-navigation,#watch[data-comment-view=audio] .watch-navigation{bottom:170px}.comment-reading{max-width:760px;margin:auto}.voices-controls{flex-wrap:wrap}
@media(max-width:650px){.comment-reading-scroll{padding-left:14px;padding-right:14px}.comment-reading-card{padding:24px 20px}.comment-prose{font-size:17px;line-height:1.8}.comment-view-tabs{top:calc(env(safe-area-inset-top) + 72px)}.comment-audio-choice .button{width:100%;justify-content:center}.comment-tabs button{padding:10px 7px}.comment-reading-actions{gap:6px}.comment-reading-actions button{padding:6px 10px}.comment-reading-scroll{padding-top:calc(env(safe-area-inset-top) + 147px)}.comment-view-tabs button{font-size:13px}.watch-top .add-top{max-width:120px}.voices-controls{gap:10px}.comment-reading-card h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.comment-voice-mark{animation:none}}