/* The header is real persistent DOM; only the two page surfaces move. */
@view-transition{navigation:none}
html{scrollbar-gutter:stable}
.header,.header.is-scrolled{background:var(--paper);border-bottom-color:transparent;box-shadow:none}
.header{z-index:5;view-transition-name:none}
.header .nav-indicator{view-transition-name:none;transition:none}
.header .nav-links.indicator-ready .nav-indicator{transition:transform 460ms cubic-bezier(.22,1,.36,1),width 460ms cubic-bezier(.22,1,.36,1),opacity 160ms}
.header .nav-links>a[aria-current=page]{color:var(--ink)}
.header .nav-links:not(.has-indicator)>a[aria-current=page]::after{content:"";position:absolute;bottom:0;left:14px;right:14px;height:2px;background:var(--green)}
.board-page{min-width:0}
.board-page[hidden]{display:none!important}
html.board-moving,html.board-arriving{scroll-behavior:auto!important}
html.board-moving .board-page{pointer-events:none;will-change:transform}
html.board-navigated .header .trajectory-mark:not(.trajectory-mark--extended) path{animation:none;stroke-dashoffset:0}
@media(max-width:640px){.header .nav-links:not(.has-indicator)>a[aria-current=page]::after{left:12px;right:12px}}
@media(prefers-reduced-motion:reduce){.header .nav-indicator{transition:none!important}}