/* Night Atlas: the shared stylesheet for the inner pages (design direction A,
   picked by Jason 2026-10-05). Ported from the design-directions mockup
   (design/directions/A/a.css); every inner page links this one file.
   Direction A: Night Atlas
   Dark forest ground continuous with the home page. Content sits on a real
   12-column grid as plates, hairline rules, no floating cards.
   Type: Fraunces (display, opsz 144) / Newsreader (text) / IBM Plex Mono (data). */

:root{
  --ground:#0a1210; --ground-2:#0f1c17; --ground-3:#132219;
  --ink:#f3ecdd; --ink-2:rgba(243,236,221,.74); --ink-3:rgba(243,236,221,.6);
  --rule:rgba(243,236,221,.14); --rule-2:rgba(243,236,221,.28);
  --gold:#e9b550; --gold-2:#d9a441; --paper:#e8dfcb; --clay:#dd8a5c; --sage:#9cc089;
  --display:'Fraunces',Georgia,serif; --text:'Newsreader',Georgia,serif; --mono:'IBM Plex Mono',ui-monospace,monospace;
  /* type scale: 12 / 15 / 19 / 24 / 32 / 44 / 64 / 96 / 136 */
  --t-xs:12px; --t-s:15px; --t-b:19px; --t-l:24px; --t-h4:32px; --t-h3:44px; --t-h2:64px; --t-h1:clamp(52px,7vw,104px); --t-d:clamp(64px,10vw,152px);
  /* spacing rhythm: 8 16 24 40 64 104 168 */
  --s1:8px; --s2:16px; --s3:24px; --s4:40px; --s5:64px; --s6:104px; --s7:168px;
  --gut:clamp(20px,4vw,64px); --gap:24px; --max:1360px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--ground)}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--text);font-size:var(--t-b);line-height:1.6;
  font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
/* a faint field of night, nothing more: the home page's world, quieted */
body{position:relative}
body::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(1200px 700px at 78% -10%,rgba(156,192,137,.07),transparent 60%),
             radial-gradient(900px 600px at -10% 110%,rgba(233,181,80,.05),transparent 60%)}
body>*{position:relative;z-index:1}
a{color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.mono{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;line-height:1.5}
.eyebrow{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.rule{border:0;border-top:1px solid var(--rule);margin:0}

/* ── hub hero ── */
.hero{padding-block:var(--s6) var(--s5)}
.hero h1{grid-column:1/8;margin:var(--s3) 0 0;font-family:var(--display);font-weight:340;font-size:var(--t-h1);line-height:.98;letter-spacing:-.025em;
  font-variation-settings:"opsz" 144,"SOFT" 40}
.hero h1 em{font-style:italic;color:var(--gold);font-weight:300}
.hero .eyebrow{grid-column:1/8}
.hero .lede{grid-column:1/7;font-size:var(--t-l);line-height:1.45;color:var(--ink-2);margin:var(--s4) 0 0}
.hero .lede strong{color:var(--ink);font-weight:500}
.scale{grid-column:9/13;grid-row:1/4;align-self:end;margin:0;padding:0;list-style:none;border-top:1px solid var(--rule)}
.scale li{display:grid;grid-template-columns:44px 72px 1fr;align-items:center;gap:var(--s2);padding:var(--s2) 0;border-bottom:1px solid var(--rule)}
.scale .n{font-family:var(--display);font-variation-settings:"opsz" 72;font-weight:400;font-size:44px;line-height:1;letter-spacing:-.02em}
.scale .lv{font-family:var(--display);font-size:20px;line-height:1.2}
.scale .lv small{display:block;font-family:var(--text);font-size:15px;color:var(--ink-3);margin-top:2px}

/* the glyph: a square that fills with paper as the law asks for more */
.glyph{width:28px;height:28px;border:1px solid var(--rule-2);position:relative;overflow:hidden;display:inline-block;flex:none}
.glyph::after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--f)*100%);background:var(--paper)}
.lv0{--f:0}.lv1{--f:.25}.lv2{--f:.55}.lv3{--f:1}

/* ── atlas ── */
.atlas-sec{padding-block:var(--s4) var(--s6);border-top:1px solid var(--rule)}
.atlas-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);padding-block:var(--s3) var(--s4)}
.atlas-head h2{font-family:var(--display);font-weight:400;font-size:var(--t-h4);margin:0;letter-spacing:-.01em;font-variation-settings:"opsz" 48}
.atlas-head p{margin:0;color:var(--ink-3);font-size:var(--t-s)}
.atlas-wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:start}
.atlas{grid-column:1/10;position:relative;display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(9,auto);gap:6px}
.tile{aspect-ratio:1;position:relative;border:1px solid var(--rule-2);background:transparent;color:var(--ink);padding:0;cursor:pointer;
  font-family:var(--mono);font-size:12px;letter-spacing:.04em;display:flex;align-items:flex-start;justify-content:flex-start;overflow:hidden;
  transition:border-color .2s,opacity .25s}
.tile span{position:relative;z-index:2;padding:6px 0 0 7px;line-height:1}
.tile::after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--f)*100%);background:var(--paper);transform-origin:bottom;z-index:1}
.tile.lv3 span{color:var(--ground);font-weight:500}
.tile.lv2 span,.tile.lv1 span{color:var(--ink)}
.tile:hover,.tile[aria-pressed=true]{border-color:var(--ink)}
.tile[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:3px}
.atlas.filtering .tile:not(.hit){opacity:.18}
.atlas .land{position:absolute;font-family:var(--display);font-style:italic;font-weight:300;font-size:22px;color:var(--ink-3);pointer-events:none;font-variation-settings:"opsz" 48}
/* the orchestrated moment: ink rises into each tile, west to east */
.js .atlas .tile::after{transform:scaleY(0)}
.js .atlas.inked .tile::after{transform:scaleY(1);transition:transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--c)*45ms + var(--r)*18ms)}
@media (prefers-reduced-motion:reduce){.js .atlas .tile::after{transform:none!important;transition:none!important}}

.verdict{grid-column:10/13;position:sticky;top:24px;border-top:1px solid var(--ink);padding-top:var(--s2)}
.verdict label{display:block}
.find{width:100%;background:transparent;border:0;border-bottom:1px solid var(--rule-2);color:var(--ink);font-family:var(--display);font-size:22px;padding:10px 0;outline:none}
.find::placeholder{color:var(--ink-3)}
.find:focus{border-bottom-color:var(--gold)}
.v-body{padding-top:var(--s4);min-height:420px}
.v-body h3{font-family:var(--display);font-weight:400;font-size:40px;line-height:1.02;letter-spacing:-.02em;margin:var(--s1) 0 var(--s3);font-variation-settings:"opsz" 72}
.v-level{display:flex;gap:6px;align-items:center;margin-bottom:var(--s3)}
.v-level .glyph{width:22px;height:22px;opacity:.35}
.v-level .glyph.on{opacity:1;border-color:var(--ink)}
.v-level b{font-family:var(--display);font-weight:500;font-size:20px;margin-left:10px}
.v-body dl{margin:0;border-top:1px solid var(--rule)}
.v-body dt{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding-top:var(--s2)}
.v-body dd{margin:4px 0 0;padding-bottom:var(--s2);border-bottom:1px solid var(--rule);font-size:17px;line-height:1.45}
.v-body .go{display:inline-block;margin-top:var(--s3);font-family:var(--display);font-size:19px;color:var(--gold);text-decoration:none;border-bottom:1px solid currentColor}
.v-empty{color:var(--ink-3);font-size:17px}
.v-empty b{color:var(--ink);font-weight:500}

/* ── index of places ── */
.index{padding-block:var(--s6);border-top:1px solid var(--rule)}
.index h2,.sec-h{font-family:var(--display);font-weight:340;font-size:var(--t-h3);line-height:1.05;letter-spacing:-.02em;margin:0;font-variation-settings:"opsz" 96}
.index .cols{margin-top:var(--s5)}
.country{grid-column:span 3}
.country.us{grid-column:span 6}
.country h3{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:500;margin:0 0 var(--s2);padding-bottom:var(--s1);border-bottom:1px solid var(--rule)}
.country ul{list-style:none;margin:0;padding:0}
.country.us ul{columns:2;column-gap:var(--gap)}
.country li{break-inside:avoid}
.country a{display:flex;align-items:center;gap:10px;text-decoration:none;padding:7px 0;font-size:17px;border-bottom:1px solid var(--rule);transition:color .2s}
.country a:hover{color:var(--gold)}
.country a .glyph{width:12px;height:12px}
.country a .lead{flex:1;border-bottom:1px dotted var(--rule-2);transform:translateY(-4px)}
.country a small{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--ink-3);text-transform:uppercase}

/* ── closing band ── */
.close{padding-block:var(--s6);border-top:1px solid var(--rule);background:var(--ground-2)}
.close h2{grid-column:1/7;font-family:var(--display);font-weight:340;font-size:var(--t-h2);line-height:1;letter-spacing:-.025em;margin:0;font-variation-settings:"opsz" 144}
.close h2 em{color:var(--gold);font-weight:300}
.close .body{grid-column:8/13;font-size:var(--t-l);line-height:1.45;color:var(--ink-2)}
.close .body p{margin:0 0 var(--s3)}

/* ── footer ── */
.foot{border-top:1px solid var(--rule);padding-block:var(--s5) var(--s4);font-size:var(--t-s);color:var(--ink-3)}
.foot .word{font-size:28px;color:var(--ink)}
.foot .f1{grid-column:1/5}
.foot .f2{grid-column:6/9}
.foot .f3{grid-column:9/13}
.foot h4{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:500;margin:0 0 var(--s2)}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{padding:3px 0}
.foot a{color:var(--ink-2);text-decoration:none}
.foot a:hover{color:var(--gold)}
.foot .legal{grid-column:1/13;margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid var(--rule);font-size:13px;line-height:1.6}

/* ── field guide (region page) ── */
.crumb{padding-top:var(--s4)}
.crumb a{color:var(--ink-3);text-decoration:none}
.crumb a:hover{color:var(--ink)}
.fg-hero{padding-block:var(--s4) var(--s6)}
.fg-hero .eyebrow{grid-column:1/9}
.fg-hero h1{grid-column:1/9;font-family:var(--display);font-weight:330;font-size:var(--t-d);line-height:.92;letter-spacing:-.035em;margin:var(--s3) 0 0;font-variation-settings:"opsz" 144,"SOFT" 30}
.fg-hero .verdict-line{grid-column:1/9;font-family:var(--display);font-style:italic;font-weight:300;font-size:clamp(28px,3vw,44px);line-height:1.15;letter-spacing:-.01em;margin:var(--s4) 0 0;color:var(--ink);font-variation-settings:"opsz" 72}
.fg-hero .verdict-line b{font-weight:400;color:var(--gold)}
.locator{grid-column:10/13;grid-row:1/4;align-self:end}
.locator .mini{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:var(--s3)}
.locator .mini .tile{font-size:12px;cursor:default}
.locator .mini .tile span{padding:4px 0 0 5px}
.locator .mini .me{outline:2px solid var(--gold);outline-offset:3px}
.locator .lvl{display:flex;gap:6px;align-items:center;border-top:1px solid var(--rule);padding-top:var(--s2)}
.locator .lvl .glyph{width:18px;height:18px;opacity:.3}
.locator .lvl .glyph.on{opacity:1;border-color:var(--ink)}
.locator .lvl span{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin-left:8px}

.glance{border-top:1px solid var(--ink);border-bottom:1px solid var(--rule)}
.glance .g{grid-column:span 3;padding:var(--s3) var(--s3) var(--s4) 0;border-right:1px solid var(--rule)}
.glance .g:last-child{border-right:0}
.glance .g+.g{padding-left:var(--s3)}
.glance .k{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 var(--s2)}
.glance .big{font-family:var(--display);font-size:28px;line-height:1.12;letter-spacing:-.01em;margin:0 0 var(--s1);font-variation-settings:"opsz" 48}
.glance p{margin:0;font-size:16px;line-height:1.5;color:var(--ink-2)}

.guide{padding-block:var(--s6) var(--s5)}
.rail{grid-column:1/4;position:sticky;top:24px;align-self:start}
.rail ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--rule)}
.rail a{display:block;padding:8px 0 8px 16px;margin-left:-1px;border-left:1px solid transparent;text-decoration:none;color:var(--ink-3);font-size:16px;transition:color .2s,border-color .2s}
.rail a:hover,.rail a.on{color:var(--ink);border-left-color:var(--gold)}
.main{grid-column:4/10}
.margin{grid-column:10/13}
.part{padding-bottom:var(--s6);scroll-margin-top:24px}
.part>h2{font-family:var(--display);font-weight:340;font-size:var(--t-h3);line-height:1.05;letter-spacing:-.02em;margin:0 0 var(--s4);font-variation-settings:"opsz" 96}
.part p{margin:0 0 var(--s3);color:var(--ink-2)}
.part p strong{color:var(--ink);font-weight:500}
sup.fn a{font-family:var(--mono);font-size:12px;color:var(--gold);text-decoration:none;padding-left:2px}
.note{font-size:15px;line-height:1.55;color:var(--ink-3);border-top:1px solid var(--rule);padding-top:var(--s2);margin-bottom:var(--s4)}
.note .mono{color:var(--gold);display:block;margin-bottom:6px;font-size:12px}
.note q{font-style:italic;color:var(--ink-2)}

/* timeline: the school year, two lanes */
.year{grid-column:4/13;margin-bottom:var(--s5)}
.months{display:grid;grid-template-columns:140px repeat(12,1fr);border-bottom:1px solid var(--rule)}
.months span{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--ink-3);padding:0 0 10px;text-align:left}
.lane{display:grid;grid-template-columns:140px repeat(12,1fr);position:relative;min-height:150px;border-bottom:1px solid var(--rule)}
.lane .who{grid-column:1;padding:var(--s2) var(--s2) 0 0;font-family:var(--display);font-size:18px;line-height:1.2}
.lane .who small{display:block;font-family:var(--text);font-size:13px;color:var(--ink-3);margin-top:4px;font-style:italic}
.lane .cells{grid-column:2/-1;display:grid;grid-template-columns:repeat(12,1fr);position:relative}
.lane .cells i{border-left:1px solid var(--rule)}
.mark{position:absolute;top:var(--s2);display:flex;flex-direction:column;gap:6px;max-width:150px}
.mark .pin{width:12px;height:12px;background:var(--gold);transform:rotate(45deg)}
.mark .pin.hollow{background:transparent;border:1px solid var(--gold)}
.mark b{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-weight:500}
.mark span{font-size:14px;line-height:1.35;color:var(--ink-2)}
.span-bar{position:absolute;bottom:34px;height:2px;background:repeating-linear-gradient(90deg,var(--gold) 0 6px,transparent 6px 10px)}
.span-lab{position:absolute;bottom:8px;font-size:13px;color:var(--ink-3);font-style:italic}
.quiet{position:absolute;top:50%;transform:translateY(-50%);font-family:var(--display);font-style:italic;font-weight:300;font-size:22px;color:var(--ink-3)}

/* what is NOT required: set apart, struck */
.notreq{background:var(--ground-2);border-block:1px solid var(--rule);padding-block:var(--s6)}
.notreq .h{grid-column:1/4}
.notreq .h h2{font-family:var(--display);font-weight:340;font-size:var(--t-h3);line-height:1.05;letter-spacing:-.02em;margin:0;font-variation-settings:"opsz" 96}
.notreq .h p{color:var(--ink-3);font-size:16px;margin:var(--s2) 0 0}
.notreq ul{grid-column:4/10;list-style:none;margin:0;padding:0}
.notreq li{font-family:var(--display);font-weight:300;font-size:clamp(28px,3.2vw,46px);line-height:1.18;letter-spacing:-.015em;padding:6px 0;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3);font-variation-settings:"opsz" 96}
.notreq li s{text-decoration-thickness:2px;text-decoration-color:var(--gold)}
.notreq li small{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
.notreq .margin{align-self:end}

/* distributed learning: a different path, a different shape */
.dl{border-top:1px solid var(--gold);padding-top:var(--s4)}
.dl .tag{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ground);background:var(--sage);padding:4px 8px;margin-bottom:var(--s3)}
.dl-row{display:grid;grid-template-columns:200px 1fr;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--rule)}
.dl-row h3{font-family:var(--display);font-weight:400;font-size:22px;line-height:1.2;margin:0;font-variation-settings:"opsz" 36}
.dl-row p{margin:0 0 var(--s2);font-size:17px}
.scale4{display:flex;gap:0;margin:var(--s2) 0;border:1px solid var(--rule-2)}
.scale4 span{flex:1;min-width:0;padding:8px 10px;font-family:var(--display);font-size:15px;border-right:1px solid var(--rule-2)}
.scale4 span:last-child{border-right:0}
.evi{list-style:none;padding:0;margin:0}
.evi li{padding:8px 0 8px 22px;position:relative;font-size:17px;color:var(--ink-2);border-bottom:1px solid var(--rule)}
.evi li::before{content:"";position:absolute;left:2px;top:17px;width:8px;height:8px;border:1px solid var(--gold);transform:rotate(45deg)}

.words{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s4);margin:0 0 var(--s3)}
.words span{font-family:var(--display);font-style:italic;font-weight:300;font-size:34px;letter-spacing:-.01em;font-variation-settings:"opsz" 72}
.words span::after{content:"";}

.fits{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);border-top:1px solid var(--rule);padding-top:var(--s4)}
.fits blockquote{margin:0;font-family:var(--display);font-weight:300;font-size:30px;line-height:1.2;letter-spacing:-.01em;font-variation-settings:"opsz" 72}
.fits blockquote em{color:var(--gold)}

.sources{list-style:none;counter-reset:s;margin:0;padding:0}
.sources li{counter-increment:s;display:grid;grid-template-columns:40px 1fr auto;gap:var(--s2);padding:var(--s2) 0;border-bottom:1px solid var(--rule);font-size:17px;scroll-margin-top:24px}
.sources li::before{content:counter(s);font-family:var(--mono);font-size:12px;color:var(--gold);padding-top:4px}
.sources a{color:var(--ink);text-decoration-color:var(--rule-2);text-underline-offset:3px}
.sources small{display:block;color:var(--ink-3);font-size:14px}
.sources .when{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--ink-3);white-space:nowrap;padding-top:4px}
.sure{border-left:2px solid var(--gold);padding:var(--s2) 0 var(--s2) var(--s3);margin-top:var(--s4);font-size:16px;color:var(--ink-2)}
.sure b{color:var(--ink);font-weight:500}

.neigh{padding-block:var(--s5);border-top:1px solid var(--rule)}
.neigh .mono{color:var(--ink-3);margin-bottom:var(--s2)}
.neigh .line{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:18px}
.neigh .line a{text-decoration:none;display:inline-flex;gap:8px;align-items:center;color:var(--ink-2)}
.neigh .line a:hover{color:var(--gold)}
.neigh .glyph{width:11px;height:11px}

/* ── research: the evidence ledger ── */
.field{grid-column:1/13;margin-top:var(--s5);position:relative}
.field svg{width:100%;height:auto;display:block;overflow:visible}
.field .ax{font-family:var(--mono);font-size:12px;letter-spacing:.08em;fill:var(--ink-3);text-transform:uppercase}
/* LCI-181: the chart scales with the page, and its 12px labels fell to 3px on a phone. Below 1400px wide it keeps
   at least 1000px of width (scrolls sideways inside its own box) and its labels are drawn larger, so they never render under 12px. */
@media (max-width:1400px){.field{overflow-x:auto}.field svg{min-width:1000px}.field .ax{font-size:15px}}
.field .lab{font-family:var(--display);font-size:13px;fill:var(--ink-2)}
.field circle{transition:r .25s,opacity .25s}
.filters{display:flex;flex-wrap:wrap;gap:var(--s4);align-items:baseline;padding-block:var(--s3);border-block:1px solid var(--rule);margin-top:var(--s5)}
.filters fieldset{border:0;margin:0;padding:0;display:flex;gap:var(--s3);align-items:baseline;flex-wrap:wrap}
.filters legend{float:left;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-right:var(--s2)}
.filters button{background:none;border:0;border-bottom:1px solid transparent;color:var(--ink-3);font-family:var(--display);font-size:19px;padding:4px 0;cursor:pointer;transition:color .2s,border-color .2s}
.filters button sup{font-family:var(--mono);font-size:12px;margin-left:3px;color:var(--ink-3)}
.filters button:hover{color:var(--ink)}
.filters button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--gold)}
.ledger{margin-top:var(--s4)}
.lg-group{padding-top:var(--s5)}
.lg-group>h2{font-family:var(--display);font-weight:340;font-size:var(--t-h4);margin:0 0 var(--s2);letter-spacing:-.01em;font-variation-settings:"opsz" 48}
.row{display:grid;grid-template-columns:96px minmax(0,1fr) 220px;gap:var(--s4);padding:var(--s3) 0;border-top:1px solid var(--rule);align-items:start}
.row .yr{font-family:var(--display);font-size:40px;line-height:1;font-weight:300;color:var(--ink-3);font-variation-settings:"opsz" 72;letter-spacing:-.02em}
.row h3{font-family:var(--display);font-weight:400;font-size:26px;line-height:1.15;margin:0 0 var(--s1);letter-spacing:-.01em;font-variation-settings:"opsz" 48}
.row .where{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:var(--s1)}
.row p{margin:0 0 var(--s1);font-size:17px;color:var(--ink-2)}
.row .cite{font-size:14px;color:var(--ink-3)}
.row .cite a{color:var(--gold)}
.row .caveat{font-size:15px;color:var(--ink-2);font-style:italic;border-left:1px solid var(--clay);padding-left:12px;margin-top:var(--s2)}
.meter{display:flex;flex-direction:column;gap:10px}
.meter .k{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.notch{display:flex;gap:3px}
.notch i{width:22px;height:8px;border:1px solid var(--rule-2)}
.notch i.on{background:var(--ink);border-color:var(--ink)}
.dir{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--rule-2);height:22px;position:relative}
.dir i{border-right:1px solid var(--rule)}
.dir i:last-child{border-right:0}
.dir b{position:absolute;top:3px;width:14px;height:14px;transform:translateX(-50%) rotate(45deg)}
.d-favours b{left:83%;background:var(--gold)}
.d-mixed b{left:50%;background:var(--ink)}
.d-against b{left:17%;background:var(--clay)}
.d-context .dir{opacity:.35}
.d-context b{display:none}
.meter .dl2{font-size:14px;color:var(--ink-2);font-family:var(--display)}
.row.hide{display:none}

/* ── faq ── */
.faq-hero h1{grid-column:1/9}
.faq-wrap{padding-block:var(--s5) var(--s6)}
.faq-idx{grid-column:1/4;position:sticky;top:24px;align-self:start}
.faq-idx ol{list-style:none;padding:0;margin:0}
.faq-idx a{display:flex;justify-content:space-between;gap:var(--s2);padding:10px 0;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--ink-3);font-family:var(--display);font-size:19px;transition:color .2s}
.faq-idx a small{font-family:var(--mono);font-size:12px;padding-top:5px}
.faq-idx a:hover,.faq-idx a.on{color:var(--ink)}
.faq-main{grid-column:5/12}
.fq-group{padding-bottom:var(--s6);scroll-margin-top:24px}
.fq-group .eyebrow{margin-bottom:var(--s2)}
.fq-group>h2{font-family:var(--display);font-weight:340;font-style:italic;font-size:var(--t-h3);line-height:1.05;letter-spacing:-.02em;margin:0 0 var(--s4);font-variation-settings:"opsz" 96}
.fq{border-top:1px solid var(--rule)}
.fq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 24px;gap:var(--s3);padding:var(--s3) 0;font-family:var(--display);font-size:26px;line-height:1.2;letter-spacing:-.01em;font-variation-settings:"opsz" 48}
.fq summary::-webkit-details-marker{display:none}
.fq summary .pm{width:16px;height:16px;position:relative;margin-top:8px}
.fq summary .pm::before,.fq summary .pm::after{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:var(--gold);transition:transform .25s}
.fq summary .pm::after{transform:rotate(90deg)}
.fq[open] summary .pm::after{transform:rotate(0)}
.fq summary:hover{color:var(--gold)}
.fq .a{padding:0 var(--s5) var(--s4) 0;color:var(--ink-2)}
.fq .a p{margin:0 0 var(--s2)}
.fq .a a{color:var(--gold)}

/* scroll reveal: settles in 260ms, never leaves text dim */
.js .rv{opacity:0;transform:translateY(10px);transition:opacity .26s ease-out,transform .26s ease-out}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}}

/* ── responsive ── */
@media (max-width:1100px){
  .atlas{grid-column:1/13}
  .verdict{grid-column:1/13;position:static;margin-top:var(--s4)}
  .v-body{min-height:0}
  .scale{grid-column:1/13;grid-row:auto;margin-top:var(--s5)}
  .hero h1,.hero .lede,.hero .eyebrow{grid-column:1/13}
  .rail{display:none}
  .main{grid-column:1/9}
  .margin{grid-column:9/13}
  .year{grid-column:1/13}
  .notreq .h{grid-column:1/13;margin-bottom:var(--s4)}
  .notreq ul{grid-column:1/9}
  .faq-idx{grid-column:1/13;position:static;margin-bottom:var(--s5)}
  .faq-main{grid-column:1/13}
}
@media (max-width:760px){
  :root{--t-b:18px;--t-l:21px;--t-h3:36px;--t-h2:44px;--t-h4:28px;--gap:16px;--s6:72px;--s5:48px}
  .grid{grid-template-columns:minmax(0,1fr)}
  .country.us ul{columns:1}
  .grid>*{grid-column:1/-1!important}
  .atlas{gap:3px}
  .scale li{grid-template-columns:64px 36px 1fr}
  .atlas-head{flex-direction:column;align-items:flex-start;gap:8px}
  .glance .g+.g{padding-left:0}
  .tile{font-size:0}
  .tile span{display:none}
  .atlas .land{font-size:14px}
  .atlas .land:nth-of-type(2){display:none}
  .country,.country.us{grid-column:1/-1}
  .country{margin-bottom:var(--s4)}
  .glance .g{border-right:0;border-bottom:1px solid var(--rule);padding:var(--s3) 0!important}
  .locator{grid-row:auto;margin-top:var(--s4);max-width:260px}
  .main,.margin{grid-column:1/-1}
  .months{display:none}
  .lane{display:block;min-height:0;padding:var(--s3) 0}
  .lane .who{font-size:22px;margin-bottom:var(--s2);padding:0}
  .lane .cells{display:block}
  .lane .cells i,.span-bar{display:none}
  .mark{position:static!important;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 12px;max-width:none;padding:12px 0;border-top:1px solid var(--rule)}
  .mark span:not(.pin){flex-basis:100%;font-size:16px}
  .quiet,.span-lab{position:static!important;transform:none;display:block;padding:12px 0;font-size:17px;border-top:1px solid var(--rule)}
  .notreq li{font-size:28px}
  .notreq li small{display:none}
  .dl-row{grid-template-columns:1fr;gap:var(--s1)}
  .fits{grid-template-columns:1fr}
  .row{grid-template-columns:1fr;gap:var(--s2)}
  .row .yr{font-size:28px}
  .scale4{flex-wrap:wrap}
  .scale4 span{flex:1 1 50%;border-bottom:1px solid var(--rule-2)}
  .fq summary{font-size:21px}
  .fq .a{padding-right:0}
  .close h2{font-size:44px}
  .foot .f1,.foot .f2,.foot .f3{margin-bottom:var(--s4)}
  .sources li{grid-template-columns:28px 1fr}
  .sources .when{grid-column:2}
}

/* ═══════════════════════════════════════════════════════════════════════════
   ROLLOUT LAYER (2026-10-05): what the live pages need beyond the mockup.
   The header is the home page's own (site/index.html, /*site-header*/), so
   nothing here styles nav.nav.
   ═══════════════════════════════════════════════════════════════════════════ */
html{scroll-padding-top:96px;-webkit-text-size-adjust:100%}
main{display:block;padding-top:76px}
h1,h2,h3,h4{color:var(--ink)}
p{margin:0 0 var(--s2)}
a{text-underline-offset:3px;text-decoration-thickness:1px}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:16px;top:84px;z-index:30;background:var(--gold);color:var(--ground);padding:8px 14px;font-family:var(--mono);font-size:13px}
.cta{font-family:var(--display);font-variation-settings:"opsz" 24;font-weight:500;font-size:18px;color:var(--ground);background:var(--gold);
  text-decoration:none;padding:12px 20px 13px;border-radius:2px;white-space:nowrap;display:inline-flex;gap:10px;align-items:center;transition:background .2s,transform .2s}
.cta:hover{background:#f2c565}
.cta:active{transform:translateY(1px)}
.cta .arw{width:14px;height:14px}
.fine{font-size:14px;color:var(--ink-3);margin-top:var(--s3)}
.mono{color:var(--ink-3)}

/* hub hero: the four levels are links to their cards */
.scale li{display:block;padding:0}
.scale li a{display:grid;grid-template-columns:44px 72px 1fr;align-items:center;gap:var(--s2);padding:var(--s2) 0;text-decoration:none;transition:color .2s}
.scale li a:hover .lv{color:var(--gold)}
.scale .glyph{width:28px;height:28px}

/* atlas: tiles are links (they work with JS off), the view toggle */
a.tile{text-decoration:none}
.atlas-head{flex-wrap:wrap}
.atlas-head p{flex:1 1 280px;text-align:right}
.views{display:flex;gap:var(--s3);flex:none}
.views button{background:none;border:0;border-bottom:1px solid transparent;color:var(--ink-3);font-family:var(--display);font-size:19px;padding:4px 0;cursor:pointer}
.views button:hover{color:var(--ink)}
.views button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--gold)}
html:not(.js) .views{display:none}
.js [data-pane][hidden]{display:none!important}
html:not(.js) .almanac{margin-top:var(--s5)}
.v-body .v-meta{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}

/* the table (from direction B): every place in rows, the five things a law can ask for */
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-top:1px solid var(--ink)}
.almanac table{width:100%;border-collapse:collapse;font-size:16px;min-width:760px}
.almanac caption{text-align:left;caption-side:top;color:var(--ink-3);font-size:15px;padding:0 0 var(--s2)}
.almanac th,.almanac td{padding:9px 12px 9px 0;border-bottom:1px solid var(--rule);text-align:left;vertical-align:middle;font-weight:400}
.almanac thead th{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);position:sticky;top:0;background:var(--ground)}
.almanac tbody th a{text-decoration:none;font-family:var(--display);font-size:18px}
.almanac tbody th a:hover{color:var(--gold)}
.almanac .glyph{width:12px;height:12px;vertical-align:-1px;margin-right:6px}
.almanac td.dot{text-align:center;width:72px;color:var(--ink-3)}
.almanac td.dot b{color:var(--gold);font-size:15px}
.almanac td.due{color:var(--ink-2);font-size:15px;max-width:30ch}
.almanac thead th:nth-child(n+3):nth-child(-n+7){text-align:center}
.almanac tr.tgroup th{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);padding-top:var(--s4);border-bottom:1px solid var(--rule-2)}

/* ── the four levels, as stacking cards (taken from direction D) ──
   Each card sits in a full-height sticky slot, a step further down than the
   one before, so the cards slide over each other and leave a tab showing. The
   cards underneath scale down a little as the stack scrolls past (atlas.js).
   JS off: they still stack (CSS sticky). Reduced motion, or a screen too short
   for the tallest card: they lie flat as ordinary sections. */
:root{--st:7.5rem;--step:28px;--ch:min(66vh,600px);--card-0:#13241d;--card-1:#172b22;--card-2:#1c3328;--cream:#f3ecdd}
@media (max-width:767px){:root{--st:5.25rem;--step:16px;--ch:min(56svh,480px)}}
@media (max-height:800px) and (min-width:768px){:root{--st:6rem;--step:22px}}
@media (max-height:700px){:root{--st:5rem;--step:14px}}
.levels{padding-block:var(--s6) 0;border-top:1px solid var(--rule)}
.lv-head{align-items:end}
.lv-head h2{grid-column:1/7}
.lv-head p{grid-column:7/12;margin:0;color:var(--ink-2)}
.stack{position:relative;margin-top:var(--s5);padding-bottom:14vh}
.slot{position:sticky;top:0;height:84vh;padding-top:calc(var(--st) + var(--i)*var(--step));pointer-events:none;scroll-margin-top:0}
.lv-card{pointer-events:auto;min-height:var(--ch);border-radius:28px;background:var(--card-0);transform-origin:50% 0;will-change:transform;
  box-shadow:0 -14px 44px -10px rgba(0,0,0,.6),inset 0 1px 0 rgba(243,236,221,.10);display:flex;flex-direction:column;overflow:hidden}
.lv-card.c1{background:var(--card-1)}
.lv-card.c2{background:var(--card-2)}
.lv-card.c3{background:var(--cream);color:#0f1d17;--ink:#0f1d17;--ink-2:rgba(15,29,23,.8);--ink-3:rgba(15,29,23,.7);--rule:rgba(15,29,23,.16);--rule-2:rgba(15,29,23,.32);--gold:#7f520b;--paper:#0f1d17}
.lv-card.c3 .c-n{color:#7f520b}
.c-tab{flex:none;height:var(--step);min-height:28px;display:flex;justify-content:space-between;align-items:center;margin:0;padding:0 32px;
  font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--rule)}
.c-tab span+span{color:var(--gold)}
.c-body{flex:1;min-height:0;display:grid;align-content:start;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s5);padding:var(--s4) 32px}
.c-n{margin:0;font-family:var(--display);font-weight:300;font-size:clamp(120px,14vw,220px);line-height:.8;letter-spacing:-.055em;font-variation-settings:"opsz" 144}
.c-lv{display:flex;align-items:center;gap:14px;margin:var(--s4) 0 var(--s1);font-family:var(--display);font-style:italic;font-weight:400;font-size:34px;line-height:1.1}
.c-lv .glyph{width:30px;height:30px;border-color:var(--ink-3)}
.c-def{margin:0;color:var(--ink-2);font-size:18px;max-width:30ch}
.c-of{margin:var(--s3) 0 0;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.cg+.cg{margin-top:var(--s3)}
.cg h4{margin:0 0 var(--s1);padding-bottom:6px;border-bottom:1px solid var(--rule);font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.nm{list-style:none;margin:0;padding:0;columns:2;column-gap:var(--s3)}
.nm.many{columns:3}
.nm li{break-inside:avoid}
.nm a{display:block;text-decoration:none;font-size:17px;line-height:1.55;color:var(--ink-2);transition:color .15s}
.nm a:hover{color:var(--gold)}
.stack.flat{padding-bottom:0}
.stack.flat .slot{position:static;height:auto;padding-top:0;margin-bottom:var(--s3)}
.stack.flat .lv-card{transform:none!important;height:auto!important}
@media (prefers-reduced-motion:reduce){
  .slot{position:static;height:auto;padding-top:0;margin-bottom:var(--s3)}
  .lv-card{height:auto!important;min-height:0;transform:none!important}
  .stack{padding-bottom:0}
}
.index{margin-top:0}
.country .cnote{font-size:14px;color:var(--ink-3);margin:-4px 0 var(--s2)}
.index .fine{margin-top:var(--s5)}

/* ── region page ── */
.crumb span{color:var(--ink-2)}
.fg-hero h1 small{display:block;font-family:var(--mono);font-size:var(--t-xs);font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:var(--s2);font-variation-settings:normal}
.fg-hero .lede{grid-column:1/8;color:var(--ink-2);font-size:var(--t-b);margin:var(--s4) 0 0}
.fg-hero .intro{grid-column:1/8;margin-top:var(--s2)}
.fg-hero .intro .note{border:0;padding:0;color:var(--ink-2);font-size:17px;margin:0}
.fg-hero .intro a{color:var(--gold)}
.fg-hero .verdict-line b{display:inline}
.locator{grid-row:2/6}
.glance .mid{font-family:var(--display);font-size:19px;line-height:1.35;color:var(--ink);font-variation-settings:"opsz" 24}
.glance .big{font-size:26px}
.guide>.rail{grid-row:1/span 8}
.main-2{grid-column:4/10}
.part .k{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:var(--s3) 0 var(--s1)}
.note-s{font-size:15px;line-height:1.55;color:var(--ink-3)}
.part .note-s{color:var(--ink-3)}

/* the year: pins on lanes, words underneath */
.year{position:relative}
.lane{min-height:120px}
.lane .cells{min-height:120px}
.pin-at{position:absolute;top:calc(18px + var(--row)*30px);display:flex;align-items:center;gap:8px;transform:translateX(-6px);white-space:nowrap;z-index:2}
.pin-at b{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-weight:500;background:var(--ground);padding-right:4px}
.pin{display:inline-block;width:12px;height:12px;background:var(--gold);transform:rotate(45deg);flex:none}
.pin.hollow{background:var(--ground);border:1px solid var(--gold)}
.lane .span-bar{left:0;right:0;bottom:36px}
.lane .span-lab{left:0;bottom:8px;max-width:100%}
.lane .quiet{left:3%;right:3%;font-size:20px}
.filings{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.filings>li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--rule)}
.filings .when{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:4px 0 0}
.filings .when span{display:block;color:var(--ink-3);margin-top:6px;font-size:12px}
.filings h3{font-family:var(--display);font-weight:400;font-size:24px;line-height:1.2;margin:0 0 var(--s1);font-variation-settings:"opsz" 36}
.filings p{margin:0 0 var(--s1);font-size:17px;color:var(--ink-2)}
.filings .due{color:var(--ink)}

/* not required: struck, with the data's own reason beside it */
.notreq{margin-block:var(--s4) 0}
.notreq ul{grid-column:4/13}
.notreq li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s3);align-items:baseline}
.notreq li span{font-family:var(--text);font-size:15px;line-height:1.5;color:var(--ink-3);letter-spacing:0;font-weight:400}

/* a region's own guide (guides/<slug>.html), set in the page's type */
.guide-body h2{font-family:var(--display);font-weight:340;font-size:var(--t-h3);line-height:1.05;letter-spacing:-.02em;margin:0 0 var(--s4);font-variation-settings:"opsz" 96;border-top:1px solid var(--gold);padding-top:var(--s4)}
.guide-body h3{font-family:var(--display);font-weight:400;font-size:24px;line-height:1.2;margin:var(--s4) 0 var(--s2);font-variation-settings:"opsz" 36}
.guide-body ul{margin:0 0 var(--s3);padding:0;list-style:none}
.guide-body ul li{padding:8px 0 8px 22px;position:relative;font-size:17px;color:var(--ink-2);border-bottom:1px solid var(--rule)}
.guide-body ul li::before{content:"";position:absolute;left:2px;top:17px;width:8px;height:8px;border:1px solid var(--gold);transform:rotate(45deg)}
.guide-body .note{border:0;padding:0;margin:0 0 var(--s1);font-size:14px}
.guide-body p>.note{font-family:var(--mono);font-size:12px;color:var(--gold);letter-spacing:.04em}
.guide-body .card{border-top:1px solid var(--rule-2);border-bottom:1px solid var(--rule-2);padding:var(--s3) 0;margin:var(--s3) 0}
.guide-body .card .k{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.guide-body .guide-badges img{height:44px;width:auto}
.guide-body .card.src{border:0;padding:0}
.guide-body a{color:var(--gold)}
.words{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s4)}
.fits{display:block;border-top:0;padding-top:0}
.fits p a:not(.cta){color:var(--gold)}
.sure .sure-note{display:block;margin-top:var(--s1);font-size:14px;color:var(--ink-3)}
.sure a{color:var(--gold)}
.sources small{margin-top:2px}
.neigh h2.mono{font-weight:400;margin:0 0 var(--s2)}
.neigh .line{margin:0}
.neigh .line a:last-child{color:var(--gold)}

/* research and FAQ additions */
.res-hero .lede{grid-column:1/8}
.lg-group .secnote{color:var(--ink-3);margin:0 0 var(--s2)}
.row .cite i{font-style:italic}
.row .tag{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--rule-2);padding:2px 6px;margin-right:6px;white-space:nowrap}
.row .tag.tag-against{color:var(--clay);border-color:var(--clay)}
.count{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--ink-3);margin:var(--s2) 0 0}
.howto{padding-block:var(--s6) 0}
.howto .grid>div{grid-column:span 6}
.howto h2{font-family:var(--display);font-weight:340;font-size:var(--t-h3);margin:0 0 var(--s3);letter-spacing:-.02em}
.howto h3{font-family:var(--display);font-weight:400;font-size:26px;margin:0 0 var(--s2)}
.howto p{color:var(--ink-2)}
.howto a{color:var(--gold)}
.follow{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}
.follow .ig{display:inline-flex;gap:10px;align-items:center;color:var(--gold);text-decoration:none;font-family:var(--display);font-size:19px}
.follow svg{width:20px;height:20px}
.follow .handle{font-family:var(--mono);font-size:12px;color:var(--ink-3)}
.reviewed{font-size:14px;color:var(--ink-3);margin-top:var(--s5)}
.fq .a q{quotes:"\201C" "\201D";color:var(--ink)}
.fq .a cite{display:block;font-style:normal;font-size:14px;color:var(--ink-3);margin:-4px 0 var(--s2)}
.fq summary h3{margin:0;font:inherit;color:inherit}
.fq-group .secnote{color:var(--ink-3);margin:0 0 var(--s3)}

/* footer */
.foot{background:var(--ground)}
.foot .f1 p{margin:var(--s2) 0 0;max-width:32ch}
.foot .f1 p a{color:var(--ink-2)}
.foot h2{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:500;margin:0 0 var(--s2)}
.foot .word{font-family:var(--display);font-variation-settings:"opsz" 36;font-weight:500;letter-spacing:-.01em;text-decoration:none;white-space:nowrap}
.foot .word i{font-style:normal;color:var(--gold)}
.foot .legal a{color:var(--ink-2)}

@media (max-width:1100px){
  .lv-head h2,.lv-head p{grid-column:1/13}
  .lv-head p{margin-top:var(--s2)}
  .c-body{gap:var(--s4)}
  .nm.many{columns:2}
  .main-2{grid-column:1/9}
  .fg-hero .lede,.fg-hero .intro{grid-column:1/13}
  .locator{grid-row:auto;grid-column:1/6!important;margin-top:var(--s4)}
  .notreq ul{grid-column:1/13}
  .atlas-head p{text-align:left}
}
@media (max-width:940px){main{padding-top:64px}}
@media (max-width:767px){
  .c-tab{padding:0 14px;font-size:12px;letter-spacing:.04em;min-height:22px;height:22px;gap:8px}
  .c-tab span{white-space:nowrap}
  .c-tab span+span{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .c-body{grid-template-columns:minmax(0,1fr);gap:var(--s2);padding:var(--s2) 18px}
  .c-left{display:grid;grid-template-columns:auto 1fr;column-gap:var(--s2);align-items:end}
  .c-n{font-size:84px;grid-row:1/3}
  .c-lv{margin:0;font-size:24px;gap:10px}
  .c-lv .glyph{width:20px;height:20px}
  .c-def{font-size:15px;line-height:1.4}
  .c-of{display:none}
  .cg+.cg{margin-top:var(--s2)}
  .cg h4{font-size:12px;margin-bottom:4px}
  .nm,.nm.many{columns:2;column-gap:var(--s2)}
  .nm a{font-size:15px;line-height:1.45}
  .stack{margin-top:var(--s3)}
}
@media (max-width:760px){
  .main-2{grid-column:1/-1}
  .views button{font-size:17px}
  .atlas-head p{text-align:left}
  .lane .cells{min-height:0}
  .pin-at{position:static;transform:none;display:inline-flex;margin:0 18px 10px 0}
  .lane .cells{display:flex;flex-wrap:wrap;align-items:center;padding-top:4px}
  .lane .span-bar{display:none}
  .lane .span-lab,.lane .quiet{position:static;display:block;flex-basis:100%;font-size:16px;padding:6px 0 0;border:0}
  .filings>li{grid-template-columns:1fr;gap:var(--s1)}
  .notreq li{grid-template-columns:1fr;gap:4px}
  .notreq li span{display:block}
  .glance .big{font-size:24px}
  .howto .grid>div{grid-column:1/-1}
  .foot .legal{margin-top:0}
}
.row[hidden],.lg-group[hidden]{display:none!important}
.faq .asfoot{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--s3)}
.faq .asfoot img{height:44px;width:auto;display:block}
.faq-main .reviewed{margin-top:0}
.asbadge[data-appstore="pending"],.gpbadge[data-playstore="pending"]{opacity:.55}
@media (max-width:760px){.atlas-head p{flex:none}.atlas-head .views{margin-top:var(--s1)}}
.main-y{grid-column:4/10}
.main-y .part{padding-bottom:var(--s4)}
@media (max-width:1100px){.main-y{grid-column:1/9}}
@media (max-width:760px){.locator{max-width:220px}.locator .mini{max-width:220px}.main-y{grid-column:1/-1}}
.guide+.guide{padding-top:0}
a[href^="tel:"]{white-space:nowrap}
html:not(.js) .verdict{display:none}html:not(.js) .atlas{grid-column:1/13}