/* The seven-letter navigation only appears in its compact header position. */
.map-readout{display:none!important}
/* Keep the desktop gutter steady while the opening scrollbar thumb stays invisible. */
html:not(.sections-started):not(.at-contact){scrollbar-gutter:stable;scrollbar-color:transparent var(--site-scroll-track)}
html:not(.sections-started):not(.at-contact)::-webkit-scrollbar-thumb{background:transparent;border-color:transparent}
@media(max-width:1024px){
  html:not(.sections-started):not(.at-contact){scrollbar-gutter:auto;scrollbar-width:none}
  html:not(.sections-started):not(.at-contact)::-webkit-scrollbar{display:none}
}
@media(max-width:1024px){
  html:not(.sections-started) .mobile-bottom-nav{pointer-events:none!important;opacity:0!important;visibility:hidden!important;transform:translate3d(-50%,14px,0)!important}
  html.sections-started:not(.at-contact) .mobile-bottom-nav{pointer-events:auto;opacity:1;visibility:visible;transform:translate3d(-50%,0,0)}
}
.portal-film.hover-cold .portal-film-controls button:hover:not(:focus-visible){background:rgba(255,255,255,.16);color:#111}
@media(hover:none){.portal-film-controls button:hover:not(:focus-visible){background:rgba(255,255,255,.16);color:#111}}
.portal-film-progress span{pointer-events:none}
.portal-film-progress input[data-film-seek]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;touch-action:none}
.portal-film-progress:focus-within span{height:8px}
@media(max-width:600px){
  .study-content ul{flex-wrap:nowrap;gap:4px;max-width:100%}
  .study-content ul li[data-mobile-label]{flex:1 1 0;min-width:0;white-space:nowrap;text-align:center;font-size:0;line-height:1.2;padding:7px 3px}
  .study-content ul li[data-mobile-label]::after{content:attr(data-mobile-label);font-size:clamp(8px,2.5vw,10px);letter-spacing:-.02em}
}