/* Readability and reliable navigation; keep the site's existing visual identity. */
:root{--reading-width:760px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #2783de;outline-offset:3px}
img{max-width:100%}.info-page{padding:32px 0 48px}.info-content{max-width:var(--reading-width)}
.info-content h1{font-size:clamp(26px,4vw,36px);line-height:1.2;margin:0 0 24px}.info-content h2{font-size:22px;line-height:1.3;margin:32px 0 12px}
.info-content p,.info-content li{font-size:16px;line-height:1.8}.info-content p{margin-bottom:16px}.info-content ul{padding-left:24px;margin:0 0 24px}.info-content li{margin:8px 0}
.info-content a,#reader .source-link a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.breadcrumb{font-size:14px!important;color:var(--gray);margin-bottom:20px!important}.quality-link{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid var(--border);border-radius:8px;margin:0 0 8px}
.report-template{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--card);border:1px solid var(--border);padding:20px;border-radius:8px;font:15px/1.8 ui-monospace,monospace}
#reader{max-width:var(--reading-width);margin:0 auto}#reader p,#reader li{overflow-wrap:anywhere}#reader h1{font-size:clamp(26px,4vw,36px)!important}
#reader figcaption{font-size:14px!important;line-height:1.6}.source-link{font-size:15px;line-height:1.8;margin:18px 0;overflow-wrap:anywhere}
.editorial-note{background:var(--card);border:1px solid var(--border);border-left:4px solid #D5803B;border-radius:8px;padding:16px;margin:24px 0;font-size:15px;line-height:1.8}
.content-kind{font-size:14px!important;color:var(--gray);margin:12px 0}.rank h4 a{color:inherit}.rank h4 a:hover{color:var(--red)}
#hero-main .slide .caption p{max-width:65ch}.navbar .container{flex-wrap:wrap}.navbar form{flex-shrink:0}.navbar .menu{min-width:0;flex-wrap:wrap;gap:16px}
@media(max-width:900px){.navbar .menu{order:3;flex:1 0 100%;overflow-x:auto;flex-wrap:nowrap;gap:20px;padding:0 0 4px}.navbar .menu a{height:44px}.navbar .container{row-gap:8px}.navbar form{margin-left:auto}.navbar .logo{font-size:24px}.navbar .btn-live{min-height:44px}}
@media(max-width:600px){.container{padding-left:18px!important;padding-right:18px!important}.navbar .menu{display:flex!important}.navbar form{display:none}#reader h1{font-size:27px!important}.info-page{padding:24px 0 36px}.info-content h2{font-size:21px}#hero-main .caption p{display:none}#hero-main .caption h2{font-size:23px}.toc-float{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Allow the navigation row to grow; no menu items hidden behind the ticker. */
.navbar>.container{height:auto!important;min-height:64px;max-height:none!important;overflow:visible!important}
.navbar .menu{height:auto!important;flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;flex:1;scrollbar-width:thin}
#reader figcaption{color:#616161!important}[data-theme="dark"] #reader figcaption{color:#c4c4c4!important}
@media(max-width:900px){.navbar>.container{padding-top:8px;padding-bottom:8px;min-height:0}.navbar .menu{order:3;flex:1 0 100%!important;min-height:44px}}
@media(max-width:600px){#float-share{display:none!important}.ss-ai-fab-v682{position:relative!important;right:auto!important;bottom:auto!important;display:flex!important;margin:20px 18px 28px auto!important}}
@media(max-width:600px){html body #assistantProV698{position:static!important}html body #assistantProV698 .ss-ai-fab-v682{position:relative!important;right:auto!important;left:auto!important;bottom:auto!important;display:grid!important;margin:20px 18px 28px auto!important}}
#grid{row-gap:24px}#grid .excerpt{font-size:14px;line-height:1.7}#grid .title-md{font-size:16px;line-height:1.4}
@media(max-width:600px){.carousel>.card-link,.carousel>.card{flex:0 0 82%!important;min-width:260px;scroll-snap-align:start}.carousel{scroll-snap-type:x proximity}}
.video-wrap{position:relative}.video-launch{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:#111;color:#fff;border-radius:6px;overflow:hidden}.video-launch img{width:100%;height:100%;object-fit:cover}.video-launch span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:16px 24px;background:#cc0000;color:#fff;border-radius:8px;font-size:18px;white-space:nowrap}

/* Preserve brand legibility and accessible links on dark surfaces. */
[data-theme="dark"] .navbar .logo{color:#e97366}[data-theme="dark"] .navbar .logo span{color:#f5f5f5}
[data-theme="dark"] .info-content a,[data-theme="dark"] #reader .source-link a{color:#e97366}

#gal-grid{row-gap:24px}.gal-card .cap{font-size:14px;line-height:1.45}.gal-kind{display:block;font-size:14px;font-weight:400;margin-bottom:4px}

/* Latest-news ticker: original 45-second loop, pausable; reduced motion is static. */
.ticker-track{flex-shrink:0;animation-duration:45s!important}
.ticker-viewport:focus-within .ticker-track,.ticker-viewport:active .ticker-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none!important;transform:none!important}.ticker-viewport{overflow-x:auto;scrollbar-width:thin}}
