/* Shared site navigation. Historical controls retain their own sticky timeline. */
.site-nav{display:flex;align-items:center;justify-content:flex-start;gap:16px;flex-wrap:wrap;background:#102135;color:#fff;padding:12px max(18px,calc((100vw - 1380px)/2));font:14px/1.5 system-ui,Arial,sans-serif}
.site-nav .site-brand{font-weight:750;letter-spacing:.02em;color:#fff;text-decoration:none}
.site-nav .site-links{display:flex;flex-wrap:wrap;gap:6px;margin-inline-start:auto}
.site-nav .site-links a{color:#d5e3f0;text-decoration:none;padding:7px 12px;border-radius:6px;border:1px solid transparent}
.site-nav .site-links a:hover{background:#ffffff15}
.site-nav a[aria-current=page]{background:#ffffff18;border-color:#58728e;color:#fff}
.site-nav a:focus-visible{outline:3px solid #f1ac45;outline-offset:3px}
html:lang(he) .lang-en,html:lang(en) .lang-he{display:none}
.site-nav .nav-short{display:none}
.site-nav a.is-section{border-color:#58728e}
.site-lang{font:600 13px/1.4 system-ui,Arial,sans-serif;color:#fff;background:transparent;border:1px solid #58728e;border-radius:6px;padding:6px 12px;cursor:pointer}
.site-lang:hover{background:#ffffff15}
.site-lang:focus-visible{outline:3px solid #f1ac45;outline-offset:3px}
.skip-link{position:absolute;inset-inline-start:12px;top:-80px;z-index:100;background:#fff;color:#102135;padding:8px 14px;border-radius:6px;font:600 15px/1.4 system-ui,Arial,sans-serif;text-decoration:none;box-shadow:0 2px 10px #0003}
.skip-link:focus{top:10px;outline:3px solid #f1ac45;outline-offset:2px}
main:focus{outline:none}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Shared site footer on every page. */
.site-footer{background:#102135;color:#d5e3f0;font:14px/1.6 system-ui,Arial,sans-serif}
.site-footer-inner{max-width:1120px;margin:auto;padding:28px 24px}
.site-footer-status{margin:0;color:#fff;font-weight:600}
.site-footer-links{list-style:none;display:flex;flex-wrap:wrap;gap:8px 24px;padding:0;margin:14px 0}
.site-footer a{color:#fff;text-underline-offset:3px}
.site-footer a:focus-visible{outline:3px solid #f1ac45;outline-offset:3px}
.site-footer .placeholder{background:#3a2e14;color:#ffe2b0;padding:0 5px;border-radius:3px}
.site-footer-meta{margin:0;color:#b7c8da;font-size:13px}

/* Home page. Cool palette matches the replay; the atlas card borrows the atlas teal. */
.site-home{--paper:#f3f5f8;--card:#fff;--ink:#18283e;--muted:#5b6b82;--line:#d9e1ec;--blue:#1261a6;--blue-ink:#0d4b82;--teal:#176e70;--teal-ink:#0f5557;--gold:#f1ac45;margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 system-ui,Arial,sans-serif;font-variant-numeric:tabular-nums;-webkit-text-size-adjust:100%}
.site-home *{box-sizing:border-box}
.home-content{max-width:1120px;margin:auto;padding:56px 24px 72px}
.home-hero{max-width:800px;margin-bottom:44px}
.home-hero h1{font-size:clamp(34px,6vw,66px);line-height:1.12;margin:18px 0 22px;font-weight:750;letter-spacing:0}
.home-content .intro{font-size:clamp(18px,2vw,21px);line-height:1.6;color:#3e5470;margin:0 0 22px}
.home-status{display:inline-flex;align-items:center;gap:9px;margin:0;border:1px solid #cfdceb;background:#e8f0f8;color:#1f3a5a;padding:5px 13px 5px 15px;border-radius:999px;font-size:14px;font-weight:600;line-height:1.5}
.site-home .nowrap{white-space:nowrap}
.home-status-dot{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px #f1ac4533}
.home-notice{display:block;margin:0;padding:12px 18px;border-inline-start:4px solid var(--gold);background:#fff7e8;border-radius:8px;color:#4d3a12;font-size:15.5px;line-height:1.6;max-width:720px}
.home-notice strong{color:#3b2a06;font-weight:700}
.home-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.home-card{--accent:var(--blue);--accent-ink:var(--blue-ink);--tint:#e9f1fa;position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px 28px 24px;text-decoration:none;color:inherit;box-shadow:0 1px 2px #15283e0a,0 8px 24px -16px #15283e2e;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.home-card-types{--accent:var(--teal);--accent-ink:var(--teal-ink);--tint:#e5f1ee}
.home-card-model{--accent:#b0761a;--accent-ink:#7a4f0b;--tint:#fbf1df}
.home-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;border-radius:16px 16px 0 0;background:var(--accent)}
.home-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 2px 4px #15283e0d,0 18px 36px -18px #15283e40}
.home-card:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.home-card-art{display:block;width:100%;max-width:220px;height:auto;margin:4px 0 18px;padding:12px 14px;border-radius:12px;background:var(--tint)}
.home-card-art .art-band{fill:var(--accent);opacity:.18}
.home-card-art .art-line{fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round}
.home-card-art .art-count{fill:none;stroke:#768393;stroke-width:1.8;stroke-dasharray:3 4;stroke-linecap:round}
.home-card-art .art-dots{fill:var(--accent)}
.home-card-art .art-grid{fill:#fff;stroke:var(--accent);stroke-width:1.2;opacity:.9}
.home-card-art .art-people{fill:var(--accent)}
.home-card-art .art-steps{fill:var(--accent);opacity:.28}
.home-card-eyebrow{margin:0 0 6px;color:var(--accent-ink);font-size:13.5px;font-weight:700;letter-spacing:0}
.home-card h2{margin:0 0 10px;font-size:clamp(24px,2.4vw,29px);line-height:1.2;color:var(--ink);font-weight:750}
.home-card p:not(.home-card-eyebrow){margin:0 0 20px;color:#3e5470;font-size:16px;line-height:1.65}
.home-card .go{margin-top:auto;display:inline-flex;align-items:center;gap:8px;color:var(--accent-ink);font-weight:700;font-size:16px}
.home-card .go-arrow{display:inline-block;transition:transform .18s ease}
.home-card:hover .go-arrow{transform:translateX(-4px)}
html:lang(en) .home-card:hover .go-arrow{transform:translateX(4px)}
.home-foot{margin-top:52px;padding-top:28px;border-top:1px solid var(--line);color:var(--muted);font-size:14.5px;line-height:1.65}
.home-foot h2{margin:0 0 12px;font-size:15px;font-weight:700;color:#3e5470}
.home-foot ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px 28px}
.home-foot li{margin:0;padding-inline-start:14px;border-inline-start:2px solid var(--line)}
.home-foot strong{display:block;color:var(--ink);font-weight:700;margin-bottom:2px}
.home-foot-meta{margin:26px 0 0;font-size:13px;color:var(--muted)}
@media(prefers-reduced-motion:reduce){.home-card,.home-card .go-arrow{transition:none}.home-card:hover{transform:none}}
@media(max-width:980px){.home-cards{grid-template-columns:1fr}.home-foot ul{grid-template-columns:1fr;gap:14px}}
@media(max-width:600px){.site-nav{padding:10px 12px;gap:8px 6px}.site-nav .site-links a{padding:6px 8px;font-size:12.5px}.site-nav .nav-full{display:none}.site-nav .nav-short{display:inline}.site-nav .site-links{order:2;flex-basis:100%;margin-inline-start:0}.site-lang{order:1;margin-inline-start:auto;padding:5px 10px}.site-footer-inner{padding:24px 16px}.home-content{padding:32px 16px 56px}.home-hero{margin-bottom:28px}.home-hero h1{margin:14px 0 16px}.home-cards{grid-template-columns:1fr;gap:16px}.home-card{padding:22px 20px 20px;border-radius:14px}.home-card-art{max-width:180px;margin-bottom:14px}.home-notice{font-size:15px;padding:11px 14px}.home-foot{margin-top:40px}}
@media print{.site-nav,.skip-link,.site-lang{display:none!important}.site-footer{background:none;color:#000}.site-footer a,.site-footer-status{color:#000}}
