/* Atlas: a compact public-site visual layer. All selectors are scoped so the
   protected mistake library keeps its original, verified presentation. */
html[data-design="atlas"]{
  --bg:#070f1d;--surface:#101d2e;--text:#e9f4fc;--muted:#a5bbcc;
  --line:#2b465b;--green:#5adbe4;--accent:#edaa76;--wash:#12263a;
  --code:#0a192a;--atlas-deep:#050b16;--atlas-violet:#aa91f8;
  --atlas-glow:rgba(62,190,215,.16);color-scheme:dark;
  scroll-padding-top:102px;
}
html[data-design="atlas"] body{
  background-color:var(--bg);
  background-image:radial-gradient(ellipse 54% 33% at 77% -2%,rgba(43,98,158,.25),transparent 75%),radial-gradient(ellipse 36% 25% at 2% 24%,rgba(52,43,121,.15),transparent 80%);
  color:var(--text);font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  letter-spacing:.005em;min-width:320px;
}
html[data-design="atlas"] body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(103,167,193,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(103,167,193,.04) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(to bottom,#0009,transparent 72%);
}
html[data-design="atlas"] .container{position:relative;z-index:1;max-width:1320px;padding-inline:clamp(20px,4vw,64px)}
html[data-design="atlas"] h1,html[data-design="atlas"] h2,html[data-design="atlas"] h3{font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:-.045em}
html[data-design="atlas"] h1{font-weight:720}
html[data-design="atlas"] .lead{color:var(--muted)}
html[data-design="atlas"] .eyebrow{font-family:Consolas,"SFMono-Regular",monospace;font-size:11px;letter-spacing:.2em;color:var(--green)}
html[data-design="atlas"] .muted{color:var(--muted)}
html[data-design="atlas"] :focus-visible{outline-color:var(--accent)}
html[data-design="atlas"] ::selection{background:rgba(90,219,228,.33);color:#fff}

/* Observatory navigation: a solid backdrop on small GPUs, no large blur. */
html[data-design="atlas"] .site-header{position:sticky;top:0;z-index:80;min-height:78px;gap:clamp(12px,2vw,24px);border-bottom:1px solid var(--line);background:rgba(7,15,29,.97);isolation:isolate}
html[data-design="atlas"] .site-header::after{content:"";position:absolute;bottom:-1px;left:0;width:130px;height:1px;background:linear-gradient(90deg,var(--green),transparent);pointer-events:none}
html[data-design="atlas"] .brand{font-size:15px;letter-spacing:.12em;font-weight:760;min-width:180px}
html[data-design="atlas"] .brand small{font-family:Consolas,monospace;font-size:9px;letter-spacing:.08em;color:var(--muted)}
html[data-design="atlas"] .monogram{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--green);border-radius:11px;background:linear-gradient(145deg,rgba(90,219,228,.2),rgba(170,145,248,.07));font:700 25px/1 "Segoe UI",sans-serif;color:var(--green);box-shadow:inset 0 0 16px rgba(90,219,228,.1)}
html[data-design="atlas"] .monogram span{font-size:12px;right:5px;top:25px;color:var(--accent)}
html[data-design="atlas"] .site-header nav{gap:clamp(12px,1.4vw,23px)}
html[data-design="atlas"] .site-header nav a{position:relative;color:var(--muted);font-size:13px;font-weight:590;white-space:nowrap}
html[data-design="atlas"] .site-header nav a[aria-current="page"],html[data-design="atlas"] .site-header nav a:hover{color:var(--text);text-decoration:none}
html[data-design="atlas"] .site-header nav a[aria-current="page"]::after,html[data-design="atlas"] .site-header nav a:hover::after{content:"";height:2px;position:absolute;bottom:5px;left:0;right:0;background:var(--green);box-shadow:0 0 11px var(--green)}
html[data-design="atlas"] .header-actions{gap:7px}
html[data-design="atlas"] #search-open,html[data-design="atlas"] .motion-toggle,html[data-design="atlas"] .menu-toggle,html[data-design="atlas"] .theme-label select{border:1px solid var(--line);background:#102136;color:var(--text);border-radius:8px;min-height:44px}
html[data-design="atlas"] .motion-toggle{width:auto;inline-size:auto;padding-inline:10px;font-size:11px}
html[data-design="atlas"] kbd{color:var(--muted)}

/* Hero: original star map is generated client-side; the old SVG remains as a fallback. */
html[data-design="atlas"] .hero{min-height:570px;grid-template-columns:minmax(0,1.16fr) minmax(310px,.84fr);gap:clamp(28px,5vw,72px);padding-block:clamp(76px,9vw,130px) clamp(65px,8vw,115px);border-bottom-color:var(--line)}
html[data-design="atlas"] .hero::before{content:"OBSERVATORY / 001";position:absolute;right:0;top:36px;font:10px Consolas,monospace;letter-spacing:.18em;color:var(--muted);opacity:.8}
html[data-design="atlas"] .hero h1{font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:clamp(47px,5.3vw,80px);line-height:1.17;font-weight:760;letter-spacing:-.075em;max-width:760px;text-wrap:balance}
html[data-design="atlas"] .hero h1 .accent{color:var(--green);text-shadow:0 0 40px rgba(90,219,228,.27)}
html[data-design="atlas"] .hero .lead{font-size:clamp(15px,1.3vw,18px);line-height:1.85;max-width:590px}
html[data-design="atlas"] .hero-links{gap:18px;margin-top:34px}
html[data-design="atlas"] .micro{font-family:Consolas,monospace;font-size:11px;letter-spacing:.08em;margin-top:28px}
html[data-design="atlas"] .button{border-radius:8px;border-color:var(--line);background:#10243a;color:var(--text);font-weight:620;padding:10px 17px;min-height:44px;box-shadow:none}
html[data-design="atlas"] .button.primary{background:var(--green);border-color:var(--green);color:#03121b;box-shadow:0 0 26px rgba(90,219,228,.18)}
html[data-design="atlas"] .button:hover{border-color:var(--green);box-shadow:0 0 0 1px rgba(90,219,228,.13),0 8px 24px rgba(0,0,0,.16)}
html[data-design="atlas"] .text-link{color:var(--green);font-weight:600}
html[data-design="atlas"] .hero-art{max-width:500px;min-height:390px;padding:0;border:1px solid #3a7084;border-radius:18px;justify-self:end;overflow:hidden;background:radial-gradient(circle at 53% 47%,rgba(70,110,185,.26),transparent 34%),radial-gradient(circle at 80% 15%,rgba(77,32,151,.25),transparent 43%),#081529;box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 0 80px rgba(16,71,98,.16)}
html[data-design="atlas"] .hero-art::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#a9d9e7 1px,transparent 2px),radial-gradient(circle,#7ea7c8 1px,transparent 2px);background-size:73px 81px,107px 133px;background-position:11px 17px,43px 23px;opacity:.55}
html[data-design="atlas"] .hero-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(220px circle at var(--atlas-x,55%) var(--atlas-y,45%),rgba(90,219,228,.14),transparent 80%)}
html[data-design="atlas"] .hero-art[data-atlas-map="true"] .garden-art{display:none}
html[data-design="atlas"] .atlas-map{position:relative;height:342px;margin:15px 10px 0;overflow:hidden;border:1px solid rgba(115,169,198,.12);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(100,213,224,.07),transparent 38%)}
html[data-design="atlas"] .atlas-map::before,html[data-design="atlas"] .atlas-map::after{content:"";position:absolute;inset:14%;border:1px solid rgba(117,184,211,.24);border-radius:50%;pointer-events:none}
html[data-design="atlas"] .atlas-map::after{inset:29%;border-style:dashed;border-color:rgba(170,145,248,.25)}
html[data-design="atlas"] .atlas-map-ring{position:absolute;border:1px solid rgba(103,189,213,.28);border-radius:50%;transform:rotate(-19deg);pointer-events:none}
html[data-design="atlas"] .atlas-map-ring-a{inset:17% -6%;height:70%}
html[data-design="atlas"] .atlas-map-ring-b{inset:31% 6%;height:36%;transform:rotate(24deg);border-color:rgba(170,145,248,.3)}
html[data-design="atlas"] .atlas-map svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(108,211,230,.53);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(90,219,228,.4))}
html[data-design="atlas"] .atlas-star{position:absolute;width:8px;height:8px;border:2px solid #cafaff;background:var(--green);border-radius:50%;box-shadow:0 0 0 6px rgba(90,219,228,.1),0 0 21px var(--green)}
html[data-design="atlas"] .atlas-star-a{left:10.5%;top:74%}html[data-design="atlas"] .atlas-star-b{left:26.5%;top:52%}html[data-design="atlas"] .atlas-star-c{left:47.5%;top:67%}html[data-design="atlas"] .atlas-star-d{left:68.5%;top:25%}html[data-design="atlas"] .atlas-star-e{left:88.5%;top:45%}
html[data-design="atlas"] .atlas-map-core{position:absolute;left:48%;top:44%;font-size:28px;color:var(--accent);text-shadow:0 0 27px var(--accent)}
html[data-design="atlas"] .atlas-map-code{position:absolute;left:19px;top:19px;font:10px/1.7 Consolas,monospace;letter-spacing:.15em;color:#a9d8e1}
html[data-design="atlas"] .art-caption{position:absolute;left:21px;bottom:16px;font:10px Consolas,monospace;letter-spacing:.18em;color:var(--muted)}
html[data-design="atlas"] .hand-note{bottom:15px;right:15px;transform:none;background:#092238dc;border:1px solid #4a8b9b;border-radius:5px;color:#d3f2f1;font:11px/1.5 "Segoe UI",sans-serif}

/* Editorial is airy; only navigation cards receive panels. */
html[data-design="atlas"] .editorial{gap:clamp(32px,5vw,76px);padding-top:58px}
html[data-design="atlas"] .section-top{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:5px}
html[data-design="atlas"] .section-top h2{font-size:25px}
html[data-design="atlas"] .entry{border-bottom-color:var(--line);padding:25px 2px}
html[data-design="atlas"] .entry h3{font-size:clamp(20px,2vw,27px)}
html[data-design="atlas"] .entry h3 a span{color:var(--green);font-size:15px}
html[data-design="atlas"] .entry-meta{font-family:Consolas,monospace;color:var(--muted);letter-spacing:.04em}
html[data-design="atlas"] .tags span{border-color:#38546a;background:rgba(29,59,79,.6);color:#bdd4df;border-radius:4px}
html[data-design="atlas"] .garden-box{border:1px solid #544a80;background:linear-gradient(145deg,#1b1c3b,#101d31 80%);border-radius:14px;padding:28px}
html[data-design="atlas"] .garden-box h2{font-family:inherit;font-size:25px;font-weight:650}
html[data-design="atlas"] .garden-box .compact{background:none}
html[data-design="atlas"] .side-note{border-bottom-color:var(--line)}
html[data-design="atlas"] .project-teasers>a,html[data-design="atlas"] .home-paths a{position:relative;overflow:hidden;border-radius:12px;background:#102137;border-color:#34546c;padding:27px}
html[data-design="atlas"] .project-teasers>a:nth-child(2),html[data-design="atlas"] .home-paths a:nth-child(2){background:#1b203f;border-color:#454873}
html[data-design="atlas"] .project-teasers>a::before,html[data-design="atlas"] .home-paths a::before{content:"";position:absolute;left:0;top:0;height:3px;width:74px;background:var(--green)}
html[data-design="atlas"] .project-teasers>a:nth-child(2)::before,html[data-design="atlas"] .home-paths a:nth-child(2)::before{background:var(--atlas-violet)}

/* News reads like a signal feed; controls stay plain and usable. */
html[data-design="atlas"] .page-heading{position:relative;padding:clamp(52px,7vw,86px) 0 43px;isolation:isolate}
html[data-design="atlas"] .page-heading h1{font-family:inherit;font-size:clamp(42px,5vw,66px);font-weight:730;line-height:1.17;margin:12px 0 18px}
html[data-design="atlas"] .page-heading p{font-size:16px;line-height:1.8}
html[data-design="atlas"][data-atlas-page="news"] .page-heading::after{content:"";position:absolute;right:1%;top:5%;width:min(28vw,280px);aspect-ratio:1;border:1px solid rgba(90,219,228,.2);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 38px,rgba(90,219,228,.08) 39px 40px),conic-gradient(from 0deg,transparent 0 270deg,rgba(90,219,228,.11) 340deg,transparent);z-index:-1;pointer-events:none}
html[data-design="atlas"] .filters{background:#102338;border:1px solid var(--line);border-radius:12px;padding:22px}
html[data-design="atlas"] :is(input,textarea,select){accent-color:var(--green)}
html[data-design="atlas"] :is(.filters input,.filters select,.panel input,.panel textarea,.extra-tool input,.extra-tool textarea,.wb-panel input,.wb-panel textarea){background:#09192b;border-color:#39556c;color:var(--text);border-radius:7px}
html[data-design="atlas"] .news-grid{gap:18px}
html[data-design="atlas"] .news-card{position:relative;border-radius:11px;background:#101e30;border:1px solid #325068;padding:19px;overflow:hidden}
html[data-design="atlas"] .news-card::before{content:"";position:absolute;left:0;top:0;width:65px;height:2px;background:var(--green);box-shadow:0 0 13px var(--green)}
html[data-design="atlas"] .news-card::after,html[data-design="atlas"] .project::after,html[data-design="atlas"] .tool-link::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(180px circle at var(--atlas-x,50%) var(--atlas-y,50%),rgba(90,219,228,.11),transparent 70%);transition:opacity .2s}
html[data-design="atlas"] .news-card:hover::after,html[data-design="atlas"] .project:hover::after,html[data-design="atlas"] .tool-link:hover::after{opacity:1}
html[data-design="atlas"] .news-card h2,html[data-design="atlas"] .news-card h3{font-size:19px;line-height:1.48}
html[data-design="atlas"] .news-card p{color:var(--muted);font-size:13px}
html[data-design="atlas"] .news-cover{border-radius:7px;border-color:#3b5872;background:linear-gradient(135deg,#172b47,#122336)}
html[data-design="atlas"] .info-cover{background:linear-gradient(145deg,#122f4b,#192442);padding:20px}
html[data-design="atlas"] .info-cover[data-pattern="1"]{background:linear-gradient(145deg,#142b42,#222242)}
html[data-design="atlas"] .news-detail-copy{max-width:800px}
html[data-design="atlas"] .news-detail-copy h1{font-size:clamp(32px,4vw,52px)}
html[data-design="atlas"] .news-detail-copy p,html[data-design="atlas"] .news-detail-copy li{line-height:1.9}

/* Study page: a mission console with one prominent instrument, not glass cards. */
html[data-design="atlas"][data-atlas-page="study"] .page-heading .eyebrow{color:var(--accent)}
html[data-design="atlas"] .battle-hero{position:relative;background:linear-gradient(120deg,#182747,#10243b 54%,#20213f);border:1px solid #526488;border-radius:17px;box-shadow:inset 0 1px rgba(218,242,255,.08);padding:clamp(24px,3vw,43px)}
html[data-design="atlas"] .battle-hero::after{content:"";position:absolute;left:0;top:0;width:140px;height:3px;background:linear-gradient(90deg,var(--accent),transparent);pointer-events:none}
html[data-design="atlas"] .battle-hero h2{font-size:23px}
html[data-design="atlas"] .countdown{font-family:Consolas,"SFMono-Regular",monospace;font-variant-numeric:tabular-nums;font-size:clamp(33px,5vw,62px);letter-spacing:-.065em;color:#83e6ec;text-shadow:0 0 20px rgba(90,219,228,.17)}
html[data-design="atlas"] .quote-box{border-color:#526488}
html[data-design="atlas"] blockquote{color:#e7f4fa;font-family:"Songti SC","SimSun",serif}
html[data-design="atlas"] .study-mode-controls .button[aria-pressed="true"],html[data-design="atlas"] .quote-modes .button[aria-pressed="true"]{border-color:var(--green);background:#123c50;color:#dcf8f9}
html[data-design="atlas"] .panel{background:#101e30;border-color:var(--line);border-radius:12px}
html[data-design="atlas"] .metric{background:#132a41;border-color:#355a70;border-radius:9px}
html[data-design="atlas"] .metric strong{color:var(--green)}
html[data-design="atlas"] .heat-cell{background:#0c1b2c;border-color:#29435c}

/* Tools and projects use modular chassis, with alternating color only where useful. */
html[data-design="atlas"] .workbench-showcase{border:1px solid #496586;background:linear-gradient(110deg,#122a49,#171c3c);border-radius:16px;padding:clamp(27px,4vw,47px)}
html[data-design="atlas"] .workbench-showcase h2{font-family:inherit;font-weight:730}
html[data-design="atlas"] .workbench-showcase p{color:#c2d5e5}
html[data-design="atlas"] .wb-badges span{border-color:#59758d;background:rgba(7,20,41,.48)}
html[data-design="atlas"] .wb-orbit{background:radial-gradient(circle,rgba(90,219,228,.11),transparent 70%)}
html[data-design="atlas"] .wb-orbit b{color:#95e8ee;text-shadow:10px 14px #092035}
html[data-design="atlas"] .wb-orbit span{border-color:#597c99;background:#143552}
html[data-design="atlas"] .wb-scenarios a{background:#102238;border-color:#35566e;border-radius:12px}
html[data-design="atlas"] .wb-scenarios a:nth-child(2){background:#1b2242;border-color:#4a5281}
html[data-design="atlas"] .wb-panel,html[data-design="atlas"] .extra-tool,html[data-design="atlas"] .tool-panel{background:#101e30;border-color:#34536b;border-radius:12px}
html[data-design="atlas"] .tool-catalog{gap:13px}
html[data-design="atlas"] .tool-link{position:relative;background:#102237;border:1px solid #35546a;border-radius:10px;overflow:hidden;padding:20px}
html[data-design="atlas"] .tool-link:nth-child(3n + 2){background:#19223d;border-color:#454d77}
html[data-design="atlas"] .tool-link:nth-child(3n + 2) span{color:#c1adff}
html[data-design="atlas"] .tool-link b{font-size:14px;line-height:1.45}
html[data-design="atlas"] .tool-link small{font-size:11px}
html[data-design="atlas"] .project{position:relative;overflow:hidden;background:#102238;border-color:#35546c;border-radius:12px}
html[data-design="atlas"] .project:nth-child(3n + 2){background:#1b223d;border-color:#4a517c}
html[data-design="atlas"] .project h2{font-size:25px}
html[data-design="atlas"] .project img{border-color:var(--line)}

/* Reading pages: preserve generous text measure and contrast. */
html[data-design="atlas"] .article-heading h1{font-family:inherit;font-size:clamp(36px,4.4vw,58px);font-weight:720;line-height:1.26;max-width:900px}
html[data-design="atlas"] .reading-layout{grid-template-columns:minmax(0,760px) minmax(180px,245px);gap:clamp(25px,5vw,80px)}
html[data-design="atlas"] .prose{color:#e2edf4;line-height:1.95;max-width:760px}
html[data-design="atlas"] .prose h2{color:#f2f8fc}
html[data-design="atlas"] .prose a{color:#80e2ea}
html[data-design="atlas"] .prose code{background:#162b41;color:#d0eef4}
html[data-design="atlas"] .code-block{background:#091729;border-color:#39566d}
html[data-design="atlas"] .toc{border-color:var(--line)}
html[data-design="atlas"] .toc a[aria-current="true"]{color:var(--green)}
html[data-design="atlas"] .reading-progress span{background:var(--green);box-shadow:0 0 12px var(--green)}
html[data-design="atlas"] dialog{background:#102037;border-color:#45627a;color:var(--text)}
html[data-design="atlas"] dialog::backdrop{background:#020914c7}
html[data-design="atlas"] .site-footer{border-color:var(--line);margin-top:80px;padding-top:40px}
html[data-design="atlas"] .site-footer b{letter-spacing:.16em}

@media(min-width:1100px){html[data-design="atlas"] .site-header nav a{font-size:13px}}
@media(max-width:1190px){html[data-design="atlas"] .site-header{flex-wrap:wrap;padding-block:12px}html[data-design="atlas"] .site-header nav{order:3;width:100%;justify-content:center}html[data-design="atlas"] .header-actions{margin-left:auto}}
@media(max-width:960px){html[data-design="atlas"] .site-header{min-height:75px;flex-wrap:nowrap}html[data-design="atlas"] .site-header nav{top:100%;order:0;background:#0c1c2f;border-color:#3b5a72;box-shadow:0 18px 35px #0006;padding:12px}html[data-design="atlas"] .site-header nav a{width:100%;padding-inline:12px;font-size:15px}html[data-design="atlas"] .site-header nav a[aria-current="page"]::after,html[data-design="atlas"] .site-header nav a:hover::after{bottom:0;left:12px;right:auto;width:75px}html[data-design="atlas"] .hero{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:20px}html[data-design="atlas"] .hero-art{min-height:330px}html[data-design="atlas"] .atlas-map{height:280px}html[data-design="atlas"] .reading-layout{grid-template-columns:1fr}}
@media(max-width:700px){html[data-design="atlas"] .site-header{gap:8px}html[data-design="atlas"] .brand{min-width:0;font-size:12px}html[data-design="atlas"] .brand small{font-size:8px}html[data-design="atlas"] .motion-toggle{display:none}html[data-design="atlas"] .hero{min-height:0;grid-template-columns:1fr;padding-block:65px 56px}html[data-design="atlas"] .hero::before{top:20px;font-size:9px}html[data-design="atlas"] .hero h1{font-size:clamp(45px,9vw,61px)}html[data-design="atlas"] .hero-art{width:100%;max-width:500px;justify-self:center;min-height:348px}html[data-design="atlas"] .atlas-map{height:298px}html[data-design="atlas"] .editorial{padding-top:43px}html[data-design="atlas"] .news-grid{grid-template-columns:1fr}html[data-design="atlas"] .page-heading{padding-top:55px}html[data-design="atlas"] .page-heading h1{font-size:clamp(39px,9vw,53px)}html[data-design="atlas"] .battle-hero{grid-template-columns:1fr}html[data-design="atlas"] .quote-box{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}html[data-design="atlas"] .workbench-showcase{grid-template-columns:1fr}html[data-design="atlas"] .tool-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-design="atlas"] .site-footer{margin-top:55px}}
@media(max-width:430px){html[data-design="atlas"] .container{padding-inline:18px}html[data-design="atlas"] .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:8px}html[data-design="atlas"] .brand{gap:7px;min-width:0}html[data-design="atlas"] .brand small{font-size:7px}html[data-design="atlas"] .monogram{width:37px;height:37px;font-size:23px;flex:0 0 37px}html[data-design="atlas"] .header-actions{display:flex;flex-wrap:nowrap;gap:5px;margin:0}html[data-design="atlas"] .menu-toggle{order:2}html[data-design="atlas"] .theme-label select{width:64px;padding-inline:4px}html[data-design="atlas"] #search-open{padding-inline:8px}html[data-design="atlas"] .hero h1{font-size:44px}html[data-design="atlas"] .hero-art{min-height:300px}html[data-design="atlas"] .atlas-map{height:248px}html[data-design="atlas"] .art-caption{font-size:8px;left:13px}html[data-design="atlas"] .hand-note{font-size:10px;right:8px;bottom:8px}html[data-design="atlas"] .tool-catalog{gap:9px}html[data-design="atlas"] .tool-link{padding:15px}html[data-design="atlas"] .tool-link b{font-size:13px}html[data-design="atlas"] .tool-link small{font-size:11px}html[data-design="atlas"] .news-card{padding:17px}}

/* Theme select still follows the visitor's OS preference or explicit choice. */
html[data-design="atlas"][data-theme="light"]{--bg:#eef5f8;--surface:#fff;--text:#152b3c;--muted:#4c6172;--line:#bbd0dc;--green:#006b7c;--accent:#a14730;--wash:#dfedf2;--code:#e5f0f3;--atlas-violet:#5b43a3;--atlas-glow:rgba(0,112,137,.1);color-scheme:light}
@media(prefers-color-scheme:light){html[data-design="atlas"]:not([data-theme="dark"]){--bg:#eef5f8;--surface:#fff;--text:#152b3c;--muted:#4c6172;--line:#bbd0dc;--green:#006b7c;--accent:#a14730;--wash:#dfedf2;--code:#e5f0f3;--atlas-violet:#5b43a3;--atlas-glow:rgba(0,112,137,.1);color-scheme:light}}
html[data-design="atlas"][data-theme="light"] body,html[data-design="atlas"]:not([data-theme="dark"]) body{background-color:var(--bg)}
/* Light mode retains the dark constellation hero while content uses a crisp dashboard. */
html[data-design="atlas"][data-theme="light"] .site-header,html[data-design="atlas"][data-theme="light"] .panel,html[data-design="atlas"][data-theme="light"] .news-card,html[data-design="atlas"][data-theme="light"] .project,html[data-design="atlas"][data-theme="light"] .tool-link,html[data-design="atlas"][data-theme="light"] .filters{background:#fff;color:#152b3c}
@media(prefers-color-scheme:light){html[data-design="atlas"]:not([data-theme="dark"]) .site-header,html[data-design="atlas"]:not([data-theme="dark"]) .panel,html[data-design="atlas"]:not([data-theme="dark"]) .news-card,html[data-design="atlas"]:not([data-theme="dark"]) .project,html[data-design="atlas"]:not([data-theme="dark"]) .tool-link,html[data-design="atlas"]:not([data-theme="dark"]) .filters{background:#fff;color:#152b3c}}
html[data-design="atlas"][data-theme="light"] .hero-art,html[data-design="atlas"][data-theme="light"] .battle-hero,html[data-design="atlas"][data-theme="light"] .workbench-showcase{color:#e9f4fc}
@media(prefers-color-scheme:light){html[data-design="atlas"]:not([data-theme="dark"]) .hero-art,html[data-design="atlas"]:not([data-theme="dark"]) .battle-hero,html[data-design="atlas"]:not([data-theme="dark"]) .workbench-showcase{color:#e9f4fc}}
html[data-design="atlas"][data-theme="light"] .site-header nav a,html[data-design="atlas"][data-theme="light"] .header-actions button,html[data-design="atlas"][data-theme="light"] .theme-label select{color:#152b3c;background:#fff}
@media(prefers-color-scheme:light){html[data-design="atlas"]:not([data-theme="dark"]) .site-header nav a,html[data-design="atlas"]:not([data-theme="dark"]) .header-actions button,html[data-design="atlas"]:not([data-theme="dark"]) .theme-label select{color:#152b3c;background:#fff}}
html[data-design="atlas"][data-theme="light"] .button.primary{color:#fff}
@media(prefers-color-scheme:light){html[data-design="atlas"]:not([data-theme="dark"]) .button.primary{color:#fff}}

/* The light variant keeps every interactive surface legible. Sprint mode
   deliberately remains a dark, self-contained study atmosphere. */
html[data-design="atlas"][data-theme="light"] body:not([data-study-mode="sprint"]) :is(.garden-box,.project-teasers>a,.home-paths a,.wb-scenarios a,.wb-panel,.extra-tool,.tool-panel,.metric,.info-cover,.tool-link:nth-child(3n + 2),.project:nth-child(3n + 2),.wb-scenarios a:nth-child(2),.filters,.site-header nav[data-open="true"],dialog){background:#fff;color:#152b3c;border-color:#bbd0dc}
@media(prefers-color-scheme:light){html[data-design="atlas"]:not([data-theme="dark"]) body:not([data-study-mode="sprint"]) :is(.garden-box,.project-teasers>a,.home-paths a,.wb-scenarios a,.wb-panel,.extra-tool,.tool-panel,.metric,.info-cover,.tool-link:nth-child(3n + 2),.project:nth-child(3n + 2),.wb-scenarios a:nth-child(2),.filters,.site-header nav[data-open="true"],dialog){background:#fff;color:#152b3c;border-color:#bbd0dc}}
html[data-design="atlas"][data-theme="light"] body:not([data-study-mode="sprint"]) :is(.button,.filters input,.filters select,.panel input,.panel textarea,.extra-tool input,.extra-tool textarea,.wb-panel input,.wb-panel textarea){background:#f7fbfd;color:#152b3c;border-color:#a9c1d0}
@media(prefers-color-scheme:light){html[data-design="atlas"]:not([data-theme="dark"]) body:not([data-study-mode="sprint"]) :is(.button,.filters input,.filters select,.panel input,.panel textarea,.extra-tool input,.extra-tool textarea,.wb-panel input,.wb-panel textarea){background:#f7fbfd;color:#152b3c;border-color:#a9c1d0}}
html[data-design="atlas"][data-theme="light"] body:not([data-study-mode="sprint"]) .button.primary{background:var(--green);color:#fff;border-color:var(--green)}
@media(prefers-color-scheme:light){html[data-design="atlas"]:not([data-theme="dark"]) body:not([data-study-mode="sprint"]) .button.primary{background:var(--green);color:#fff;border-color:var(--green)}}
html[data-design="atlas"][data-theme="light"] body:not([data-study-mode="sprint"]) :is(.garden-box .eyebrow,.info-cover small,.info-cover strong,.metric strong){color:#006b7c}
@media(prefers-color-scheme:light){html[data-design="atlas"]:not([data-theme="dark"]) body:not([data-study-mode="sprint"]) :is(.garden-box .eyebrow,.info-cover small,.info-cover strong,.metric strong){color:#006b7c}}
html[data-design="atlas"][data-theme="light"] body:not([data-study-mode="sprint"]) .battle-hero :is(p,.eyebrow),html[data-design="atlas"][data-theme="light"] body:not([data-study-mode="sprint"]) .workbench-showcase .eyebrow{color:#b8e6eb}
@media(prefers-color-scheme:light){html[data-design="atlas"]:not([data-theme="dark"]) body:not([data-study-mode="sprint"]) .battle-hero :is(p,.eyebrow),html[data-design="atlas"]:not([data-theme="dark"]) body:not([data-study-mode="sprint"]) .workbench-showcase .eyebrow{color:#b8e6eb}}
html[data-design="atlas"][data-theme="light"] body:not([data-study-mode="sprint"]) .code-block{color:#e9f4fc}
@media(prefers-color-scheme:light){html[data-design="atlas"]:not([data-theme="dark"]) body:not([data-study-mode="sprint"]) .code-block{color:#e9f4fc}}
html[data-design="atlas"][data-theme="light"] :is(.prose,.prose h2){color:#193145}
html[data-design="atlas"][data-theme="light"] .prose a{color:#006b7c}
html[data-design="atlas"][data-theme="light"] :is(#search-dialog,.dialog-top button){background:#fff;color:#193145;border-color:#b1c7d4}
html[data-design="atlas"][data-theme="light"] .hero-art :is(.art-caption,.hand-note){color:#d3f2f1}
@media(prefers-color-scheme:light){html[data-design="atlas"]:not([data-theme="dark"]) :is(.prose,.prose h2){color:#193145}html[data-design="atlas"]:not([data-theme="dark"]) .prose a{color:#006b7c}html[data-design="atlas"]:not([data-theme="dark"]) :is(#search-dialog,.dialog-top button){background:#fff;color:#193145;border-color:#b1c7d4}html[data-design="atlas"]:not([data-theme="dark"]) .hero-art :is(.art-caption,.hand-note){color:#d3f2f1}}
html[data-design="atlas"][data-theme="light"] :is(#search-open,.menu-toggle,.motion-toggle,.theme-label select){background:#fff;color:#193145;border-color:#a9c1d0}
@media(prefers-color-scheme:light){html[data-design="atlas"]:not([data-theme="dark"]) :is(#search-open,.menu-toggle,.motion-toggle,.theme-label select){background:#fff;color:#193145;border-color:#a9c1d0}}
html[data-design="atlas"][data-theme="light"] .battle-hero .text-link{color:#8ce8ef}
html[data-design="atlas"][data-theme="light"] :is(.study-mode-controls,.quote-modes) .button[aria-pressed="true"]{background:#006b7c;color:#fff;border-color:#006b7c}
@media(prefers-color-scheme:light){html[data-design="atlas"]:not([data-theme="dark"]) .battle-hero .text-link{color:#8ce8ef}html[data-design="atlas"]:not([data-theme="dark"]) :is(.study-mode-controls,.quote-modes) .button[aria-pressed="true"]{background:#006b7c;color:#fff;border-color:#006b7c}}

/* Continuous motion is limited to the visible landing illustration. */
@keyframes atlas-turn{to{transform:rotate(341deg)}}
@keyframes atlas-beacon{50%{opacity:.45;transform:scale(.86)}}
html[data-design="atlas"][data-motion="full"][data-atlas-paused="false"] .hero-art[data-atlas-visible="true"] .atlas-map-ring-a{animation:atlas-turn 52s linear infinite}
html[data-design="atlas"][data-motion="full"][data-atlas-paused="false"] .hero-art[data-atlas-visible="true"] .atlas-map-core{animation:atlas-beacon 5s ease-in-out infinite}
html[data-design="atlas"] :is(.button,.tool-link,.news-card,.project,.project-teasers>a,.wb-scenarios a):active{transform:scale(.985)}
@media(hover:none){html[data-design="atlas"] :is(.button,.tool-link,.news-card,.project,.project-teasers>a,.wb-scenarios a){-webkit-tap-highlight-color:rgba(90,219,228,.22)}}
@media(prefers-reduced-motion:reduce){html[data-design="atlas"] *,html[data-design="atlas"] *::before,html[data-design="atlas"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[data-design="atlas"][data-motion="reduce"] *,html[data-design="atlas"][data-motion="reduce"] *::before,html[data-design="atlas"][data-motion="reduce"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:700px){html[data-design="atlas"] #site-nav .motion-toggle{display:inline-flex;align-self:stretch;justify-content:center;margin:8px 0 4px}}