/* Page-type sheet for science + 5 segment pages (canonical values = 5-segment majority; science
   keeps its own values via a page-level <style is:global> override — plan §4 items 2-12). */
body{line-height:1.6}
h1,h2,h3,.display{line-height:1.1}
.narrow{max-width:760px}

.bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(120% 70% at 50% -10%, #11314e 0%, var(--deep) 36%, var(--abyss) 80%)}
.rays{position:fixed;inset:0;top:-10%;height:80vh;z-index:-1;pointer-events:none;opacity:.45;
  background:linear-gradient(174deg, rgba(var(--cyan-bright-rgb),.10), transparent 42%),
   conic-gradient(from 180deg at 52% -8%, transparent 0deg, rgba(var(--cyan-bright-rgb),.07) 8deg, transparent 16deg, rgba(var(--cyan-bright-rgb),.05) 26deg, transparent 34deg, rgba(var(--cyan-bright-rgb),.08) 44deg, transparent 52deg);
  -webkit-mask:linear-gradient(to bottom, #000 0%, transparent 86%);mask:linear-gradient(to bottom, #000 0%, transparent 86%)}
.caustic{position:fixed;inset:0;top:-6%;height:86vh;z-index:-1;pointer-events:none;opacity:.55;background:radial-gradient(38% 30% at 16% 10%, rgba(var(--cyan-bright-rgb),.09), transparent 62%),radial-gradient(32% 26% at 86% 6%, rgba(var(--cyan-rgb),.07), transparent 60%),radial-gradient(40% 34% at 70% 22%, rgba(233,199,158,.045), transparent 66%);-webkit-mask:linear-gradient(#000,transparent 82%);mask:linear-gradient(#000,transparent 82%)}

.nav__links a.active{color:var(--cyan)}

.jellyv{position:relative;width:min(var(--js,260px),72vw);margin:0 auto;display:grid;place-items:center}

/* sub-hero */
.subhero{padding:50px 0 34px}
.subhero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.subhero h1{font-size:clamp(2.4rem,5.4vw,3.9rem);margin:16px 0 0;max-width:15ch}
.subhero .sub{color:var(--ink-dim);font-size:clamp(1.05rem,2.1vw,1.2rem);margin:20px 0 28px;max-width:46ch}
.subhero__cta{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.ios-note{font-size:.78rem;color:var(--ink-faint);margin-top:14px}
@media(max-width:820px){.subhero__grid{grid-template-columns:1fr}.subhero__media{order:-1}}

.section{padding:66px 0;position:relative}
.section--tint{background:linear-gradient(180deg, transparent, rgba(8,22,38,.55) 12%, rgba(8,22,38,.55) 88%, transparent)}
.section h2{font-size:clamp(1.8rem,3.8vw,2.6rem);margin:14px 0 0}
.section p.body{color:var(--ink-dim);font-size:1.08rem;margin-top:18px}
.section p.body + p.body{margin-top:14px}
.textlink{color:var(--cyan);font-size:.95rem;display:inline-flex;align-items:center;gap:7px;border-bottom:1px solid transparent;transition:.2s;margin-top:22px}
.textlink:hover{border-color:var(--cyan)}

.cues{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.cue{padding:26px;border-radius:18px;border:1px solid var(--line);background:rgba(8,22,38,.4)}
.cue .k{font-family:'Hanken Grotesk',sans-serif;font-weight:400;font-size:1.35rem;color:var(--cyan);margin-bottom:10px}
.cue p{color:var(--ink-dim);font-size:.97rem}
@media(max-width:760px){.cues{grid-template-columns:1fr}}

.note{margin-top:10px;padding:24px 26px;border-left:2px solid var(--cyan);background:rgba(var(--cyan-rgb),.06);border-radius:0 14px 14px 0;color:var(--ink-dim);font-size:1.02rem;max-width:66ch}

.faq{max-width:780px;margin:30px auto 0}
.q summary{list-style:none;display:flex;justify-content:space-between;gap:18px;font-size:1.06rem;color:var(--ink)}
.q p{color:var(--ink-dim);margin-top:14px;font-size:.99rem;max-width:66ch}

.final{text-align:center;padding:90px 0}
.final h2{font-size:clamp(2rem,4.4vw,3rem);max-width:18ch;margin:14px auto 0}
.final__cta{display:flex;justify-content:center;margin-top:30px}

.footer{border-top:1px solid var(--line);padding:46px 0 60px}

@media(max-width:680px){.section{padding:50px 0}.final{padding:58px 0}.subhero{padding:28px 0 18px}}

/* read-next cards (mirrors article.css) */
.related{margin-top:30px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.rel{padding:20px 22px;border-radius:16px;border:1px solid var(--line);background:var(--card);transition:.22s}
.rel:hover{border-color:rgba(var(--cyan-rgb),.4);transform:translateY(-2px)}
.rel b{font-family:'Inter',sans-serif;font-weight:600;font-size:1rem;display:block}
.rel span{color:var(--ink-dim);font-size:.9rem;display:block;margin-top:4px}
@media(max-width:680px){.related{grid-template-columns:1fr}}