/* Mobile header: brand, Book online and a hamburger toggle; the other links live in the menu panel. */
.site-header .header-book,.site-header .menu-toggle{display:none}
@media (max-width:820px){
  html{scroll-padding-top:calc(5.5rem + env(safe-area-inset-top,0px))}
  .top .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.6rem;padding-block:.75rem}
  .top .site-header>a:first-child{align-self:center;min-width:0}
  .site-header .header-book{display:inline-flex;font-size:.85rem;padding:.6rem 1rem;min-height:44px;white-space:nowrap}
  .site-header .menu-toggle{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--ink);cursor:pointer}
  .menu-toggle .bars,.menu-toggle .bars::before,.menu-toggle .bars::after{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
  .menu-toggle .bars{position:relative}
  .menu-toggle .bars::before,.menu-toggle .bars::after{content:"";position:absolute;left:0}
  .menu-toggle .bars::before{top:-6px}
  .menu-toggle .bars::after{top:6px}
  .menu-toggle[aria-expanded="true"] .bars{background:transparent}
  .menu-toggle[aria-expanded="true"] .bars::before{transform:translateY(6px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] .bars::after{transform:translateY(-6px) rotate(-45deg)}
  .top .site-nav{grid-column:1/-1;display:none;flex-direction:column;align-items:stretch;gap:0;margin:.25rem 0 .25rem;padding-top:.35rem;border-top:1px solid var(--line)}
  .site-header.is-open .site-nav{display:flex}
  .top .site-header .site-nav a{display:flex;align-items:center;justify-content:flex-start;min-height:48px;padding:0 .25rem;font-size:1rem;text-align:left}
  .top .site-header .site-nav a+a{border-top:1px solid var(--line)}
  .top .site-header .site-nav .btn{display:none}
}
@media (max-width:520px){.site-header .brand small{display:none}.site-header .brand strong{font-size:.9rem}}
@media (prefers-reduced-motion:reduce){.menu-toggle .bars,.menu-toggle .bars::before,.menu-toggle .bars::after{transition:none}}
