/* Phase 6: preserve both Dark Nova themes while making reflow and focus reliable. */
body{overflow-x:visible}
:where(main,section,article,nav,form,header,footer){min-width:0}
:where(h1,h2,h3,h4,p,a,label,button){overflow-wrap:anywhere}
:where(button,input,select,textarea){font:inherit}
:where(a,button,input,textarea,select,summary):focus-visible{outline:2px solid #67e8f9;outline-offset:4px}
:where(button,a.primary,a.secondary){min-height:44px}
:where(button):disabled{cursor:wait;opacity:.65}
.skip{position:fixed;top:-100px;left:12px;z-index:200;padding:12px 16px;border-radius:8px;background:#f6f7fb;color:#07090d;font-weight:700}
.skip:focus{top:12px}
#main{scroll-margin-top:90px}
.site-header .links:not(.open){transform:none}
.site-header .nav{gap:clamp(10px,2vw,24px)}
.site-header .brand{flex-shrink:0}
.hero-copy h1{overflow-wrap:normal}
.filters,.trendrow{flex-wrap:wrap;overflow:visible}
.filter,.trend{min-height:44px;white-space:normal}
.videos{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin-right:0}
.newsletter .wrap{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.page-404 .hero .inner{text-align:center}
.page-404 .hero p{margin-inline:auto}
.page-404 .hero .actions{justify-content:center}
.meta,.hero-proof,.trust-copy,.signal-form .signal-note,.signal-form [data-newsletter-status],.checkout-note{color:#a4afbf}
.topbar{height:auto;min-height:68px;padding-block:12px;gap:12px;flex-wrap:wrap}
.topbar nav{flex-wrap:wrap;gap:4px 14px}
.topbar nav a{display:inline-flex;align-items:center;min-height:44px}
.case-main{line-height:1.65}
.case-main .panel{overflow-wrap:anywhere}
.case-main h2{font-size:clamp(24px,4vw,32px);line-height:1.2}
.case-main h3{line-height:1.4}
#authStatus:not(:empty){padding:16px;border:1px solid #59469b;border-radius:12px;background:#171329;color:#f6f7fb}
#loginChallenge{min-height:70px;max-width:100%}
#loginForm input,#profileForm input{font-size:16px}
.input-label{display:block;margin:20px 22px 0;font-size:15px;font-weight:700;color:#d8deeb}
.input-help{margin:0 22px 18px;font-size:14px;line-height:1.6;color:#a9b0c4}
.scan-card textarea:focus-visible{outline:2px solid #67e8f9;outline-offset:-4px}
.scan-tabs{flex-wrap:wrap;overflow:visible}
.scan-tabs .tab{min-height:44px;white-space:normal}
.scan-card .upload-row{display:none}
.toggle{position:relative;min-height:44px}
.toggle input{display:block;position:absolute;width:1px;height:1px;opacity:0}
.toggle input:focus-visible+span{outline:2px solid #67e8f9;outline-offset:4px}
.scan-status{padding:0 22px 18px}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.item{flex-wrap:wrap}
.item p{flex:1 1 180px;min-width:0;overflow-wrap:anywhere}
.legend,.file-name,.confidence,footer{color:#a9b0c4}
.primary,.secondary{line-height:1.4;text-align:center}
.nojs-navigation{padding:16px;background:#0d131d;display:flex;gap:18px;flex-wrap:wrap}
.nojs-navigation a{min-height:44px;display:inline-flex;align-items:center;text-decoration:underline}
@media(max-width:1100px) and (min-width:861px){.site-header .links{gap:10px}.site-header .links>a{font-size:.72rem}.site-header .nav{gap:12px}}
@media(max-width:860px){
 .site-header .links:not(.open){display:none}
 .site-header .links.open{transform:none}
 .videos{grid-template-columns:repeat(2,minmax(0,1fr));margin-right:0}
 .newsletter .wrap{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){.grid.two{grid-template-columns:minmax(0,1fr)}}
@media(max-width:620px){
 .hero-copy h1{font-size:clamp(2.8rem,14vw,5.5rem)}
 .videos{grid-template-columns:minmax(0,1fr)}
 .video-card .poster{aspect-ratio:4/3}
 .case-main .panel{padding:18px}
 .source-grid{grid-template-columns:minmax(0,1fr)}
 .topbar nav{font-size:13px}
 .hero .actions{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(forced-colors:active){.primary,.secondary,.btn,.toggle span{border:1px solid ButtonText}.hero-copy h1 .glow,.hero h1 span{background:none;color:CanvasText}}

.case-main .panel>h2{font-size:18px;line-height:1.4}
.source-card h3{margin:10px 0;font-size:17px}

.source-card>a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px}
/* Scan feedback must settle below the two-row mobile header, including short screens. */
html:has(.topbar){scroll-behavior:auto}
@media(max-width:620px){#scanStatus,#results,.source-card{scroll-margin-top:116px}}
.case-main h1{line-height:1.15}

#loginChallenge[data-widget-size="compact"]{min-height:140px}
#loginForm,#profileForm{grid-template-columns:minmax(0,1fr)}
#loginChallenge{min-width:0}
