/* history.sesow.com redesign v2 (2026-10-21, from Grok Bot's design review): shared fonts, readable sizes,
   entry-page key-facts layout, chips and top navigation. Loaded after each page's own stylesheet.
   Fonts: Bebas Neue (headings), Source Serif 4 (reading), Inter (labels, buttons). No text under 12.5px. */
:root{
  --fd:'Bebas Neue',Impact,'Arial Narrow',sans-serif;
  --fb:'Source Serif 4',Georgia,'Times New Roman',serif;
  --fm:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --fu:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --gold-text:#7A5A00;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--gold-text:#E0B44A}}
:root[data-theme="dark"]{--gold-text:#E0B44A}
body{font-family:var(--fb);font-optical-sizing:auto}
:focus-visible{outline:3px solid #1C4FBF;outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* labels and small text: Inter, never below 12.5px */
.bar{font-family:var(--fu);font-size:13.5px;letter-spacing:.02em}
.eyebrow,.label{font-family:var(--fu);font-size:12.5px;letter-spacing:.1em;font-weight:700}
.gal figcaption,.card .cs,.cite,.lines,.nums span,.yrs a{font-family:var(--fu);font-size:12.5px}
.card .tag,.cat{font-family:var(--fu);font-size:12.5px}
.gal figcaption{word-break:normal;overflow-wrap:anywhere;line-height:1.4}
.post time,.fbw time{font-family:var(--fu);font-size:13px}
.cite{font-family:ui-monospace,Menlo,monospace;font-size:13px}

/* entry pages: two columns on wide screens, key facts on top */
.ev2{max-width:1500px}
.ev2 .lead{font-size:clamp(18px,1.25vw,20px);line-height:1.6;max-width:70ch}
.ev2 .ttl{max-width:24ch}
.kf{font-family:var(--fu);font-size:14.5px;background:var(--bg2);border:1px solid var(--rule);border-top:5px solid var(--red);border-radius:6px;padding:14px 16px;margin:14px 0 20px}
.kf .label{margin:0 0 8px;border:0;padding:0}
.kf dl{display:grid;grid-template-columns:6.4rem 1fr;gap:6px 12px;margin:0}
.kf dt{font-weight:700;color:var(--ink2);font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;padding-top:2px}
.kf dd{margin:0;line-height:1.4;overflow-wrap:anywhere}
.kf-note{font-size:13px;color:var(--ink2);margin:10px 0 0}
.kf-links{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}
.kf-links a{font:600 13.5px/1 var(--fu);border:1px solid var(--ink);color:var(--ink);text-decoration:none;padding:8px 10px;border-radius:4px}
.kf-links a:last-child{background:#FFD400;color:#141412;border-color:#141412}
@media (min-width:1100px){
  .ev2{display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:40px;row-gap:0;align-items:start}
  .ev2>*{grid-column:1;min-width:0}
  .ev2>.kf{grid-column:2;grid-row:1 / span 60;position:sticky;top:16px;margin-top:28px}
}
@media (min-width:1700px){.ev2{max-width:1800px;grid-template-columns:minmax(0,1fr) 380px}}
.ev2 .gal .grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.ev2 .gal figure.wide{grid-column:auto}
.ev2 .gal img{width:100%;height:240px;object-fit:cover}
.ev2 .gal figure.lead-img img{height:auto;max-height:520px;object-fit:contain}
@media (min-width:1400px){.ev2 .fbw{columns:2;column-gap:14px}.ev2 .fbw>.label{column-span:all}.ev2 .fbw .post{break-inside:avoid;display:inline-block;width:100%}}
.yr-list details{border-bottom:1px solid var(--rule);padding:6px 0}
.yr-list summary{cursor:pointer;font:700 15px/1.4 var(--fu);padding:4px 0}
.yr-list summary span{color:var(--ink2);font-weight:500}
.yr-list ul{margin:4px 0 8px}
.doc-tx{max-width:72ch}

/* shared chips (homepage filters, search page) */
.chip{font:600 14px/1 var(--fu);border:1px solid var(--rule);background:var(--bg2,#fff);color:var(--ink);padding:9px 13px;border-radius:999px;cursor:pointer;display:inline-flex;gap:6px;align-items:center;min-height:38px;white-space:nowrap}
.chip .n{font-weight:500;color:var(--ink2);font-size:12.5px}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.chip[aria-pressed="true"] .n{color:inherit;opacity:.8}

/* shared top navigation */
.topnav{background:#141412;color:#eee;font:500 14px/1 var(--fu);border-bottom:3px solid #FFD400}
.topnav .in{max-width:1800px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:10px clamp(16px,3vw,28px);flex-wrap:wrap}
.topnav .brand{font:400 24px/1 var(--fd);letter-spacing:.04em;color:#fff;text-decoration:none}
.topnav nav{display:flex;gap:2px;flex-wrap:wrap}
.topnav nav a{color:#ddd;text-decoration:none;padding:9px 10px;border-radius:4px}
.topnav nav a:hover,.topnav nav a[aria-current]{background:#2b2b28;color:#fff}
.topnav .cta{margin-left:auto;background:#FFD400;color:#000;font-weight:700;text-decoration:none;padding:9px 12px;border-radius:4px}
@media (max-width:760px){.topnav nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap}.topnav nav a{white-space:nowrap}}

/* breathing room under the top bar on entry pages */
main.ev2{padding-top:22px}