/* ═══════════════════════════════════════════════════════════════
   THE READING PAGES IN HORIZON (session 132, build F; ⚖️ 2026-10-19/20)
   Linked AFTER pages.css on pricing · access · privacy · terms · 404.
   The same page, the same copy, the same structure: only the MATERIAL
   and the MARKS change (a-ruled-page-is-adapted-not-replaced). The sky
   is the ground at the visitor's hour (sky.js); everything you touch is
   clear glass, everything you read sits on frosted glass; red is a
   signature used sparingly (the second word of a headline, nothing
   else); the keys are the liquid glass drop; nothing molded; the
   ticker, the grain and the day/night toggle are retired; the labels
   are the reading face in sentence case, the mono stays on the date.
   ═══════════════════════════════════════════════════════════════ */
:root, body.night{
  --sky-grad:linear-gradient(180deg,#4a9eff 0%,#a9d4ff 50%,#f4fbff 100%);
  --sky-text:#1f2a44; --sky-frost:rgba(255,255,255,.5); --sky-frost-edge:rgba(255,255,255,.75);
  --sky-frost-hl:rgba(255,255,255,.9); --sky-frost-text:#1f2a44; --sky-haze:rgba(255,255,255,.28); --accent:#2b52ff;
  /* the old names, re-pointed so every rule in pages.css lands on the material */
  --bone:transparent; --paper:var(--sky-frost); --ink:var(--sky-text); --line:var(--sky-text);
  --hair:var(--sky-frost-edge); --wash:var(--sky-haze); --soft:color-mix(in srgb,var(--sky-text) 72%,transparent); --tickfg:var(--sky-text);
  --mold:inset 0 1px 0 var(--sky-frost-hl),0 16px 40px rgba(0,0,0,.10); --mold-float:inset 0 1px 0 var(--sky-frost-hl),0 16px 40px rgba(0,0,0,.10);
  --well:none; --well-shallow:none; --track:color-mix(in srgb,var(--sky-text) 18%,transparent); --keysh:0 8px 22px rgba(0,0,0,.14);
  --frost-edge:1px solid var(--sky-frost-edge);
  --drop:radial-gradient(120% 120% at 30% 20%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.6) 28%,rgba(255,255,255,.3) 60%,rgba(255,255,255,.14) 100%);
  --drop-sh:inset 0 2px 6px rgba(255,255,255,.9),inset 0 -4px 8px rgba(0,0,0,.08),0 8px 22px rgba(0,0,0,.14),0 0 0 4px rgba(255,255,255,.12);
}
html{background:var(--sky-grad)}
body,body.night{background:var(--sky-grad) fixed;background-attachment:fixed;color:var(--sky-text);transition:none}
.grain,.ticker,.daynight,.disc,.enddisc{display:none!important}
/* the mast on bare sky */
.nav{background:transparent;border-bottom:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
.nav .wm,.foot .wm{height:clamp(56px,6vw,92px);filter:none}
html[data-frost="dark"] .wm{content:url(assets/brand/wordmark-white.png)}
.nav .lk{font-family:var(--body,var(--disp));font-size:17px;font-weight:500;letter-spacing:-.01em;text-transform:none;opacity:.85;color:var(--sky-text)}
.nav .lk.on,.nav .lk:hover{opacity:1}
/* every key is the liquid glass drop, ink on it on every sky */
.key,.keybig,.numkey,.go,.copy,.link .copy,.share .copy,.go-share,body.night .key,body.night .keybig,body.night .go{
  font-family:var(--disp);font-weight:900;font-size:17px;letter-spacing:-.01em;text-transform:none;color:#1f2a44;
  background:var(--drop);border:1px solid rgba(255,255,255,.9);border-radius:999px;box-shadow:var(--drop-sh);
  -webkit-backdrop-filter:blur(10px) saturate(1.8);backdrop-filter:blur(10px) saturate(1.8)}
.keybig,.go{font-size:19px;padding:16px 28px}
.go[disabled]{opacity:.55}
/* the type on the material: the second word of a headline is the one red */
h1,h2,h3,.price,.endnum{color:var(--sky-text)}
.sp{color:var(--red)}
.eyebrow{display:none}
.sub,.lede,p{color:inherit}
.sub{font-size:21px;line-height:1.42;opacity:.92}
.lede{font-size:19px;line-height:1.5;opacity:.85}
/* every plane you read is FROSTED; no edge-colour bars, no wells */
.plan,.note,.cap,.q,.jc,.doc,.card,.why,.standing,.share,.invites,.inv,.moved,.rows,.log,.arc,.mem,.chan3>div,.capstrip,.legal .prose{
  background:var(--sky-frost);border:var(--frost-edge);color:var(--sky-frost-text);box-shadow:inset 0 1px 0 var(--sky-frost-hl),0 16px 40px rgba(0,0,0,.10);border-top:var(--frost-edge);border-left:var(--frost-edge)}
.plan.pick{background:var(--sky-frost);color:var(--sky-frost-text);box-shadow:inset 0 1px 0 var(--sky-frost-hl),0 16px 40px rgba(0,0,0,.14);outline:2px solid rgba(255,255,255,.9);outline-offset:-2px}
.plan.pick .k,.badge{background:var(--red);color:#fff;border:0}
.plan li i,.jc li i,.why i,.need i{background:var(--sky-frost-text);opacity:.55}
.price.word{color:var(--sky-frost-text)}
.per{opacity:.7}
.q b,.note b,.cap b,.jc h3{color:var(--sky-frost-text)}
.q p,.note p,.cap p,.jc li,.plan li{font-size:17px;line-height:1.5;opacity:.9}
/* the access door: the card frosted, the field clear glass, the key the drop */
.f input{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.5);color:var(--sky-text);border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6);font-size:19px;
  -webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5)}
.f input::placeholder{color:color-mix(in srgb,var(--sky-text) 55%,transparent)}
.f input:focus{outline:2px solid rgba(255,255,255,.9);box-shadow:none}
.f label,.f .hint,.tiny,.or span,.consent{color:var(--sky-frost-text);opacity:.85;font-family:var(--body,var(--disp));font-size:15px;letter-spacing:0;text-transform:none}
.or::before,.or::after{background:var(--sky-frost-edge)}
.tnum{color:var(--sky-frost-text)}
.link input{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.5);color:var(--sky-frost-text);border-radius:999px}
.err{color:#ff4d3d}
/* the closing: the words, the key, him rising; no disc */
.end{background:transparent}
.end h2,.endsub,.endnum{color:var(--sky-text)}
.endnum .sp{color:var(--red)}
.endfig{filter:drop-shadow(0 24px 40px rgba(0,0,0,.18))}
/* the footer frosted; its links in the reading face */
.foot,body.night .foot{background:var(--sky-frost);border-top:var(--frost-edge);color:var(--sky-frost-text);box-shadow:inset 0 1px 0 var(--sky-frost-hl)}
.foot .fl,body.night .foot .fl{font-family:var(--body,var(--disp));font-size:17px;font-weight:500;letter-spacing:-.01em;text-transform:none;opacity:.85;color:var(--sky-frost-text)}
/* the legal pages: the prose on one frosted plane, the dates mono */
.legal .date{font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;opacity:.85;color:var(--sky-text)}
.legal .prose{padding:clamp(22px,3vw,40px);border-radius:28px}
.legal .prose p,.legal .prose li{font-size:19px;line-height:1.55;color:var(--sky-frost-text);opacity:.95}
.legal .prose h2{color:var(--sky-frost-text)}
.legal .prose a{color:var(--sky-frost-text);text-decoration:underline;text-underline-offset:3px}
.legal .prose li i{background:var(--sky-frost-text);opacity:.55}
/* the labels that were mono uppercase read in the face now; the mono keeps the date */
.cue,.cue span,.num,.rows div:first-child,.log div:first-child,.mem div:first-child,.at,.as,.ab,.af,.st{font-family:var(--body,var(--disp));letter-spacing:0;text-transform:none;font-size:15px;opacity:.8}
@media(max-width:900px){ .nav .lk{display:none} .nav .wm{height:56px} }
/* the reading pages' nav is NOT sticky on the sky (a sticky mast with no ground runs through the headings) */
.nav{position:static}
/* the 404's key (its own rule carries two classes) */
.lost .keybig{background:var(--drop);color:#1f2a44;border:1px solid rgba(255,255,255,.9);box-shadow:var(--drop-sh);text-transform:none;letter-spacing:-.01em;font-size:19px}