/* SAS record pages — the shared type, header and navigation standard.
   Linked by index.html (the ledger), story.html and next/prompts.html so the three cannot drift apart.
   B612 is the aviation display face (Airbus, SIL OFL); B612 Mono carries everything the system recorded. */

@font-face { font-family: "B612"; src: url(fonts/B612-400.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "B612"; src: url(fonts/B612-400-i.woff2) format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "B612"; src: url(fonts/B612-700.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "B612 Mono"; src: url(fonts/B612Mono-400.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "B612 Mono"; src: url(fonts/B612Mono-700.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

:root { --sans: "B612", system-ui, -apple-system, "Segoe UI", sans-serif; --mono: "B612 Mono", ui-monospace, Menlo, Consolas, monospace; }

/* the ramp: reading text 14 · data 14 mono · title 16 · controls 13 · labels 12.5 */
body { font-family: var(--sans); font-size: 14px; }
.mono, pre, code, kbd, samp { font-family: var(--mono); }

/* ONE HEADER — identical box, face, metrics and alignment on all three record pages */
header.bar { height: 46px; box-sizing: border-box; padding: 0 16px; display: flex; align-items: center; gap: 16px; flex-wrap: nowrap;
  border-bottom: 1.5px solid var(--line); background: var(--panel); font-family: var(--sans); }
header.bar h1 { font-size: 16px; font-weight: 700; letter-spacing: .01em; line-height: 1; white-space: nowrap; flex: none; color: var(--text, var(--fg)); }
header.bar .sub, header.bar .hint { font-size: 12.5px; font-weight: 400; color: var(--dim); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
header.bar select { flex: none; }
header.bar nav { margin-left: auto; flex: none; display: flex; gap: 14px; align-items: center; }
header.bar nav a { font-size: 12.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #8fa3b0; text-decoration: none; line-height: 1; padding-bottom: 3px; border-bottom: 2px solid transparent; }
header.bar nav a:hover { color: #e8eef2; text-decoration: none; }
header.bar nav a.here { color: #f2f6f8; border-bottom-color: currentColor; }