/* Inner pages share the original Still desktop masthead; mobile keeps its atlas alignment. */
:root {
  --site-header-height: 88px;
  --site-header-inset: clamp(28px,6vw,100px);
  --site-wordmark-size: 30px;
  --site-wordmark-tracking: 3.5px;
}
body .site-header {
  width: 100%;
  max-width: none;
  height: var(--site-header-height);
  min-height: var(--site-header-height);
  margin: 0 auto;
  padding: 0 var(--site-header-inset);
  display: flex;
  align-items: center;
  gap: 36px;
  border: 0;
  background: transparent;
  backdrop-filter: none;
  color: var(--silver);
  font-family: var(--sans);
}
body .site-header .wordmark,
body .site-footer .wordmark,
body .dialog-top .wordmark {
  font: 500 var(--site-wordmark-size)/1 var(--serif);
  letter-spacing: var(--site-wordmark-tracking);
  white-space: nowrap;
}
body .site-header .wordmark { margin: 0; }
body .site-header .desktop-nav {
  display: flex;
  align-items: center;
  margin-left: 0;
  gap: 30px;
  font: 500 19px/1 var(--serif);
}
body .site-header .desktop-nav a { padding: 15px 0; }
body .site-header .header-book {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 42px;
  padding: 10px 25px;
  margin-left: 0;
  border-radius: 50px;
  font: 500 18px/1.2 var(--serif);
}
body .site-header .header-book svg { width: 16px; height: 16px; }
body .site-header .menu-button { display: none; }

@media (min-width: 801px) {
  body .site-header .wordmark {
    font: 500 38px/1 var(--serif);
    letter-spacing: -1.9px;
    margin-right: auto;
  }
}
@media (min-width: 801px) and (max-width: 1100px) {
  body .site-header { padding-inline: 4vw; gap: 20px; }
  body .site-header .desktop-nav { gap: 20px; }
}
@media (max-width: 800px) {
  :root {
    --site-atlas-width: min(100vw,520px);
    --site-atlas-height: max(100svh,640px,calc(var(--site-atlas-width) * 1.68));
    --site-header-top: max(calc(var(--site-atlas-height) * .024),env(safe-area-inset-top));
    --site-header-height: calc(var(--site-header-top) + 44px);
    --site-wordmark-size: clamp(27px,calc(var(--site-atlas-width) * .069),36px);
    --site-wordmark-tracking: 3px;
  }
  body .site-header {
    max-width: 520px;
    height: var(--site-header-height);
    padding: var(--site-header-top) calc(var(--site-atlas-width) * .05) 0 calc(var(--site-atlas-width) * .065);
    gap: 12px;
  }
  body .site-header .desktop-nav,
  body .site-header .header-book { display: none; }
  body .site-header .menu-button {
    display: inline-flex;
    width: 44px;
    height: 44px;
    margin: 0 -5px 0 auto;
  }
  body .site-header .menu-button svg { width: 29px; height: 25px; }
  body .site-footer nav { display: none; }
}
@media (max-width: 359px) {
  :root { --site-atlas-height: max(100svh,650px); }
}
@media (max-width: 300px) {
  :root { --site-wordmark-size: 23px; --site-wordmark-tracking: 1px; --site-header-top: 16px; }
  body .site-header { padding-inline: 16px; gap: 8px; }
}