/* Responsive and interaction repairs, October 2026. */
html{scrollbar-gutter:stable}
html:has(dialog[open]:not(.inline-case)){overflow:hidden}
body:has(dialog[open]:not(.inline-case)){overflow:hidden}
header nav a{min-height:44px;display:flex;align-items:center}
header nav a[aria-current]{color:var(--accent);text-decoration:underline;text-underline-offset:6px}
#project-dialog .detail-top{position:sticky;top:-32px;z-index:5;background:var(--panel);padding:8px 0;border-bottom:1px solid var(--line)}
dialog{scrollbar-gutter:stable;scroll-padding-top:76px}
.ticker-pause{min-height:44px}
.app-entry-links a,.model-download,.contact-email{min-height:44px;display:inline-flex;align-items:center}
input[type=range]{min-height:44px}
.project-card:focus-visible,.map-node:focus-visible,.primary:focus-visible,.secondary:focus-visible,.ticker-pause:focus-visible{clip-path:none;outline:2px solid var(--accent);outline-offset:3px}
.source-excerpt,.demo-code{white-space:pre;overflow:auto;max-width:100%}
.case-flow li,.flow-node,.contact-email{overflow-wrap:anywhere}
@media(max-width:1000px){header nav{gap:14px}}
@media(max-width:800px){
 header{flex-wrap:wrap;padding-top:15px;padding-bottom:12px;gap:10px}
 header nav{order:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:0;gap:2px 8px;overflow:visible;white-space:normal}
 header nav a{font-size:12px;justify-content:center;text-align:center;line-height:1.4;padding:8px 3px}
 #language{margin-left:auto}
}
@media(max-width:600px){
 #homelab .project-grid{grid-template-columns:1fr;gap:28px}
 #homelab .project-art{height:190px}
 #homelab .project-info h3{font-size:24px}
 #homelab .project-info .eyebrow{font-size:11px}
 #homelab .project-info p{font-size:15px;max-width:45ch}
 #project-dialog .detail-top{top:-22px}
 .app-tabs{flex-wrap:wrap}
 .hero h1{font-size:clamp(34px,9.5vw,48px)}
 .hero-disciplines{flex-wrap:wrap;row-gap:10px}
 .contact-emails{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-top:20px}
 .contact-email{margin-top:0}
}
@media(hover:none){.project-card:hover:not(:focus-visible) *{animation:none!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{header nav,#language,.ticker,.lab-navigation,dialog,.hero-rack-arrow{display:none!important}body{background:white;color:black}.section{break-inside:avoid}.project-grid,.main-case-grid{display:block}a{color:inherit}main{max-width:none}}