/* =====================================================================
   VISUAL ATLAS · October 2026 redesign
   Additive stylesheet. Existing source text, teaching blocks and JS hooks
   remain intact. The light version is retained as an accessible option.
   ===================================================================== */
:root,:root[data-theme="dark"]{
 --ink:#eff5ff;--ink-2:#d2deef;--muted:#a4b6cd;--faint:#8499b8;
 --paper:#09111d;--paper-2:#0e1a2b;--card:#132137;--line:#283954;--line-2:#3b5270;
 --accent:#f0b980;--accent-ink:#ffcf9f;--accent-soft:#30251f;
 --teal:#7bcee8;--teal-soft:#142f40;--warn:#ffaeac;--warn-soft:#2d1e2a;
 --violet:#beb3ff;--violet-soft:#231f3e;--green:#86dbc1;--green-soft:#152d2d;
 --night:#060d19;--night-2:#101d33;--star:#f8c98b;
 --r-s:10px;--r:16px;--r-l:26px;
 --shadow-1:0 1px 1px rgba(0,0,0,.12),0 7px 24px rgba(0,0,0,.12);
 --shadow-2:0 14px 38px rgba(0,4,16,.29),0 2px 8px rgba(0,0,0,.15);
 --shadow-3:0 28px 80px rgba(0,0,0,.5);
 --max:770px;--wide:1370px;--side:270px;
}
:root[data-theme="light"]{
 --ink:#11243a;--ink-2:#354660;--muted:#5b6d86;--faint:#7e91a7;
 --paper:#f6f8fa;--paper-2:#edf2f8;--card:#fff;--line:#dbe5ef;--line-2:#c4d2e0;
 --accent:#a75a20;--accent-ink:#924a16;--accent-soft:#fff0df;
 --teal:#096f8e;--teal-soft:#e0f3f8;--warn:#a73541;--warn-soft:#fff0ef;
 --violet:#584da4;--violet-soft:#efedff;--green:#136d59;--green-soft:#e7f7f1;
 --night:#08111f;--night-2:#13223a;--star:#f8c98b;
 --shadow-1:0 2px 10px rgba(20,51,80,.05);--shadow-2:0 15px 40px rgba(28,53,81,.12);
 --shadow-3:0 35px 80px rgba(16,34,64,.25);
}
body{background-color:var(--paper);background-image:radial-gradient(ellipse 900px 540px at 85% 12%,rgba(38,81,124,.09),transparent 72%),radial-gradient(ellipse 790px 480px at -15% 37%,rgba(58,88,131,.07),transparent 72%);font-size:17px;line-height:1.75;letter-spacing:-.008em}
:root[data-size="large"] body{font-size:20px}
h1,h2,h3,h4{font-family:var(--sans);letter-spacing:-.045em;font-weight:800;line-height:1.2}
h1{font-size:clamp(2.65rem,5.6vw,4.65rem);line-height:1.04}
h2{font-size:clamp(1.7rem,3.5vw,2.48rem)}
h3{font-size:1.3rem}
h1 em,h2 em{font-family:var(--serif);font-weight:600;letter-spacing:-.05em}
a{text-decoration-color:color-mix(in srgb,var(--teal) 60%,transparent)}
a:hover{color:var(--accent)}
button,input,select{accent-color:var(--teal)}
.wide{padding-inline:clamp(18px,3vw,42px)}.wrap{padding-inline:24px}
/* Global navigation */
.site-head{background:color-mix(in srgb,var(--paper) 92%,transparent);border-bottom:1px solid var(--line);box-shadow:0 5px 35px rgba(0,0,0,.08);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3)}
.site-head .bar{padding:0 clamp(18px,3vw,42px);min-height:75px;gap:9px}
.brand{font:800 1.03rem var(--sans);letter-spacing:-.038em;gap:11px}
.brand .mark{position:relative;flex:none;width:35px;height:35px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(113,210,239,.10) 0 34%,transparent 36%),radial-gradient(circle at 26% 20%,#83d5ff,#17476c 75%);border:1px solid #78cced;box-shadow:0 0 0 3px rgba(91,185,235,.08),inset 0 1px 8px rgba(0,4,16,.55)}
.brand .mark::before{content:"";position:absolute;width:47px;height:15px;border:1.8px solid #b0cde8;border-radius:50%;transform:rotate(-31deg);top:9px;left:-7px;box-shadow:0 0 7px rgba(123,211,248,.26)}
.brand .mark::after{content:"";position:absolute;top:3px;right:4px;width:5px;height:5px;background:#fbd8a9;border-radius:50%;box-shadow:0 0 10px #ffdda6}
.brand span{color:var(--accent)}
.hbtn{font-size:.82rem;color:var(--muted);font-weight:700;letter-spacing:-.01em;border-radius:11px}
.hbtn.outline{background:var(--card);border-color:var(--line)}
.hbtn:hover,.hbtn[aria-expanded="true"]{background:var(--teal-soft);color:var(--teal)}
.search input[type=search]{background:var(--card);border-color:var(--line);height:41px;color:var(--ink);font-size:.8rem}
.search .results{border-color:var(--line-2);box-shadow:var(--shadow-3)}
.mode{border-color:var(--line);border-radius:11px;height:41px}
.mode button{background:var(--card);font-size:.75rem;color:var(--muted)}
.mode button[aria-pressed="true"]{background:var(--teal);color:#0b1a2b}
.mega{top:100%;background:var(--paper-2);border-top:1px solid var(--line);max-height:calc(100vh - 75px);overflow-y:auto;box-shadow:var(--shadow-3)}
.mega .cols{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;padding-block:28px}
.mega h4{color:var(--ink)!important;letter-spacing:.15em;font-size:.68rem}
.mega h4 i{box-shadow:0 0 0 4px rgba(164,182,205,.08)}
.mega a{font-size:.84rem;padding:10px;border:1px solid transparent;margin:3px -10px}
.mega a:hover,.mega a[aria-current="page"]{background:var(--card);border-color:var(--line)}
.mega a small{line-height:1.45;margin-top:3px;font-size:.73rem}
/* Home hero */
.hero{isolation:isolate;position:relative;padding:0;color:#ecf4ff;background:radial-gradient(ellipse 760px 580px at 77% 35%,#152c4d 0%,#0b1930 50%,#071120 100%);overflow:hidden;border-bottom:1px solid #263b5b}
.hero:before{position:absolute;inset:0;content:"";z-index:-1;opacity:.66;background-image:radial-gradient(1px 1px at 5% 25%,#c9dfff 70%,transparent),radial-gradient(2px 2px at 20% 50%,#94b8ff 75%,transparent),radial-gradient(1px 1px at 38% 15%,#fff 80%,transparent),radial-gradient(1px 1px at 76% 5%,#fff 75%,transparent),radial-gradient(1px 1px at 87% 80%,#b9dfff 75%,transparent),radial-gradient(1.4px 1.4px at 65% 70%,#fff 70%,transparent);background-size:212px 186px,300px 275px,245px 310px,155px 180px,365px 250px,270px 220px}
.hero-glow{pointer-events:none;position:absolute;inset:auto -10% -320px 23%;height:650px;background:radial-gradient(ellipse,rgba(34,100,168,.19),transparent 65%)}
.hero .wide.hero-main{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(30px,5vw,76px);align-items:center;padding-top:clamp(64px,6.5vw,95px);padding-bottom:61px}
.hero-kicker{color:#96dff7;font-size:.7rem;letter-spacing:.21em;flex-wrap:wrap;line-height:1.5}
.spark{display:inline-block;width:7px;height:7px;border-radius:50%;background:#85e4ee;box-shadow:0 0 0 5px rgba(112,219,250,.10),0 0 15px rgba(116,210,234,.8)}
.kicker-sep{opacity:.45;margin-inline:4px}
.hero h1{font-size:clamp(3.1rem,6.1vw,6.2rem);max-width:780px;margin:18px 0 24px;letter-spacing:-.075em;line-height:.98}
.hero h1 em{display:block;color:#facf97;font-style:italic;font-size:1.12em;letter-spacing:-.065em;text-shadow:0 0 55px rgba(241,182,119,.12)}
.hero .lede{color:#b9c9dd;font-size:clamp(1rem,1.35vw,1.15rem);max-width:570px;line-height:1.75;letter-spacing:-.015em}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:27px}
.hero .btn{padding:14px 19px;border:1px solid transparent;background:#e8f4fb;color:#0b1a2e;font-size:.88rem;font-weight:800;border-radius:11px;margin:0;box-shadow:0 6px 30px rgba(155,211,247,.09);transition:transform .18s,background .18s}
.hero .btn:hover{background:#fff;transform:translateY(-3px)}
.hero .btn.ghost{background:rgba(10,28,48,.36);color:#b1e0fa;border-color:#3d6d8c;box-shadow:none}
.hero-promises{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:37px;font-size:.75rem;color:#9fb0c7}
.hero-promises b{font:700 .7rem var(--mono);color:#9ed9ef;margin-right:5px}
.hero-viz{position:relative;min-width:0;border:1px solid #395070;background:linear-gradient(165deg,rgba(21,46,74,.82),rgba(7,17,32,.93));box-shadow:inset 0 1px 0 rgba(196,228,255,.1),0 30px 95px rgba(0,3,17,.35);border-radius:22px;overflow:hidden;transform:translateZ(0)}
.hero-viz:before{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at 55% 35%,rgba(72,113,183,.15),transparent 60%)}
.hero-viz-top{height:46px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(10,26,45,.56);border-bottom:1px solid rgba(165,204,238,.13);color:#afd8ee;font:800 .64rem var(--sans);letter-spacing:.15em}
.live-dot{display:inline-block;width:6px;height:6px;margin-right:7px;background:#8ce5ca;border-radius:50%;box-shadow:0 0 8px rgba(122,231,198,.65)}
.hero-viz-index{color:#738eaf}
.hero-viz-sky{position:relative;overflow:hidden;min-height:365px;background:radial-gradient(ellipse at 47% 49%,rgba(26,69,115,.29),transparent 61%)}
.hero .hero-viz canvas{width:100%;height:365px;display:block}
.hero-viz-sky:after{content:"";position:absolute;inset:18px;opacity:.16;pointer-events:none;background:linear-gradient(90deg,rgba(161,205,240,.35) 1px,transparent 1px),linear-gradient(rgba(161,205,240,.35) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle,black,transparent 85%)}
.viz-crosshair{position:absolute;pointer-events:none;left:17px;top:10px;font-size:18px;color:#8cbad4;opacity:.6}
.viz-corner{position:absolute;right:19px;bottom:13px;color:#7e9ab5;font:700 .57rem var(--mono);letter-spacing:.16em}
.hero-viz-panel{padding:14px 20px 17px;border-top:1px solid rgba(165,204,238,.14);background:#101f35}
.model-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px}
.model-tabs button{border:1px solid transparent;background:none;border-radius:7px;color:#8ca7c5;font:700 .77rem var(--sans);padding:8px 13px;cursor:pointer;transition:all .2s}
.model-tabs button[aria-pressed="true"]{background:#243d5c;border-color:#375d82;color:#d7f3ff}
.model-tabs button:hover{color:white}
.hero-control{display:flex;gap:11px;align-items:center;font-size:.75rem;color:#a8bad0}
.hero-control label{min-width:90px}.hero-control input{min-width:0;flex:1;accent-color:#80d5e9;height:16px}
.hero-control output{min-width:44px;text-align:right;color:#e7f4fc;font:700 .75rem var(--mono)}
.hero .hint{color:#7d99b7;margin:10px 0 0;font-size:.7rem;line-height:1.45}
.hero .wide.hero-end{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-bottom:22px;color:#8da9c6;font:700 .64rem var(--sans);letter-spacing:.2em}
.hero-end-line{flex:1;height:1px;background:linear-gradient(90deg,#254462,#456682,#254462);opacity:.7}
/* Topic art portals */
.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}
.eyebrow{font:800 .68rem var(--sans);letter-spacing:.19em;color:var(--teal);margin-bottom:9px}
.section-head h2{margin:0}.text-link{font-size:.82rem;font-weight:800;white-space:nowrap;text-decoration:none;color:var(--teal)}
.topic-portal{padding-top:68px;padding-bottom:25px}
.portal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.portal-card{position:relative;height:235px;min-width:0;overflow:hidden;background:#111b2c;border:1px solid #293e56;border-radius:18px;display:block;color:#fff!important;text-decoration:none;box-shadow:0 12px 26px rgba(2,11,27,.15);transition:transform .2s,border-color .2s,box-shadow .2s}
.portal-wide{grid-column:span 2}
.portal-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s,filter .45s}
.portal-card:hover{transform:translateY(-5px);border-color:#7092bc;box-shadow:0 25px 52px rgba(0,8,29,.35)}
.portal-card:hover img{transform:scale(1.09);filter:saturate(1.17)}
.portal-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,10,23,.94) 0%,rgba(5,16,33,.62) 43%,transparent 86%)}
.portal-details{position:absolute;left:20px;right:33px;bottom:18px;display:grid;gap:5px;line-height:1.4}
.portal-details small{font:800 .6rem var(--sans);letter-spacing:.16em;color:#91d7ed}
.portal-details b{font-size:clamp(1.1rem,1.55vw,1.48rem);letter-spacing:-.04em;line-height:1.2}
.portal-details>span{font-size:.75rem;color:#b9c5d4}
.portal-arrow{position:absolute;right:13px;bottom:18px;width:27px;height:27px;background:rgba(240,249,255,.14);border:1px solid rgba(215,235,255,.2);border-radius:50%;display:grid;place-items:center;font-size:14px}
/* Interactive cosmic calendar */
.chronicle{position:relative;margin-top:45px;margin-bottom:50px;padding-top:40px;padding-bottom:33px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(100deg,rgba(28,63,105,.2),rgba(14,30,54,.05) 70%)}
.chronicle-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,340px);gap:22px;align-items:center}
.chronicle h2{margin:0 0 9px}.chronicle h2 em{color:var(--accent)}
.chronicle-head p{max-width:650px;color:var(--muted);font-size:.91rem;line-height:1.65;margin:0}
.chronicle-date{padding:18px 22px;border:1px solid var(--line);border-radius:14px;background:var(--card);display:flex;flex-direction:column;gap:4px}
.chronicle-date>span{font:800 .61rem var(--sans);color:var(--teal);letter-spacing:.13em}
.chronicle-date strong{font-size:clamp(1.4rem,2.5vw,2.1rem);letter-spacing:-.045em;line-height:1.15}
.chronicle-date small{font-size:.75rem;color:var(--muted)}
.chronicle-visual{margin-top:38px}
.chronicle-months{display:flex;justify-content:space-between;color:var(--muted);font:800 .65rem var(--sans);letter-spacing:.1em;margin-bottom:12px}
.chronicle-track{position:relative;height:50px;border-radius:10px;background:linear-gradient(90deg,#283878 0%,#245585 32%,#27798e 67%,#a5b07d 95%,#e3d89f 100%);box-shadow:inset 0 4px 20px rgba(0,0,0,.22)}
.chronicle-track:before{content:"";position:absolute;inset:0;border-radius:10px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.333% - 1px),rgba(255,255,255,.21) calc(8.333% - 1px),rgba(255,255,255,.21) 8.333%)}
.chronicle-fill{position:absolute;top:0;bottom:0;left:0;background:rgba(8,16,31,.08);border-radius:10px}
.chronicle-cursor{position:absolute;left:67.1%;top:-8px;height:66px;width:3px;background:#f7edce;box-shadow:0 0 0 5px rgba(248,232,196,.15),0 0 16px #fff1be;pointer-events:none;transform:translateX(-50%)}
.chronicle-marker{position:absolute;top:17px;width:13px;height:13px;transform:translateX(-50%);border-radius:50%;background:#ebf6ff;border:3px solid #2d627f;box-shadow:0 0 0 3px rgba(255,255,255,.15);pointer-events:none}
.chronicle-visual input[type=range]{width:100%;display:block;margin:15px 0 0;accent-color:var(--teal)}
.chronicle-events{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.chronicle-events button{font:700 .76rem var(--sans);padding:8px 12px;border:1px solid var(--line-2);background:var(--card);color:var(--ink-2);cursor:pointer;border-radius:99px}
.chronicle-events button.active,.chronicle-events button:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-soft)}
.chronicle-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--faint);font:700 .59rem var(--sans);letter-spacing:.11em;margin-top:13px}
.chronicle-foot a{letter-spacing:0;font-size:.73rem;color:var(--teal);text-decoration:none}
/* Shared content: articles look like illustrated field notes */
.page-top{position:relative;padding:56px 0 43px;background:radial-gradient(ellipse 650px 420px at 85% 10%,rgba(52,106,163,.18),transparent 75%),linear-gradient(120deg,var(--paper-2),var(--paper));overflow:hidden}
.page-top:after{content:"";position:absolute;width:390px;height:390px;right:max(-25px,5vw);top:-100px;border:1px solid color-mix(in srgb,var(--teal) 15%,transparent);border-radius:50%;box-shadow:0 0 0 45px color-mix(in srgb,var(--teal) 2%,transparent),0 0 0 95px color-mix(in srgb,var(--teal) 2%,transparent);pointer-events:none}
.page-top .wide{position:relative;z-index:1}
.page-top h1{max-width:900px;font-size:clamp(2.5rem,5.3vw,4.8rem);letter-spacing:-.065em;line-height:1.065;margin-top:11px;margin-bottom:17px}
.page-top .lede{font-size:clamp(1.04rem,1.7vw,1.29rem);max-width:48em;line-height:1.65;color:var(--muted)}
.crumbs{font-size:.77rem;letter-spacing:.03em;color:var(--muted)}
.kicker{letter-spacing:.18em;font-size:.68rem}
.chip{background:var(--card);font-size:.7rem;padding:6px 11px;border-radius:6px}
.layout{gap:clamp(35px,5vw,70px);padding-top:18px}
.layout>article{padding-bottom:20px}
article section{padding-top:49px}
article section>h2{padding-bottom:13px;border-bottom:1px solid var(--line);margin-bottom:22px;scroll-margin-top:90px}
article section:first-of-type{padding-top:30px}
article p{line-height:1.8}
.aside{top:100px;padding-top:38px}
.aside h4{font-size:.66rem;letter-spacing:.19em}
.toc a{font-size:.79rem;padding:9px 12px;border-left-color:var(--line)}
.toc a.on{border-left-color:var(--teal);color:var(--teal);background:var(--teal-soft);border-radius:0 7px 7px 0}
.aside .rel a{font-size:.8rem;padding:11px 0}
.plain,.short,.claim,.reply,.fact,.belief,.note,.try{border-radius:14px;box-shadow:inset 0 1px rgba(255,255,255,.025);padding:20px 24px}
.plain{background:linear-gradient(125deg,var(--green-soft),var(--teal-soft));font-size:1rem}
.short,.claim,.reply,.fact,.belief{border-left-width:3px}
.try{border-width:1px;border-style:solid;border-color:var(--teal);background:linear-gradient(140deg,var(--teal-soft),var(--card) 67%)}
.more-btn{border-color:var(--teal);color:var(--teal);background:var(--teal-soft);border-radius:8px}
.verse{border-color:var(--line-2);border-radius:17px;padding:23px 26px}
.verse .en{font-size:1.14rem}
figure.ill{background:#f6f8fc;border:1px solid #a4b3c3;padding:19px;border-radius:17px}
figure.ill figcaption{color:#43566b}
figure.ill.dark{background:var(--night);border-color:var(--line-2)}
figure.ill.dark figcaption{color:#b8c9df}
.model,.mapwrap{position:relative;border-color:#355575;border-radius:20px;box-shadow:0 18px 55px rgba(1,8,24,.32)}
.model:before{content:"INTERACTIVE MODEL";pointer-events:none;z-index:1;position:absolute;top:11px;left:17px;color:#8bbcd8;letter-spacing:.16em;font:800 .56rem var(--sans);background:#0a192fdb;padding:6px 9px;border-radius:4px}
.model canvas{background:radial-gradient(ellipse at 50% 50%,#122443,#070f21 76%)}
.model .bar{border-top:1px solid #2e4768;background:#0e1d35}
.model input[type=range]{accent-color:#83d6eb}
.model button{border-radius:8px}
.tablewrap{border-color:var(--line-2);border-radius:16px}
th{background:var(--paper-2);color:var(--muted)}
tr:hover td{background:color-mix(in srgb,var(--teal) 4%,transparent)}
.grid{gap:13px}
.card{padding:25px 25px 24px;border-radius:16px;border-color:var(--line);background:linear-gradient(160deg,color-mix(in srgb,var(--card) 96%,white),var(--card));box-shadow:var(--shadow-1);transition:transform .24s,border-color .24s,box-shadow .24s}
.card::before{height:2px;right:auto;width:58px;left:25px;background:var(--cat,var(--teal));border-radius:99px}
.card:hover{transform:translateY(-5px);border-color:var(--line-2);box-shadow:var(--shadow-2)}
.card h3{font-size:1.16rem;letter-spacing:-.034em;margin:.4em 0 .55em}
.card p{font-size:.82rem;line-height:1.7}
.card .n{font-size:.63rem;letter-spacing:.15em;margin-top:8px}
.card .why{border-top-style:solid;line-height:1.6;font-size:.77rem;margin-top:14px}
.stats>div{padding:24px;border-radius:15px;border-color:var(--line)}
.stat{font-family:var(--sans);font-weight:800;color:var(--teal);letter-spacing:-.05em}
.connect{background:linear-gradient(145deg,var(--paper-2),var(--paper));border-top-color:var(--line);padding:58px 0 48px}
.connect h2{font-size:2rem}
.pager a{padding:20px 22px;border-color:var(--line)}
.reader-bar{top:74px;background:var(--paper-2);backdrop-filter:blur(12px);box-shadow:0 4px 16px rgba(0,0,0,.07)}
.rrow{border-bottom-color:var(--line)}
.modal{background:var(--card);border:1px solid var(--line-2)}
.tabs{background:var(--paper-2)}
.mapwrap{background:#081329}
.maplegend{background:#0e2039}
footer.site-foot{background:linear-gradient(110deg,#071020,#111d34);border-top:1px solid #273854;color:#b2c1d3}
footer.site-foot .wide{gap:22px}
footer.site-foot h4{color:#d4e6f7;font-size:.68rem}
footer.site-foot p{line-height:1.65}
footer.site-foot a{color:#a9bad2;font-size:.81rem}
/* Reading progress tracks position on long educational pages */
.read-progress{position:absolute;bottom:-1px;left:0;width:0;height:2px;background:linear-gradient(90deg,#65bdd7,#f0c68d);z-index:5;pointer-events:none;transition:width .07s linear}
/* Responsive */
@media(max-width:1160px){.site-head .bar{gap:4px}.search input[type=search]{width:164px}.brand{font-size:.93rem}.hbtn{padding:0 9px}}
@media(max-width:1040px){.hero .wide.hero-main{gap:24px}.hero h1{font-size:clamp(2.8rem,6vw,4.8rem)}.portal-details{left:15px}.portal-details b{font-size:1.15rem}}
@media(max-width:900px){.site-head .bar{gap:8px;min-height:68px}.search{order:5}.search input[type=search]{width:100%}.mega .cols{grid-template-columns:repeat(2,minmax(0,1fr))}.hero .wide.hero-main{grid-template-columns:1fr;gap:39px;padding-top:65px}.hero-copy{max-width:660px}.hero h1{font-size:clamp(3.3rem,10vw,6rem)}.hero-viz{max-width:740px;width:100%;margin-inline:auto}.hero .hero-viz canvas{height:340px}.hero-viz-sky{min-height:340px}.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-wide{grid-column:span 2}.portal-card{height:260px}.reader-bar{top:104px}}
@media(max-width:660px){body{font-size:16px}.hero .wide.hero-main{padding-top:50px;padding-bottom:35px}.hero h1{font-size:clamp(3.15rem,12.7vw,5rem);line-height:1.03}.hero .lede{font-size:1rem}.hero-promises{margin-top:26px;gap:7px 12px}.hero-viz{border-radius:14px}.hero-viz-top{padding:0 14px}.hero .hero-viz canvas{height:255px}.hero-viz-sky{min-height:255px}.hero-viz-panel{padding:12px 14px}.hero-control{flex-wrap:wrap}.hero-control label{min-width:82px}.hero .wide.hero-end{font-size:.55rem}.portal-grid{gap:10px}.portal-card{height:225px;border-radius:14px}.portal-wide{height:240px}.portal-details{left:13px;bottom:14px;right:12px}.portal-details small{font-size:.53rem}.portal-details b{font-size:1rem}.portal-details>span{font-size:.69rem}.portal-arrow{right:9px;bottom:12px;width:23px;height:23px}.topic-portal{padding-top:48px}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:14px}.chronicle{margin-top:24px;padding-top:33px}.chronicle-head{grid-template-columns:1fr}.chronicle-visual{margin-top:24px}.chronicle-foot{flex-wrap:wrap}.chronicle-foot a{order:3;flex-basis:100%;margin-top:10px}.page-top{padding:37px 0 31px}.page-top:after{right:-180px;opacity:.4}.page-top h1{font-size:clamp(2.25rem,10.5vw,3.2rem)}.layout{padding-top:0}.site-head .bar{padding:9px 16px}.brand{font-size:.9rem}.brand .mark{width:30px;height:30px}.brand .mark:before{width:40px;top:7px}.hbtn{font-size:.78rem;height:35px;padding:0 7px}.mode{height:35px}.mode button{font-size:.67rem;padding:0 9px}.search input[type=search]{height:37px}.search svg{top:10px}.meta-row{gap:5px}.grid{grid-template-columns:1fr 1fr}.card{padding:19px 16px}.card::before{left:16px;width:42px}.card h3{font-size:1rem}.card p{font-size:.79rem}.card .n{font-size:.6rem}.reader-bar{top:117px}.modal .body{padding:12px 14px}footer.site-foot .wide{gap:20px}}
@media(max-width:425px){.site-head .bar{gap:5px}.brand{flex:1;font-size:.82rem}.brand .mark{margin-right:3px}.site-head .bar .hspacer{display:none}.mode{order:3}.site-head #menuBtn{order:2}.site-head #sizeBtn,.site-head #themeBtn{order:4}.search{order:5}.hero .btn{font-size:.8rem;padding:12px 14px}.hero-viz-index{font-size:.5rem}.model-tabs button{font-size:.7rem}.portal-details b{font-size:.94rem}.portal-details>span{max-width:115px}.grid{grid-template-columns:1fr}.hero .wide.hero-end{letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Educational editorial artwork behind section intros; no baked-in claims. */
.page-top:before{content:"";pointer-events:none;position:absolute;right:0;top:0;bottom:0;width:50%;opacity:.28;background-position:center;background-size:cover;background-repeat:no-repeat;mask-image:linear-gradient(90deg,transparent 2%,#000 70%)}
:root[data-theme="light"] .page-top:before{opacity:.13}
:root[data-category="start"] .page-top:before,:root[data-category="universe"] .page-top:before{background-image:url("../illustrations/universe.svg")}
:root[data-category="bible"] .page-top:before{background-image:url("../illustrations/manuscript.svg")}
:root[data-category="history"] .page-top:before{background-image:url("../illustrations/history.svg")}
:root[data-category="meaning"] .page-top:before{background-image:url("../illustrations/empathy.svg")}
:root[data-category="site"] .page-top:before{background-image:url("../illustrations/investigate.svg")}
@media(max-width:660px){.page-top:before{width:90%;opacity:.11;mask-image:linear-gradient(90deg,transparent 5%,#000 100%)}}