/* Aezakmi navigation and device accommodations; reference styling stays intact. */
#sheet { overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
#sheet > * { flex-shrink: 0; }
#sheet .acts { min-height: 44px; }
#sheet .acts button { min-height: 44px; }
nav.top a { white-space: nowrap; }

@media (min-width: 761px) and (max-width: 1100px) {
  .wordmark span, nav.top li.opt { display: none; }
}

@media (min-width: 761px) and (max-width: 1100px) and (orientation: portrait) {
  html { font-size: 16px; }
}
@media (max-width: 760px), (max-width: 1100px) and (orientation: portrait) {
  body.open { overflow: hidden; }
  nav.top ul { gap: .8rem; }
  nav.top a { font-size: 11px; letter-spacing: .06em; }
  .wordmark b { letter-spacing: .24em; }
  #sheet { max-height: 52svh; padding-bottom: max(1rem, env(safe-area-inset-bottom)); }
  #sheet .acts { position: sticky; bottom: 0; flex-shrink: 0; background: #140f0bf5; padding-bottom: .4rem; }
  #sheet dl { grid-template-columns: minmax(6rem, 30%) 1fr; }
}
@media (max-width: 360px) {
  nav.top ul { gap: 10px; }
  nav.top a { font-size: 10px; }
  .wordmark b { letter-spacing: .16em; }
}
@media (max-height: 560px) and (orientation: landscape) {
  #hero { min-height: 100svh; }
  .intro { top: 4.8rem; }
  .intro h1 { font-size: 3rem; margin-top: .5rem; }
  .lede { font-size: 12px; max-width: 19rem; margin-top: .7rem; }
  .index { bottom: 2.8rem; }
  #sheet { top: 4.5rem; bottom: 1rem; width: 43%; max-height: none; }
  #sheet h2 { font-size: 2.5rem; }
  #sheet .acts { gap: .8rem; }
}

.fallback #hero { background-size: cover; background-position: center; }
.fallback #gl { display: none; }
.fallback #sheet .rise, .fallback .reveal { opacity: 1; }
.fallback #tag { display: none; }
@media (max-width: 760px), (max-width: 1100px) and (orientation: portrait) {
  .fallback #hero { background-position: 65% center; }
}