.detail-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0; font-size:14px; }
.detail-breadcrumb a { text-decoration:underline; }
.hero h1 { font-size:clamp(36px,6vw,64px); overflow-wrap:anywhere; }
.detail-demo video { display:block; width:100%; height:auto; border-radius:16px; background:#10264c; }
.detail-demo figure { margin:0; max-width:900px; }
.detail-demo figcaption { display:grid; gap:8px; margin:12px 0; }
.detail-skip { position:fixed; z-index:100; top:8px; left:8px; padding:12px; background:#10264c; color:white; transform:translateY(-160%); }
.detail-skip:focus { transform:none; }
:where(a,button):focus-visible { outline:3px solid #2867bd; outline-offset:4px; }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }