/* Sekos shell for the embedded visual pages: fonts, philosophy tokens, top bar, footer.
   Mirrors ../../pages.css; the visual pages keep their own layout classes, so they do
   not load pages.css (class names such as .hero, .card, .lede would collide). */
@font-face{font-family:"Epoch Garamond";src:url("/garamond-1592-400.woff2") format("woff2"),url("../../fonts/garamond-1592-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Epoch Garamond";src:url("/garamond-1592-700.woff2") format("woff2"),url("../../fonts/garamond-1592-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Epoch Typewriter";src:url("/typewriter-1950.woff2") format("woff2"),url("../../fonts/typewriter-1950.woff2") format("woff2");font-display:swap}
:root{
  --serif:"Epoch Garamond","Iowan Old Style",Georgia,serif;
  --mono:"Epoch Typewriter","SFMono-Regular",Menlo,Consolas,monospace;
  --sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
html[data-philosophy="receipt"]{--ink:#2b2419;--muted:#6b5d4a;--paper:#fff;--panel:#fbfaf7;--line:#d8cdb8;--accent:#8a4b2a;--accent-soft:#f3e8dc;--head-bg:#fff;--head-ink:#2b2419;--body-face:var(--serif);--display-face:var(--serif)}
html[data-philosophy="atlas"]{--ink:#e8e4d8;--muted:#aaa597;--paper:#0b0b09;--panel:#11110e;--line:#3a382e;--accent:#ffb000;--accent-soft:#211a09;--head-bg:#0b0b09;--head-ink:#e8e4d8;--body-face:var(--mono);--display-face:var(--mono)}
html[data-philosophy="instrument"]{--ink:#e7ecf3;--muted:#9fb3c8;--paper:#070a10;--panel:#0d131c;--line:#273544;--accent:#5eead4;--accent-soft:#0d2726;--head-bg:#070a10;--head-ink:#e7ecf3;--body-face:var(--sans);--display-face:var(--sans)}
a{color:var(--accent);text-underline-offset:3px}
::selection{background:var(--accent);color:var(--paper)}
.shell{width:min(1080px,calc(100% - 48px));margin:0 auto}
.site-foot{padding:40px 0 70px;color:var(--muted);font:12px/1.6 var(--mono)}
.site-foot .shell{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.site-foot p{margin:0}.site-foot nav{display:flex;gap:18px}.site-foot a{color:inherit}
body.viz{margin:0;padding-top:var(--site-header-height,65px)}