/* Header aligns to the same measured content column as the section heading. */
header{padding-inline:var(--site-content-inset,4vw)!important}
@media(max-width:600px){header nav{padding-inline:var(--site-content-inset,6vw)}}
.pointer-contours{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;z-index:29;pointer-events:none;overflow:hidden;color:var(--accent);mask-image:radial-gradient(circle 140px at var(--pointer-x,-999px) var(--pointer-y,-999px),#000 0%,#0009 35%,transparent 100%);-webkit-mask-image:radial-gradient(circle 140px at var(--pointer-x,-999px) var(--pointer-y,-999px),#000 0%,#0009 35%,transparent 100%);filter:drop-shadow(0 0 6px var(--accent))}
.pointer-contours path{fill:none;stroke:currentColor;stroke-width:1.8}
.page-progress{position:absolute;top:100%;left:0;right:0;height:3px;background:var(--line);pointer-events:none}
.page-progress span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(var(--page-progress,0));transform-origin:left}
.scroll-dynamic{translate:var(--scroll-x,0px) var(--scroll-y,0px);rotate:var(--scroll-angle,0deg)}
@media(prefers-reduced-motion:reduce){.scroll-dynamic{translate:none;rotate:none}}

/* Opaque navigation covers content effects; dropdown covers the progress track. */
header{z-index:30;isolation:isolate}
header nav{z-index:1}
.tools-dropdown-panel{z-index:3}
.page-progress{z-index:0}