/* Stage 5: technical refinements and Al's corrected logo composition. */
html[data-finishing="5"] #site-header .brand{font-size:16px;letter-spacing:.2em;gap:11px}
html[data-finishing="5"] #site-header .al-company-logo{width:44px;height:44px;aspect-ratio:1}
.al-company-logo>svg{width:100%;height:100%;object-fit:contain}
html[data-finishing="5"] .contact-brand>.al-company-logo{width:60px;height:60px;aspect-ratio:1}
.finish-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html{scrollbar-gutter:stable;scroll-padding-top:calc(var(--header) + 20px)}
[id]{scroll-margin-top:0}
#main{scroll-margin-top:0}
input,textarea{scroll-margin-bottom:100px}
[aria-invalid="true"]{border-color:var(--danger)!important}
.choice:has(input:focus-visible),.option-card:has(input:focus-visible){outline:2px solid var(--gold-bright);outline-offset:4px}
.compare-scroll{overscroll-behavior-x:contain}
.compare-scroll:focus-visible{outline-offset:4px}
html[data-page-hidden="true"] *,html[data-page-hidden="true"] *:before,html[data-page-hidden="true"] *:after{animation-play-state:paused!important}
.finish-boot{margin:100px auto;padding:32px;width:calc(100% - 44px);max-width:640px}
.finish-boot h1{font-size:32px;margin-bottom:20px}.finish-boot p{margin-bottom:24px}
.finish-boot[hidden]{display:none}
@media(max-width:1100px){html[data-finishing="5"] #site-header .brand{font-size:16px;letter-spacing:.2em;gap:11px}html[data-finishing="5"] #site-header .al-company-logo{width:44px;height:44px}}
@media(max-width:640px){
 html[data-finishing="5"] #site-header .brand{font-size:13px;letter-spacing:.16em;gap:8px}
 html[data-finishing="5"] #site-header .al-company-logo{width:36px;height:36px}
 html[data-finishing="5"] .contact-brand>.al-company-logo{width:52px;height:52px}
 .header-actions .icon-button,.view-switch button{min-width:44px;min-height:44px}
 .quiet-button,.product-nav a,.drawer-tabs button{min-height:44px}
 .review-dock{bottom:max(12px,env(safe-area-inset-bottom));}
 .review-dock>button,.review-dock>a{min-height:44px}
 .command-footer{flex-wrap:wrap;gap:8px}
 input[type=search]{font-size:16px!important}
 .form-mode{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
@media(forced-colors:active){button,.button,.choice,.option-card{border:1px solid ButtonText}.hotspot{outline:1px solid ButtonText}.is-visible{opacity:1}}
