/* Insights (/insights/, assets/insights-page.js) */
.in-card{margin:0 0 12px;padding:1rem 1.1rem;border-radius:16px;background:rgba(12,18,32,.72);border:1px solid rgba(248,250,252,.09)}
.in-card h2{margin:0 0 .6rem;font:400 1.5rem/1.15 "Instrument Serif",Georgia,serif;color:var(--frost)}
.in-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.3rem 1rem}.in-top p{margin:0;color:#cbd5e1}.in-top b{color:var(--frost);font-size:1.15rem}
.in-meter{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin:.2rem 0 .9rem}
.in-meter i{height:8px;border-radius:4px;background:rgba(248,250,252,.08);position:relative;overflow:hidden}
.in-meter i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--p);background:var(--cyan)}
.in-parts{list-style:none;margin:0 0 .8rem;padding:0;display:grid;gap:2px}
.in-parts a{display:grid;grid-template-columns:minmax(0,10rem) minmax(4rem,1fr) 4.4rem;grid-template-rows:auto auto;column-gap:.8rem;align-items:center;padding:.5rem .4rem;border-radius:10px;color:inherit;text-decoration:none}
.in-parts a:hover,.in-parts a:focus-visible{background:rgba(103,232,249,.07);outline:none}
.in-name{display:flex;align-items:center;gap:.45rem;font-weight:600;color:var(--frost)}
.in-dot{width:9px;height:9px;border-radius:50%;flex:none;border:1.5px solid var(--cyan);box-sizing:border-box}
.in-dot.s-done{background:var(--cyan)}.in-dot.s-started{background:linear-gradient(90deg,var(--cyan) 50%,transparent 50%)}.in-dot.s-none{border-color:#64748b}
.in-bar{height:6px;border-radius:3px;background:rgba(248,250,252,.08);position:relative;overflow:hidden}.in-bar i{position:absolute;inset:0 auto 0 0;width:var(--p);background:linear-gradient(90deg,rgba(103,232,249,.5),var(--cyan))}
.in-st{text-align:right;font-size:.85rem;color:#a9b6c8}
.in-found{grid-column:1/-1;padding-left:1.3rem;font-size:.88rem;color:#a9b6c8;line-height:1.4}
.in-next{margin:.2rem 0 .5rem;width:100%}
.in-done{color:var(--cyan);margin:.2rem 0 .5rem}
.in-fine{margin:.3rem 0 0;font-size:.85rem;color:#a9b6c8}
@media(max-width:520px){.in-parts a{grid-template-columns:minmax(0,1fr) 4rem 4rem}}
/* the hub: a menu down the left on wider screens, a grid of chips on phones */
.lf.wrap#ins{width:min(72rem,calc(100% - 2rem));max-width:none}
.in-head .ab-lede{margin-bottom:.8rem}
.in-layout{display:grid;grid-template-columns:13rem minmax(0,1fr);gap:1.4rem;align-items:start}
.in-nav{position:sticky;top:calc(var(--bar-h) + 1rem);display:grid;gap:2px;padding:.5rem;border-radius:16px;background:rgba(12,18,32,.72);border:1px solid rgba(248,250,252,.09)}
.in-nav-h{margin:.55rem .55rem .2rem;font:700 .68rem Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#a9b6c8}
.in-nav-h:first-child{margin-top:.2rem}
.in-nav-i{display:flex;align-items:center;gap:.5rem;padding:.42rem .6rem;border-radius:10px;color:#cbd5e1;font-weight:600;font-size:.92rem;text-decoration:none}
.in-nav-i:hover,.in-nav-i:focus-visible{background:rgba(103,232,249,.07);color:var(--frost);outline:none}
.in-nav-i.on{background:var(--frost);color:#070B14}
/* the icon and short line under each name (phones show both; the left menu on computers keeps just the names) */
.in-nav-i svg{width:17px;height:17px;flex:none;fill:none;stroke:var(--cyan);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.in-nav-i.on svg{stroke:#070B14}
.in-nav-t{display:flex;flex-direction:column;min-width:0}.in-nav-t b{font-weight:600}.in-nav-t small{display:none;margin-top:.12rem;font-weight:400;line-height:1.3;color:#a9b6c8}.in-nav-i.on .in-nav-t small{color:#1e293b}.in-nav-i.on .in-dot{border-color:#070B14}.in-nav-i.on .in-dot.s-done{background:#070B14}
.in-frame-top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin:0 0 .4rem}
.in-frame-top h2{margin:0;font:400 1.7rem/1.1 "Instrument Serif",Georgia,serif;color:var(--frost)}
.in-frame{display:block;width:100%;height:calc(100svh - var(--bar-h) - 7rem);min-height:420px;border:0;border-radius:16px;background:rgba(12,18,32,.45)}
.in-empty p{color:#e2e8f0;line-height:1.6}
@media(max-width:899px){
.in-layout{grid-template-columns:1fr;gap:.8rem}
.in-nav{position:static;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.in-nav-h{grid-column:1/-1;margin:.3rem .3rem 0}
.in-nav{padding:0;background:none;border:0;gap:6px}
.in-nav-i{padding:.7rem .75rem;border-radius:8px;border:1px solid rgba(248,250,252,.12);background:rgba(12,18,32,.75);align-items:flex-start;gap:.55rem}
.in-nav-i svg{width:22px;height:22px;flex:none;margin-top:1px;fill:none;stroke:var(--cyan);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.in-nav-i.on svg{stroke:#070B14}
.in-nav-t b{font-size:.98rem}
.in-nav-t small{display:block;font-size:.82rem}
.in-nav-i.on{border-color:var(--frost)}
.in-frame{height:calc(100svh - var(--bar-h) - 7.5rem - 62px)}
}

/* Connecting the dots */
.in-dots{list-style:none;margin:.4rem 0 .8rem;padding:0;display:grid;gap:8px}
.in-dots li{padding:.7rem .9rem;border-radius:14px;background:rgba(17,26,46,.65);border-left:3px solid rgba(167,139,250,.55);color:#e2e8f0;line-height:1.55}
.in-dots-empty{margin:.4rem 0 .6rem;color:#cbd5e1;line-height:1.6}

/* Flake News (assets/flakenews.js): a tiny tabloid front page */
.fn-go{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin:.4rem 0 1rem}
.fn-free{color:#5ee8a8;font:600 .82rem Inter,sans-serif}.fn-prem{padding:.15rem .6rem;border-radius:999px;border:1px solid rgba(252,211,77,.4);color:#fcd34d;font:600 .76rem Inter,sans-serif}
.fn-msg{color:#cbd5e1;font-size:.9rem}
.fn-paper{padding:1.1rem 1.2rem 1.2rem;border-radius:6px;background:#f4efe3;color:#1d1a16;box-shadow:0 18px 40px rgba(0,0,0,.45);font-family:Georgia,serif}
.fn-mast{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:.6rem;padding-bottom:.5rem;border-bottom:3px double #1d1a16}
.fn-mast span{font:600 .68rem Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#5c544a}.fn-mast span:last-child{text-align:right}
.fn-mast h3{margin:0;font:400 clamp(1.9rem,6vw,2.6rem)/1 "Instrument Serif",Georgia,serif;letter-spacing:.02em;color:#111}
.fn-head{margin:.7rem 0 .8rem;font:700 clamp(1.3rem,4.4vw,1.75rem)/1.15 Georgia,serif;text-align:center}
.fn-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;border-top:1px solid #1d1a16;padding-top:.7rem}
.fn-stories section+section{border-left:1px solid rgba(29,26,22,.25);padding-left:.9rem}
.fn-stories h4{margin:0 0 .25rem;font:700 .95rem/1.2 Georgia,serif}.fn-stories p{margin:0;font-size:.9rem;line-height:1.45;color:#2d2924}
.fn-kind{margin:.9rem 0 0;padding-top:.6rem;border-top:1px solid #1d1a16;font-size:.9rem;font-style:italic}.fn-kind b{font-style:normal;font-family:Inter,sans-serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin-right:.4rem}
.fn-tools{display:flex;align-items:center;gap:1rem;margin-top:.8rem}
@media(max-width:640px){.fn-stories{grid-template-columns:1fr}.fn-stories section+section{border-left:0;padding-left:0;border-top:1px solid rgba(29,26,22,.25);padding-top:.6rem}.fn-mast{grid-template-columns:1fr;text-align:center}.fn-mast span:last-child{text-align:center}}
.fn-why{color:#7c8aa0;font-size:.78rem}
/* the full front page (2026-10-22): tagline, deck, a lead story with a pull quote beside the numbers, four stories,
   and a strip of forecast, classifieds and correction */
.fn-tag{margin:.35rem 0 0;text-align:center;font:italic .82rem/1.3 Georgia,serif;color:#5c544a}
.fn-deck{margin:-.3rem auto .9rem;max-width:36rem;text-align:center;font:italic 1rem/1.4 Georgia,serif;color:#3a342d}
.fn-front{display:grid;grid-template-columns:minmax(0,1fr) 13rem;gap:1.1rem;border-top:1px solid #1d1a16;padding:.8rem 0 .9rem}
.fn-lead p{margin:0;font-size:1rem;line-height:1.55;color:#1d1a16}
.fn-lead .fn-by{margin:0 0 .35rem;font:600 .68rem Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#5c544a}
.fn-lead p:not(.fn-by)::first-letter{float:left;font:700 2.6rem/.85 Georgia,serif;margin:.25rem .35rem 0 0}
.fn-lead blockquote{margin:.8rem 0 0;padding:.5rem 0 .5rem .9rem;border-left:3px solid #1d1a16;font:italic 1.05rem/1.4 Georgia,serif;color:#1d1a16}
.fn-lead cite{display:block;margin-top:.3rem;font:normal .78rem Inter,sans-serif;color:#5c544a}
.fn-nums{padding:.1rem 0 0 1rem;border-left:1px solid rgba(29,26,22,.3);display:grid;gap:.75rem;align-content:start}
.fn-nums h5,.fn-strip h5{margin:0;font:700 .68rem Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#1d1a16}
.fn-nums b{display:block;font:700 1.9rem/1 Georgia,serif;color:#111}.fn-nums span{display:block;font:600 .76rem/1.3 Inter,sans-serif;color:#3a342d;margin-top:.15rem}
.fn-nums em{display:block;font-size:.84rem;line-height:1.35;color:#3a342d;margin-top:.2rem}
.fn-full .fn-stories{grid-template-columns:repeat(2,minmax(0,1fr))}
.fn-full .fn-stories section:nth-child(odd){border-left:0;padding-left:0}
.fn-full .fn-stories section:nth-child(n+3){border-top:1px solid rgba(29,26,22,.25);padding-top:.7rem}
.fn-full .fn-stories h4{font-size:1.05rem}.fn-full .fn-stories p{font-size:.95rem;line-height:1.5}
.fn-paper>.fn-nums{border-left:0;padding:.8rem 0 0;border-top:1px solid #1d1a16;grid-template-columns:repeat(3,minmax(0,1fr))}
.fn-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:.9rem;padding-top:.7rem;border-top:3px double #1d1a16}
.fn-strip section+section{border-left:1px solid rgba(29,26,22,.25);padding-left:.9rem}
.fn-strip p{margin:.25rem 0 0;font-size:.88rem;line-height:1.45;color:#2d2924}
@media(max-width:640px){
  .fn-front{grid-template-columns:1fr}.fn-nums{border-left:0;padding:.7rem 0 0;border-top:1px solid rgba(29,26,22,.3)}
  .fn-full .fn-stories{grid-template-columns:1fr}.fn-full .fn-stories section+section{border-top:1px solid rgba(29,26,22,.25);padding-top:.6rem}
  .fn-strip{grid-template-columns:1fr}.fn-strip section+section{border-left:0;padding-left:0;border-top:1px solid rgba(29,26,22,.25);padding-top:.6rem}
  .fn-paper>.fn-nums{grid-template-columns:1fr}
}

/* Over time (assets/insights-page.js timeHTML) */
.in-time{margin:.2rem 0 1rem;color:#cbd5e1;line-height:1.55}

/* Your progress (assets/insights-page.js): four numbers, then each facet's way to taking shape in layer colors */
.pg-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:.3rem 0 1rem}
.pg-tile{display:flex;flex-direction:column;gap:.15rem;padding:.7rem .8rem;border-radius:12px;border:1px solid rgba(248,250,252,.08);background:rgba(12,18,32,.55);color:#a9b6c8;text-decoration:none;font-size:.82rem;line-height:1.3}
.pg-tile b{color:var(--frost);font:400 1.9rem/1 "Instrument Serif",Georgia,serif}.pg-tile b small{font:500 .8rem Inter,sans-serif;color:#a9b6c8}
.pg-tile:hover{border-color:rgba(103,232,249,.35)}
.pg-parts .in-bar i{background:var(--ly-char,#a78bfa)}
.pg-parts li.g-state .in-bar i{background:var(--ly-state,#fbbf77)}.pg-parts li.g-traits .in-bar i{background:var(--ly-traits,#67e8f9)}
.pg-unlock{margin:.6rem 0 0;color:#cbd5e1;font-size:.9rem}
@media(max-width:560px){.pg-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Speech Writer, locked until Story is 30% of the way (assets/insights-page.js, assets/biographer.js) */
.bio-locked p{color:#cbd5e1;line-height:1.55}
.bio-bar{max-width:22rem;margin:.6rem 0 .3rem}
.bio-n{margin:0 0 .9rem;font-size:.88rem;color:#a9b6c8!important}
/* the Oracle (assets/advisor.js) */
.adv-in{width:100%;box-sizing:border-box;margin:.4rem 0 .6rem;padding:.75rem .85rem;border-radius:12px;border:1px solid rgba(248,250,252,.14);background:rgba(7,11,20,.55);color:var(--frost);font:400 1rem/1.55 Inter,sans-serif;resize:vertical}
.adv-in:focus{outline:none;border-color:rgba(196,181,253,.6);box-shadow:0 0 0 3px rgba(196,181,253,.12)}
.adv-topic{margin:.2rem 0 .8rem;color:var(--frost)}.adv-topic small{color:#a9b6c8;margin-left:.4rem}
.adv-q{margin:.6rem 0 .3rem;padding:.6rem .8rem;border-radius:14px 14px 14px 4px;background:rgba(167,139,250,.12);border:1px solid rgba(167,139,250,.28);color:#e9e4ff;max-width:85%}
.adv-a{margin:.3rem 0 .6rem auto;padding:.6rem .8rem;border-radius:14px 14px 4px 14px;background:rgba(103,232,249,.08);border:1px solid rgba(103,232,249,.2);color:#e2e8f0;max-width:85%;white-space:pre-wrap}
.adv-now{font-weight:600}
.adv-step{color:#a9b6c8;font-size:.85rem}
.adv-fine{color:#a9b6c8;font-size:.85rem;line-height:1.5}
.adv-read{margin:.4rem 0 .8rem;padding:1rem 1.1rem;border-radius:18px;background:linear-gradient(160deg,rgba(167,139,250,.14),rgba(12,18,32,.8) 60%);border:1px solid rgba(167,139,250,.35);display:grid;gap:.7rem}
.adv-k{margin:0;color:#c4b5fd;font:700 .7rem Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.adv-read h4{margin:0 0 .15rem;color:var(--frost);font:400 1.15rem/1.2 "Instrument Serif",Georgia,serif}.adv-read p{margin:0;color:#e2e8f0;line-height:1.55}
.adv-care{margin-top:.4rem}
.adv-h{margin:1.1rem 0 .4rem;font:600 .9rem Inter,sans-serif;color:#cbd5e1}
.adv-past{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}.adv-past li{display:flex;justify-content:space-between;gap:1rem}.adv-past small{color:#a9b6c8}
.adv .md-care{margin:.6rem 0 0;padding:.7rem .9rem;border-radius:12px;background:rgba(251,191,119,.08);border:1px solid rgba(251,191,119,.35);color:#e2e8f0;font-size:.92rem;line-height:1.5}

/* Voice Mode on the Oracle (assets/advisor.js) */
.adv-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin:.2rem 0 .7rem}
.adv-bar span{color:#a9b6c8;font-size:.86rem}
.adv-voice{padding:.35rem .8rem;border-radius:999px;border:1px solid rgba(248,250,252,.16);background:none;color:#cbd5e1;font:600 .85rem Inter,sans-serif;cursor:pointer}
.adv-voice.on{border-color:rgba(196,181,253,.7);background:rgba(167,139,250,.14);color:#e9e4ff}
.adv-voice-msg{margin:0;color:#fecaca;font-size:.88rem}.adv-voice-msg:empty{display:none}
.adv-mic{display:inline-flex;align-items:center;gap:.4rem}
.adv-mic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.adv-mic.on{border-color:rgba(248,113,113,.7);color:#fecaca;background:rgba(248,113,113,.12)}
.adv-mic.on svg{animation:adv-rec 1.2s ease-in-out infinite}
@keyframes adv-rec{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.adv-mic.on svg{animation:none}}

/* Your reading (assets/reading.js): a reading, not a report: large serif prose, a chapter at a time, each with its
   "How did it know?" (the user, 2026-10-18) */
.rd2-card .in-top p{max-width:38rem}
.rd2-busy,.rd2-when{margin:.4rem 0 0;color:var(--frost);font:400 italic 1.2rem/1.45 "Instrument Serif",Georgia,serif}
.rd2-contents{margin:1.4rem 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.35rem 1rem;font-size:.88rem;color:#a9b6c8}
.rd2-contents li.on{color:#e2e8f0}
.rd2-ch{max-width:38rem;margin-top:2rem;padding-top:1.6rem;border-top:1px solid rgba(226,232,240,.1);animation:rd2in .8s ease both}
@keyframes rd2in{from{opacity:.001;transform:translateY(8px)}to{opacity:1;transform:none}}
.rd2-num{margin:0;font:600 .74rem/1.2 Inter,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#8fd8f7}
.rd2-ch h3{margin:.45rem 0 1rem;font:400 clamp(1.7rem,5vw,2.2rem)/1.12 "Instrument Serif",Georgia,serif;color:var(--frost);text-wrap:balance}
.rd2-prose p{margin:0 0 1rem;font:400 1.28rem/1.55 "Instrument Serif",Georgia,serif;color:#d3dbe6}
.rd2-prose p:first-child::first-letter{font-size:3em;float:left;line-height:.82;margin:.08em .1em 0 0;color:var(--frost)}
.rd2-how{clear:both;margin-top:1.1rem;border-radius:12px;background:rgba(143,216,247,.05);border:1px solid rgba(143,216,247,.18)}
.rd2-how summary{cursor:pointer;list-style:none;padding:.75rem 1rem;font:600 .95rem/1.2 Inter,system-ui,sans-serif;color:#8fd8f7;display:flex;justify-content:space-between;gap:1rem}
.rd2-how summary::-webkit-details-marker{display:none}
.rd2-how summary::after{content:"Show me";font-weight:500;color:#a9b6c8}
.rd2-how[open] summary::after{content:"Hide"}
.rd2-how ul{margin:0;padding:0 1rem 1rem 2.1rem;display:grid;gap:.35rem;font-size:.95rem;color:#d3dbe6}
.rd2-next{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:center;margin-top:2rem}
.rd2-sig{max-width:38rem;margin-top:2.2rem;padding:1.6rem 1.3rem;text-align:center;border-radius:16px;background:linear-gradient(160deg,#13213c,#090f1c 75%);border:1px solid rgba(143,216,247,.22)}
.rd2-k{margin:0;font:600 .74rem/1.2 Inter,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#8fd8f7}
.rd2-line{margin:.7rem 0 0;font:400 clamp(1.6rem,5vw,2.1rem)/1.15 "Instrument Serif",Georgia,serif;color:var(--frost);text-wrap:balance}
/* the reading as one essay (2026-10-22) */
.rd2-essay{max-width:38rem;margin-top:1.8rem;padding-top:1.4rem;border-top:1px solid rgba(226,232,240,.1);animation:rd2in .8s ease both}
.rd2-part p{margin:0 0 1rem;font:400 1.28rem/1.55 "Instrument Serif",Georgia,serif;color:#d3dbe6}
.rd2-part:first-child p:first-child::first-letter{font-size:3em;float:left;line-height:.82;margin:.08em .1em 0 0;color:var(--frost)}
.rd2-mark{clear:both;margin:1.3rem 0;text-align:center;color:#8fd8f7;font-size:.9rem;letter-spacing:.6em;opacity:.7}
.rd2-close{clear:both;margin:2rem 0 0;padding-top:1.3rem;border-top:1px solid rgba(143,216,247,.2);text-align:center;font:400 italic clamp(1.5rem,4.6vw,1.9rem)/1.2 "Instrument Serif",Georgia,serif;color:var(--frost);text-wrap:balance}
.rd2-tools{max-width:38rem;justify-content:center;margin-top:1.4rem}
@media (prefers-reduced-motion:reduce){.rd2-ch,.rd2-essay{animation:none}}
/* a way to voice sessions (assets/sessions.js) */
.adv-sess{margin:.4rem 0 0;font-size:.9rem;color:#a9b6c8}.adv-sess a{color:#e9d5ff;font-weight:600}.adv-sess span{margin-left:.3rem;padding:.05rem .45rem;border-radius:999px;background:rgba(196,181,253,.16);color:#e9d5ff;font:600 .66rem Inter,sans-serif}
/* Oracle: text and voice sessions side by side, sharing the row (2026-10-22) */
.adv-starts{flex-wrap:nowrap;gap:.6rem}.adv-starts>.btn{flex:1 1 0;min-width:0;justify-content:center;text-align:center;padding-inline:.6rem}
/* Your progress: how sure each facet is, from Keep it alive's re-asks (assets/insights-page.js aliveHTML) */
.pg-alive{margin:1.2rem 0 .4rem;padding-top:1rem;border-top:1px solid rgba(248,250,252,.08)}
.pg-alive h3{margin:0 0 .3rem;font:400 1.35rem/1.2 "Instrument Serif",Georgia,serif;color:var(--frost)}
.pg-alive>p{margin:0 0 .6rem;color:#a9b6c8;font-size:.92rem;line-height:1.5}
.pg-alive ul{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}
.pg-alive li{display:grid;grid-template-columns:8rem minmax(0,1fr) auto;gap:.8rem;align-items:baseline;font-size:.92rem}
.pg-alive li b{color:#e2e8f0;font-weight:600}.pg-alive li span{color:#a5f3fc}.pg-alive li small{color:#8a96a8}
.pg-shift{margin:.7rem 0 0;color:#e9d5ff;font:italic 400 1.05rem/1.4 "Instrument Serif",Georgia,serif}
/* a feature only the creator sees, for now (assets/insights-page.js HIDDEN): a crossed-out eye at the right */
.in-nav-i .in-hid{width:16px;height:16px;flex:none;margin-left:auto;align-self:center;fill:none;stroke:#fbbf24;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.in-nav-i.on .in-hid{stroke:#92400e}
/* the Full reading: the signature as its headline (assets/reading.js) */
.rd2-essay>.rd2-k{margin:0 0 .3rem}
.rd2-sig-h{margin:0 0 1.4rem;font:400 italic clamp(1.6rem,4.6vw,2.1rem)/1.2 "Instrument Serif",Georgia,serif;color:var(--frost);text-wrap:balance}
.rd2-essay>.sa-wrap{margin-top:1.4rem;display:flex;justify-content:center}
/* the Full reading, before the Standard Traits reading opens it (assets/reading.js lockedHTML) */
.rd2-lock{position:relative;margin-top:1rem;border-radius:16px;overflow:hidden;border:1px solid rgba(143,216,247,.2);background:linear-gradient(160deg,#13213c,#090f1c 75%)}
.rd2-tease{padding:1.4rem 1.3rem .4rem;filter:blur(3.5px);opacity:.55;user-select:none;pointer-events:none;-webkit-mask-image:linear-gradient(#000 40%,transparent);mask-image:linear-gradient(#000 40%,transparent)}
.rd2-tease-h{margin:.3rem 0 .9rem;font:400 italic 1.7rem/1.2 "Instrument Serif",Georgia,serif;color:var(--frost)}
.rd2-tease p:not(.rd2-k):not(.rd2-tease-h){margin:0 0 .8rem;font:400 1.2rem/1.5 "Instrument Serif",Georgia,serif;color:#d3dbe6}
.rd2-lock-b{position:relative;margin-top:-3.2rem;padding:0 1.3rem 1.3rem}
.rd2-lock-h{margin:0 0 .4rem;font-weight:600;color:#f8fafc;font-size:1.02rem}
.rd2-lock-b p{color:#cbd5e1;line-height:1.55}
/* Your progress on its own page (/progress/), and the small link to it under Big Picture' list */
.in-solo{max-width:46rem}.in-solo>.in-card>.in-top{display:none}
.in-back{margin:1.4rem 0 0}
.in-nav .in-prog{display:block;grid-column:1/-1;margin:.7rem .2rem 0;font-size:.88rem}
/* the complete change log (assets/changelog-all.js) */
.cl-sec{margin-top:1.6rem}.cl-sec:first-of-type{margin-top:1rem}
.cl-h{margin:0 0 .3rem;font:400 1.45rem/1.2 "Instrument Serif",Georgia,serif;color:#f8fafc}
.cl-p{margin:0 0 .8rem;color:#cbd5e1;line-height:1.55}
.cl-tk{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.cl-tk li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.7rem;align-items:baseline;padding:.65rem .8rem;border-radius:12px;background:rgba(103,232,249,.06);border:1px solid rgba(103,232,249,.18)}
.cl-tk p{margin:0;color:#e2e8f0;line-height:1.5}.cl-tk b{color:#f8fafc}
.cl-tag{font:600 .7rem/1.2 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#a5f3fc;white-space:nowrap}
.cl-trs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.9rem 1.2rem}
.cl-trh{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.cl-trh b{color:#f8fafc;font-weight:600}.cl-trh small{color:#a9b6c8;font-size:.84rem}
.cl-chart{display:block;width:100%;height:auto;margin-top:.2rem;overflow:visible}
.cl-grid{stroke:rgba(248,250,252,.09);stroke-width:1}
.cl-band{fill:rgba(248,250,252,.05)}
.cl-ax{fill:#94a3b8;font:500 9.5px Inter,system-ui,sans-serif}
.cl-val{fill:#f8fafc;font:600 11px Inter,system-ui,sans-serif}
.cl-line{fill:none;stroke:#67e8f9;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.cl-dot{fill:#67e8f9;stroke:#0b1220;stroke-width:2}.cl-dot.now{fill:#ecfeff}
.cl-hit{fill:transparent}.cl-pt:hover .cl-dot{r:6}
.cl-table{margin-top:.8rem}.cl-table summary{cursor:pointer;color:#a5f3fc;font-size:.9rem}
.cl-tw{overflow-x:auto;margin-top:.5rem}.cl-tw table{border-collapse:collapse;font-size:.85rem;font-variant-numeric:tabular-nums;min-width:32rem}
.cl-tw th,.cl-tw td{padding:.35rem .5rem;border-bottom:1px solid rgba(248,250,252,.08);text-align:right;color:#cbd5e1}.cl-tw th:first-child,.cl-tw td:first-child{text-align:left}
.cl-days{display:grid;grid-template-columns:repeat(28,minmax(0,1fr));gap:3px;max-width:34rem}
.cl-d{display:inline-block;aspect-ratio:1;border-radius:3px;min-width:8px}
.cl-d.bright{background:#199e70}.cl-d.mid{background:#64748b}.cl-d.heavy{background:#d95926}.cl-d.none{background:rgba(248,250,252,.07)}
.cl-key{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin:.5rem 0 .9rem;color:#cbd5e1;font-size:.84rem}
.cl-key span{display:inline-flex;align-items:center;gap:.35rem}.cl-key .cl-d{width:10px;height:10px;min-width:0}.cl-k8{color:#94a3b8}
.cl-m{margin:1rem 0 .4rem;font:600 .74rem/1.2 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#c4b5fd}
.cl-log{list-style:none;margin:0;padding:0;border-left:2px solid rgba(196,181,253,.25)}
.cl-log li{display:grid;grid-template-columns:3.6rem minmax(0,1fr);gap:.6rem;padding:.45rem 0 .45rem .8rem;position:relative}
.cl-log li::before{content:"";position:absolute;left:-5px;top:.85rem;width:8px;height:8px;border-radius:50%;background:#c4b5fd}
.cl-when{color:#94a3b8;font-size:.84rem;padding-top:.1rem;font-variant-numeric:tabular-nums}
.cl-what{margin:0;color:#e2e8f0;font-weight:600}.cl-what a{color:#a5f3fc;text-decoration:none}.cl-what a:hover{text-decoration:underline}
.cl-res{margin:.1rem 0 0;color:#cbd5e1;line-height:1.45}.cl-was{margin:.1rem 0 0;color:#94a3b8;font-size:.88rem}
.cl-snap{margin:1.6rem 0 0}
@media(max-width:560px){.cl-days{grid-template-columns:repeat(14,minmax(0,1fr))}.cl-tk li{grid-template-columns:1fr;gap:.2rem}}
/* the Oracle as a consultation (assets/advisor.js, 2026-10-23) */
.orc{position:relative;overflow:hidden}
.orc::before{content:"";position:absolute;inset:-40% -20% auto;height:70%;background:radial-gradient(ellipse at 50% 100%,rgba(167,139,250,.16),transparent 65%);pointer-events:none}
.orc>*{position:relative}
.orc-pick{display:flex;flex-wrap:wrap;gap:.6rem 1rem;margin:.4rem 0 .3rem}
.orc-pick label{display:grid;gap:.25rem;flex:1 1 12rem;min-width:0}
.orc-pick span,.orc-areas>span{color:#c4b5fd;font:700 .7rem Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.orc-pick select{padding:.6rem .8rem;border-radius:12px;border:1px solid rgba(196,181,253,.35);background:rgba(7,11,20,.7);color:var(--frost);font:400 1.05rem "Instrument Serif",Georgia,serif;cursor:pointer}
.orc-desc{margin:.2rem 0 .7rem;color:#e9e4ff;font-style:italic}.orc-desc span{color:#c4b5fd;font-style:normal;margin-right:.2rem}
.orc-areas{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:0 0 .3rem}.orc-areas>span{margin-right:.3rem}
.orc-areas button{padding:.3rem .7rem;border-radius:999px;border:1px solid rgba(248,250,252,.14);background:none;color:#cbd5e1;font:500 .86rem Inter,sans-serif;cursor:pointer}
.orc-areas button[aria-checked="true"]{border-color:rgba(196,181,253,.7);background:rgba(167,139,250,.16);color:#f5f3ff}
.orc-starts{display:flex;flex-wrap:wrap;gap:.35rem;margin:-.2rem 0 .7rem}
.orc-start{padding:.3rem .65rem;border-radius:10px;border:1px dashed rgba(196,181,253,.3);background:none;color:#cbd5e1;font:400 .85rem Inter,sans-serif;text-align:left;cursor:pointer}
.orc-start:hover{border-color:rgba(196,181,253,.6);color:#f5f3ff}
.orc-left{margin:.2rem 0;color:#cbd5e1;font-size:.88rem}
.orc-ans{margin:.4rem 0 .8rem;padding:1.2rem 1.2rem 1rem;border-radius:18px;background:linear-gradient(170deg,rgba(167,139,250,.16),rgba(12,18,32,.85) 55%);border:1px solid rgba(196,181,253,.38);display:grid;gap:.8rem;animation:orc-in .9s ease both}
.orc-who{margin:0;color:#c4b5fd;font:700 .72rem Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.orc-ans h3{margin:0;color:var(--frost);font:400 1.6rem/1.15 "Instrument Serif",Georgia,serif;text-wrap:balance}
.orc-q{margin:0;color:#cbd5e1;font-style:italic}.orc-q small{font-style:normal;color:#a9b6c8}
.orc-ans section h4{margin:0 0 .2rem;color:#e9e4ff;font:400 1.15rem/1.2 "Instrument Serif",Georgia,serif}.orc-ans section p{margin:0;color:#e2e8f0;line-height:1.6}
.orc-omen{margin:.2rem 0 0;padding-top:.8rem;border-top:1px solid rgba(196,181,253,.25);text-align:center;color:#f5f3ff;font:italic 400 1.2rem/1.35 "Instrument Serif",Georgia,serif}
.orc-go{min-width:0}
@keyframes orc-in{from{opacity:0;transform:translateY(8px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@media(prefers-reduced-motion:reduce){.orc-ans{animation:none}}