/* The shell — one masthead, five sections and a sub-row for every generated page. ADDENDUM A; the five
   sections are docs/design/2026-10-25-one-site.md §2.1 (D3), the accepted previews that design's home.html
   and run.html. Every value is a token from tokens.css; no colour value appears here. Plain links and one
   aria-current; the one script is the theme button's, and the page is whole without it. */

.site-shell { border-bottom: 1.5px solid var(--rule-strong); margin: 0 0 var(--space-5); padding-top: var(--space-4);
  font: 400 16px/25px var(--font-serif); color: var(--ink); }
.site-shell a { color: var(--link); text-decoration: none; }
.site-shell .mast { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); flex-wrap: wrap; padding: 0 0 6px; }
.site-shell .mast-name { font: 600 17px/23px var(--font-serif); color: var(--ink); }
.site-shell a.mast-name:hover { text-decoration: none; }
.site-shell .mast-right { display: flex; align-items: baseline; gap: var(--space-3); }
.site-shell .mast-stamp { color: var(--ink-faint); }
.site-shell .theme-btn { color: var(--ink-muted); background: none; border: 1px solid var(--rule); border-radius: var(--radius-2);
  padding: 5px 8px; min-height: 28px; cursor: pointer; }
.site-shell .theme-btn:hover { color: var(--ink); background: var(--paper-sunk); }
.site-shell .theme-btn[hidden] { display: none; }
/* Five chips share the row equally: they fit a 358 px column with no sideways scroll (D3 supersedes the
   scrolling row of 2026-10-01). */
.site-shell .nav { display: flex; border-top: 1px solid var(--rule); }
.site-shell .nav a {
  flex: 1 1 0; min-width: 0; display: block; text-align: center; padding: 11px 4px 10px; color: var(--ink-muted);
  font: 500 10px/13px var(--font-mono); letter-spacing: 0.06em; text-transform: uppercase;
  border-right: 1px solid var(--rule);
}
.site-shell .nav a:first-child { border-left: 1px solid var(--rule); }
.site-shell .nav a:hover { color: var(--ink); text-decoration: none; background: var(--paper-sunk); }
/* The current section: type reversed out of solid ink — DESIGN-SYSTEM §1's one use of
   ink-reverse, carried from the PDF tab strip to the screen. */
.site-shell .nav [aria-current] { background: var(--ink); color: var(--ink-reverse); }
.site-shell .build { display: block; text-align: right; color: var(--ink-faint); padding: 4px 0 6px; }
/* The sub-row: the section's own pages, the same chip style, smaller. It wraps, never scrolls; the hub
   body lists the same links, so it is never the only route. */
.site-shell .subrow { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 0 var(--space-3); }
.site-shell .subrow a { display: block; padding: 6px 9px; min-height: 30px; border: 1px solid var(--rule); color: var(--ink-muted);
  font: 500 9.5px/16px var(--font-mono); letter-spacing: 0.08em; text-transform: uppercase; }
.site-shell .subrow a:hover { color: var(--ink); text-decoration: none; background: var(--paper-sunk); }
.site-shell .subrow a[aria-current] { border-color: var(--ink); color: var(--ink); }

@media print {
  .site-shell .nav, .site-shell .subrow, .site-shell .theme-btn { display: none; }
}