/* Archive pages only (linked by tools/assemble.mjs, never by a front-door page).
   The preserved research archive keeps its own layout and every word of its content; this file gives it the
   current site's header, footer, palette and typefaces, so moving between the two does not change the site.
   Values copied from the computed styles of the current front door (3 Nov 2026). */
@font-face{font-family:'Source Serif 4';src:url(/assets/fonts/source-serif-4-var.woff2) format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url(/assets/fonts/ibm-plex-sans-var.woff2) format('woff2');font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(/assets/fonts/ibm-plex-mono-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(/assets/fonts/ibm-plex-mono-500.woff2) format('woff2');font-weight:500;font-display:swap}
:root{--paper:#f6f7f3;--surface:#fbfcf9;--ink:#13211e;--graphite:#5a6863;--rule:#d6dbd3;--hair:#e4e8e1;
  --serif:'Source Serif 4',Georgia,'Times New Roman',serif;--sans:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --om-pine:#10332d;--om-pine-2:#1a463e;--om-pine-ink:#eef2ea;--om-brass:#c9a24b;--om-muted:#5a6863;--om-brand:#17594c;
  --om-edge:max(clamp(16px,4vw,56px),calc((100vw - 1328px)/2))}
body.archived{background:var(--paper);color:var(--ink)}
body.archived>.site-header{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin:0;padding:20px var(--om-edge);background:var(--om-pine);color:var(--om-pine-ink);font:400 17px/1.55 var(--sans);position:static;border:0}
/* observation.css sets .wordmark font and letter-spacing with !important; only importance can answer it */
body.archived>.site-header .wordmark{display:block;margin-right:auto;font:500 19px/1 var(--serif)!important;letter-spacing:.2em!important;text-transform:none;color:var(--om-pine-ink);text-decoration:none;border:0}
body.archived>.site-header .main-nav{display:flex;align-items:center;gap:clamp(14px,2.6vw,32px);margin:0 0 0 auto;padding:0;font:400 15px/1.55 var(--sans)}
body.archived>.site-header .main-nav a{display:block;color:var(--om-pine-ink);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;border:0;padding:0}
body.archived>.site-header .main-nav a:hover{color:#fff;text-decoration-color:var(--om-brass)}
body.archived>.site-header :focus-visible{outline:2px solid var(--om-brass);outline-offset:3px}
body.archived>.archive-note{margin:0;padding:12px var(--om-edge);background:#e9ede6;border-bottom:1px solid var(--rule);font:400 14px/1.5 var(--sans);color:var(--ink)}
body.archived>.archive-note a{color:var(--om-brand);text-underline-offset:2px}
body.archived>.site-footer{display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:space-between;align-items:baseline;margin:54px 0 0;padding:32px var(--om-edge);border:0;border-top:1px solid var(--rule);background:none;color:var(--om-muted);font:400 14px/1.55 var(--sans)}
body.archived>.site-footer .footer-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0}
body.archived>.site-footer .footer-links a{display:block;color:var(--om-muted);text-decoration:none;border:0}
body.archived>.site-footer .footer-links a:hover{color:var(--ink);text-decoration:underline}
body.archived>.site-footer small{display:block;font-size:14px;color:var(--om-muted)}