/* Rewatch Ledger: "Edit Bay" design system. Paper + graphite + playhead red-orange; teal = good play, slate = question.
   Type: Parkinsans (display), Mozilla Text (body), Fira Code (timecodes). All self-hosted (SIL OFL, see fonts/). */
@font-face{font-family:"Parkinsans";src:url(/assets/fonts/parkinsans-var.woff2) format("woff2");font-weight:300 800;font-display:swap}
@font-face{font-family:"Mozilla Text";src:url(/assets/fonts/mozilla-text-var.woff2) format("woff2");font-weight:200 700;font-display:swap}
@font-face{font-family:"Fira Code";src:url(/assets/fonts/fira-code-var.woff2) format("woff2");font-weight:300 700;font-display:swap}
:root{
  --paper:#F3F1EC;--paper-2:#E9E6DE;--paper-3:#DEDAD0;--card:#FBFAF7;
  --ink:#1E1D1B;--ink-2:#45433F;--ink-3:#6C6963;--line:#D3CEC3;
  --play:#E5482F;--play-d:#C2381F;--play-t:#FBE3DD;
  --good:#1F7A8C;--good-t:#DCEDF0;--q:#5B6470;--q-t:#E4E7EA;
  --bay:#18181B;--bay-2:#26262B;--bay-3:#3A3A41;
  --r:14px;--r-lg:22px;
  --f-d:"Parkinsans",ui-sans-serif,system-ui,sans-serif;
  --f-b:"Mozilla Text",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-m:"Fira Code",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --shadow:0 1px 0 rgba(30,29,27,.06),0 18px 40px -22px rgba(30,29,27,.35);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.6 var(--f-b);font-feature-settings:"kern";overflow-x:hidden}
img,svg{max-width:100%}
a{color:var(--ink);text-decoration-color:var(--play);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--play-d)}
:focus-visible{outline:3px solid var(--play);outline-offset:2px;border-radius:4px}
.mono{font-family:var(--f-m);font-feature-settings:"tnum","zero";letter-spacing:-.01em}
.muted{color:var(--ink-3)}
.small{font-size:.875rem}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--paper);padding:8px 14px;border-radius:8px;z-index:99}
.skip:focus{left:12px}
[hidden]{display:none!important}
.wrap{width:min(1200px,100% - 40px);margin-inline:auto}
.narrow{width:min(780px,100% - 40px)}
.narrowtext{max-width:62ch}
h1,h2,h3{font-family:var(--f-d);letter-spacing:-.02em;line-height:1.08;margin:0 0 .5em}
.display{font-size:clamp(2.7rem,6.2vw,5rem);font-weight:700;line-height:.98;letter-spacing:-.035em;margin:.25em 0 .4em}
.display em{font-style:normal;position:relative;display:inline-block;white-space:nowrap;margin-top:.42em;padding:.04em .2em .1em;color:var(--ink);background:repeating-linear-gradient(90deg,transparent 0 23px,rgba(30,29,27,.07) 23px 24px),var(--card);border:2px solid var(--ink);border-radius:3px;box-shadow:inset 0 -.1em 0 var(--paper-3)}
.display em::before{content:"IN 04:02";position:absolute;left:-2px;bottom:100%;font:600 .7rem/1 var(--f-m);letter-spacing:.08em;color:var(--paper);background:var(--ink);padding:5px 8px 4px;border-radius:3px 3px 0 0}
.display em::after{content:"";position:absolute;top:-.36em;bottom:-.16em;left:58%;width:3px;background:var(--play);border-radius:2px;box-shadow:0 0 0 2px var(--paper)}
.h1{font-size:clamp(2rem,4vw,2.9rem);font-weight:700}
.h1--big{font-size:clamp(2.3rem,5vw,3.8rem);max-width:18ch}
.h2{font-size:clamp(1.6rem,3vw,2.35rem);font-weight:650;max-width:24ch}
.h3{font-size:1.25rem;font-weight:650;letter-spacing:-.01em}
.lede{font-size:clamp(1.08rem,1.6vw,1.25rem);line-height:1.55;color:var(--ink-2);max-width:60ch}
.eyebrow{display:inline-flex;align-items:center;gap:.55em;font:500 .8rem/1 var(--f-m);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);margin:0}
.rec{width:.62em;height:.62em;border-radius:50%;background:var(--play);box-shadow:0 0 0 4px rgba(229,72,47,.18)}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:44px;padding:.62em 1.15em;border-radius:4px;border:1.5px solid transparent;font:600 1rem/1.1 var(--f-d);letter-spacing:-.005em;text-decoration:none;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s}
.btn:hover{transform:none;box-shadow:inset 0 -3px 0 var(--play)}
.btn--lg{min-height:54px;padding:.8em 1.5em;font-size:1.08rem}
.btn--small{min-height:36px;padding:.4em .9em;font-size:.9rem}
.btn--rec{background:var(--ink);color:var(--paper)}
.btn--rec:hover{background:#000;color:var(--paper)}
.btn--rec .dot{width:.6em;height:.6em;border-radius:50%;background:var(--play);box-shadow:0 0 0 3px rgba(229,72,47,.3)}
.btn--line{border-color:var(--ink);color:var(--ink);background:transparent}
.btn--line:hover{background:var(--ink);color:var(--paper)}
.btn--ghost{color:var(--ink-3);background:transparent;border-color:var(--line)}
.btn--danger{background:var(--play-d);color:#fff}
.btn--danger:hover{background:#9f2c16;color:#fff}
.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.iconbtn{appearance:none;border:0;background:transparent;color:var(--ink-3);font:400 1.4rem/1 var(--f-b);width:36px;height:36px;border-radius:50%;cursor:pointer}
.iconbtn:hover{background:var(--play-t);color:var(--play-d)}
/* header */
.top{position:sticky;top:0;z-index:20;background:rgba(243,241,236,.92);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--line)}
.top__in{width:min(1200px,100% - 40px);margin-inline:auto;display:flex;align-items:center;gap:22px;min-height:66px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.logo__mark{width:36px;height:26px;color:var(--ink)}
.logo__word{font:700 1.18rem/1 var(--f-d);letter-spacing:-.03em}
.logo__word span{font-weight:400;margin-left:.18em;color:var(--ink-2)}
.top__nav{display:flex;gap:4px;margin-left:12px}
.top__nav a{position:relative;padding:.5em .8em;text-decoration:none;font-weight:500;color:var(--ink-2);border-radius:8px}
.top__nav a:hover{color:var(--ink);background:var(--paper-2)}
.top__nav a[aria-current]{color:var(--ink)}
.top__nav a[aria-current]::after{content:"";position:absolute;left:.8em;right:.8em;bottom:-12px;height:3px;border-radius:3px;background:var(--play)}
.pricechip{margin-left:auto;display:inline-flex;flex-direction:column;align-items:flex-end;text-decoration:none;line-height:1.15}
.pricechip__p{font:600 .95rem var(--f-m);color:var(--ink)}
.pricechip__f{font-size:.72rem;font-weight:600;color:var(--good);text-transform:uppercase;letter-spacing:.06em}
.top__cta{min-height:40px;padding:.5em 1em;font-size:.95rem}

/* bands */
.band{padding:clamp(56px,8vw,104px) 0}
.band--tight{padding:clamp(36px,5vw,64px) 0}
.band--sheet{background:var(--paper-2);position:relative}
.band--sheet::before,.band--sheet::after{content:"";position:absolute;left:0;right:0;height:14px;background:radial-gradient(circle at 12px 7px,var(--paper) 0 4.5px,transparent 5px) 0 0/28px 14px repeat-x}
.band--sheet::before{top:10px}.band--sheet::after{bottom:10px}
.band--ink{background:var(--ink);color:var(--paper)}
.band--ink .h2{color:var(--paper)}
/* hero */
.hero{padding:clamp(40px,6vw,88px) 0 clamp(56px,7vw,96px);overflow:hidden}
.hero__grid{display:grid;grid-template-columns:1.02fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin:1.6em 0 1em}
.hero__price{font-size:.95rem;color:var(--ink-2);margin:0 0 1.2em}
.hero__facts{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.92rem;color:var(--ink-3)}
.hero__facts b{color:var(--ink)}
.viewer{margin:0;position:relative;background:var(--bay);border-radius:var(--r-lg);padding:14px 14px 18px;box-shadow:0 40px 80px -40px rgba(24,24,27,.65),0 0 0 1px rgba(0,0,0,.4);color:#E8E6E1}
.viewer__bar{display:flex;justify-content:space-between;gap:10px;font-size:.74rem;color:#A9A7A2;padding:2px 4px 10px;letter-spacing:.06em}
.viewer__meta{color:#7d7b77}
.viewer__screen{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:radial-gradient(120% 90% at 85% 15%,#2f5d66 0,transparent 55%),radial-gradient(90% 80% at 10% 100%,#3b2a2a 0,transparent 60%),linear-gradient(160deg,#25262c,#151518)}
.viewer__shape{position:absolute;border-radius:50%;filter:blur(1px);opacity:.55}
.viewer__shape--a{width:46%;aspect-ratio:1;left:-6%;bottom:-24%;background:radial-gradient(circle,#3b3c45 0 60%,transparent 61%)}
.viewer__shape--b{width:22%;aspect-ratio:1;right:16%;top:20%;border:2px solid rgba(255,255,255,.18);background:transparent}
.viewer__shape--c{width:64%;height:2px;left:18%;top:58%;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}
.viewer__tc{position:absolute;left:12px;bottom:10px;font-size:.78rem;background:rgba(0,0,0,.55);padding:3px 8px;border-radius:6px}
.viewer__pin{position:absolute;right:12px;top:12px;max-width:62%;background:var(--paper);color:var(--ink);font-size:.85rem;line-height:1.35;padding:8px 11px;border-radius:10px;border-left:4px solid var(--play);box-shadow:0 10px 24px -12px rgba(0,0,0,.6)}
.viewer__pin .mono{color:var(--play-d);font-weight:600;margin-right:4px}
.viewer__tl{position:relative;margin-top:14px;padding:0 4px}
.playhead{position:absolute;top:-4px;bottom:22px;left:calc(4px + 31%);width:2px;background:var(--play);animation:scrub 2.6s cubic-bezier(.2,.7,.2,1) .3s both}
.playhead::before{content:"";position:absolute;top:-5px;left:-5px;width:12px;height:12px;border-radius:50%;background:var(--play);box-shadow:0 0 0 4px rgba(229,72,47,.25)}
@keyframes scrub{from{left:4px}to{left:calc(4px + 31%)}}
@media (prefers-reduced-motion:reduce){.playhead{animation:none}}
.focuscard{position:relative;margin:16px -6px -46px auto;width:min(360px,92%);background:var(--card);color:var(--ink);border-radius:var(--r);padding:16px 18px 14px;box-shadow:var(--shadow);border:1px solid var(--line);display:grid;gap:2px}
.focuscard::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--play)}
.focuscard__k{font:600 .72rem var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--play-d)}
.focuscard__v{font:700 1.7rem/1.1 var(--f-d);letter-spacing:-.02em}
.focuscard__why{font-size:.85rem;color:var(--ink-3)}
/* timeline */
.tl{position:relative}
.tl__bar{position:relative;height:46px;margin:0 2px}
.tl__bar::before{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;border-radius:6px;background:var(--paper-3)}
.tl__tick{position:absolute;bottom:0;width:4px;margin-left:-2px;border-radius:3px 3px 0 0;display:block}
.tl__tick--mistake{height:100%;background:var(--play)}
.tl__tick--good{height:68%;background:var(--good)}
.tl__tick--question{height:46%;background:var(--q)}
a.tl__tick:hover{width:8px;margin-left:-4px}
.tl__scale{display:flex;justify-content:space-between;font:400 .74rem var(--f-m);color:var(--ink-3);margin-top:6px}
.tl--dark .tl__bar::before{background:var(--bay-3)}
.tl--dark .tl__tick--good{background:#3FA2B5}
.tl--dark .tl__tick--question{background:#A9B0B9}
.tl--dark .tl__scale{color:#8d8b86}
.tl--mini .tl__bar{height:22px}
.tl--mini .tl__tick{width:3px}
.tl--mini .tl__scale{display:none}
/* contact sheet */
.contact{list-style:none;padding:0;margin:2.2em 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:f}
.frame{position:relative;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:20px 22px 24px;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.frame__n{position:absolute;top:26px;right:30px;z-index:1;font-size:.72rem;color:#A9A7A2;letter-spacing:.08em;background:var(--bay-2);padding:2px 6px;border-radius:4px}
.frame h3{font-size:1.2rem;margin-top:16px}
.frame p{margin:0;color:var(--ink-2);font-size:.98rem}
.frame__art{height:118px;border-radius:8px;background:var(--bay);padding:14px;display:flex;flex-direction:column;justify-content:center;gap:7px;align-items:flex-start}
.chip{display:inline-flex;gap:8px;align-items:center;font-size:.82rem;padding:4px 10px 4px 8px;border-radius:7px;background:var(--bay-2);color:#E8E6E1;border-left:3px solid var(--q)}
.chip--mistake{border-color:var(--play)}.chip--good{border-color:#3FA2B5}
.chip .mono{color:#A9A7A2}
.frame__art--bars{gap:9px}
.hb{display:block;height:12px;border-radius:6px;background:var(--bay-3)}
.hb--1{width:88%;background:var(--play)}.hb--2{width:52%}.hb--3{width:38%;background:#3FA2B5}.hb--4{width:24%}
.frame__art--trend{flex-direction:row;align-items:flex-end;gap:12px}
.vb{display:block;width:16%;border-radius:5px 5px 0 0;background:var(--bay-3)}
.vb--1{height:88%;background:var(--play)}.vb--2{height:70%}.vb--3{height:62%}.vb--4{height:40%}.vb--5{height:26%;background:#3FA2B5}
/* stats + summary */
.split-head{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:end;margin-bottom:28px}
.split-head p{margin:0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--ink);border-bottom:1px solid var(--line);margin-bottom:28px}
.stat{padding:16px 18px 14px;border-right:1px solid var(--line);display:flex;flex-direction:column}
.stat:last-child{border-right:0}
.stat__v{font:700 clamp(1.9rem,3.4vw,2.7rem)/1 var(--f-d);letter-spacing:-.03em}
.stat__k{font-size:.85rem;color:var(--ink-3);margin-top:6px}
.stat--mistake .stat__v{color:var(--play-d)}.stat--good .stat__v{color:var(--good)}.stat--question .stat__v{color:var(--q)}
.sumgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.insight{background:var(--ink);color:var(--paper);border-radius:var(--r-lg);padding:24px 26px;position:relative;overflow:hidden}
.insight::after{content:"";position:absolute;right:-30px;top:-30px;width:140px;height:140px;border-radius:50%;border:16px solid rgba(229,72,47,.22)}
.insight__k{margin:0;font:600 .74rem var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:#F28B78}
.insight__v{margin:.2em 0 .25em;font:700 clamp(1.8rem,3.4vw,2.6rem)/1.05 var(--f-d);letter-spacing:-.03em}
.insight__v--none{color:#bdbab3}
.insight__v--down{color:#7FD1DE}.insight__v--up{color:#FF9C88}
.insight__why{margin:0;color:#d6d3cc;max-width:52ch}
.insight--wide{margin:20px 0 8px}
.minis{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mini{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;border-top:4px solid var(--q)}
.mini--good{border-top-color:var(--good)}.mini--mistake{border-top-color:var(--play)}
.mini__k{margin:0;font:600 .72rem var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.mini__v{margin:.3em 0 .1em;font:650 1.35rem/1.15 var(--f-d)}
.mini__v.mono{font-family:var(--f-m);font-weight:600;font-size:1.25rem}
.mini__s{margin:0;font-size:.88rem;color:var(--ink-3)}
.qs{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px}
.qs__k{margin:0 0 .5em;font:600 .72rem var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--q)}
.qs ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.qs li{padding-left:12px;border-left:3px solid var(--q);font-size:.95rem}
.qs .mono{color:var(--ink-3);margin-right:4px}
.grid-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
table{border-collapse:collapse;width:100%;font-size:.94rem}
caption{text-align:left;font:600 .74rem var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:0 0 8px}
th,td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}
thead th{font-size:.8rem;color:var(--ink-3);font-weight:600}
.tk td.n{text-align:center;font-family:var(--f-m);color:var(--ink-3)}
.tk td.n.has{color:var(--ink);font-weight:600}
.tk td.n--mistake.has{background:var(--play-t);color:var(--play-d)}
.tk td.n--good.has{background:var(--good-t);color:var(--good)}
.tk td.n--question.has{background:var(--q-t)}
.tk tr.is-focus th{color:var(--play-d)}
.tk tr.is-focus th::after{content:" · focus";font:500 .72rem var(--f-m);text-transform:uppercase}
.c-mistake{color:var(--play-d)!important}.c-good{color:var(--good)!important}.c-question{color:var(--q)!important}
/* plans */
/* faq + prose */
.faq details{border-bottom:1px solid var(--line);padding:4px 0}
.faq summary{cursor:pointer;list-style:none;font:600 1.12rem/1.3 var(--f-d);padding:16px 36px 16px 0;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:12px;font:400 1.6rem/1 var(--f-m);color:var(--play)}
.faq details[open] summary::after{content:"–"}
.faq p{margin:0 0 18px;color:var(--ink-2);max-width:66ch}
.prose ul{padding-left:1.2em}.prose li{margin:.3em 0}
.prose h2{margin-top:1.6em}
.nots{padding:0;list-style:none;display:grid;gap:10px}
.nots li{padding:12px 16px;background:var(--card);border:1px solid var(--line);border-radius:10px}
.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:1.4em}
.pointprice{font-size:.92rem;color:var(--ink-2)}
.note{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--good);padding:12px 16px;border-radius:10px}
/* how */
.steps{display:grid;gap:18px}
.step{display:grid;grid-template-columns:150px 1fr;gap:24px;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:24px}
.step__n{font-size:1.5rem;font-weight:600;color:var(--play-d)}
.step p{margin:0;color:var(--ink-2)}
.tags{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.tags li{font-size:.85rem;padding:4px 10px;border-radius:999px;background:var(--paper-2);border:1px solid var(--line)}
/* forms */
.formwrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(24px,5vw,64px);align-items:start}
.sheet,.addnote{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(18px,3vw,30px);display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;box-shadow:var(--shadow)}
.addnote{grid-template-columns:1fr;box-shadow:none}
.f{display:flex;flex-direction:column;gap:6px;min-width:0;border:0;padding:0;margin:0}
.f--wide{grid-column:1/-1}
label,legend{font-weight:600;font-size:.92rem}
.opt{font-weight:400;color:var(--ink-3);font-size:.82rem}
input,select,textarea{font:inherit;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:10px;min-height:46px;padding:.55em .75em;width:100%}
textarea{min-height:88px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(229,72,47,.22)}
.f--tc input{font-family:var(--f-m);font-size:1.15rem;font-weight:600}
.addnote__row{display:grid;grid-template-columns:120px 1fr;gap:12px}
.seg{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0;min-width:0}
.seg legend{width:100%;margin-bottom:6px;padding:0}
.seg__o{position:relative;font-weight:500}
.seg__o input{position:absolute;opacity:0;width:1px;height:1px}
.seg__o span{display:inline-flex;align-items:center;min-height:40px;padding:.4em .95em;border-radius:999px;border:1.5px solid var(--line);background:#fff;cursor:pointer}
.seg__o input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.seg__o input:focus-visible+span{outline:3px solid var(--play);outline-offset:2px}
.seg__o--mistake input:checked+span{background:var(--play-d);border-color:var(--play-d)}
.seg__o--good input:checked+span{background:var(--good);border-color:var(--good)}
.seg__o--question input:checked+span{background:var(--q);border-color:var(--q)}
.alert{grid-column:1/-1;background:var(--play-t);border:1px solid #f1b7aa;border-radius:10px;padding:10px 14px;color:#5d1a0e}
.alert p,.alert ul{margin:0}.alert ul{padding-left:1.2em}
.alert--limit{background:#FFF4D6;border-color:#E9CF86;color:#4a3a06}
.alert--ok{background:var(--good-t);border-color:#a9d3da;color:#0e3b44}
/* review page */
.crumbs{font-size:.9rem;color:var(--ink-3);margin-bottom:10px}
.rv{padding:28px 0 72px}
.rv__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:18px}
.rv__head .h1{margin-bottom:.15em;overflow-wrap:anywhere}
.rv__meta{margin:0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;color:var(--ink-2);font-size:.95rem}
.rv__tools{display:flex;gap:8px;flex-wrap:wrap}
.res{font:600 .75rem var(--f-m);text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:6px;background:var(--paper-2)}
.res--win{background:var(--good-t);color:var(--good)}.res--loss{background:var(--play-t);color:var(--play-d)}
.stats--rv{margin-bottom:18px}
.rv__tl{background:var(--bay);border-radius:var(--r-lg);padding:18px 20px 12px;margin-bottom:26px}
.legend{display:flex;gap:16px;margin:8px 0 0;font-size:.8rem;color:#bdbab3}
.lg::before{content:"";display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px;background:var(--q)}
.lg--mistake::before{background:var(--play)}.lg--good::before{background:#3FA2B5}.lg--question::before{background:#A9B0B9}
.rv__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:start}
.rail__list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.nt{display:grid;grid-template-columns:82px 1fr 36px;gap:12px;align-items:start;background:var(--card);border:1px solid var(--line);border-left:5px solid var(--q);border-radius:10px;padding:12px 10px 12px 14px;scroll-margin-top:90px}
.nt--mistake{border-left-color:var(--play)}.nt--good{border-left-color:var(--good)}
.nt:target{box-shadow:0 0 0 3px rgba(229,72,47,.35)}
.nt__tc{font-weight:600;font-size:1.02rem;padding-top:1px}
.nt__meta{margin:0;font-size:.8rem;color:var(--ink-3)}
.nt__kind{font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}
.nt--mistake .nt__kind{color:var(--play-d)}.nt--good .nt__kind{color:var(--good)}.nt--question .nt__kind{color:var(--q)}
.nt__text{margin:.15em 0 0;overflow-wrap:anywhere}
.nt__del{margin:0}
.side{display:grid;gap:22px;position:sticky;top:84px}
.summary{display:grid;gap:16px}
.summary .minis{grid-template-columns:1fr 1fr;gap:12px}
.summary .insight{padding:20px}
.empty{padding:22px;border:1.5px dashed var(--line);border-radius:12px;color:var(--ink-2);background:var(--card)}
.keybox{border:2px dashed var(--play);background:var(--card);border-radius:14px;padding:16px 18px;margin-bottom:22px}
.keybox p{margin:.2em 0}
.keybox code,.linkbox code{font-family:var(--f-m);font-size:.9rem;background:var(--paper-2);padding:4px 8px;border-radius:6px;overflow-wrap:anywhere;word-break:break-all}
/* ledger page */
.lh{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px}
.lh__tools{display:flex;gap:10px;flex-wrap:wrap}
.linkbox{margin:16px 0;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.linkbox summary{cursor:pointer;font-weight:600}
.sec{margin-top:2em}
.trend td{vertical-align:middle}
.bar{display:inline-block;width:160px;max-width:40vw;height:10px;border-radius:5px;background:var(--paper-3);vertical-align:middle;overflow:hidden}
.bar__f{display:block;height:100%;background:var(--play);border-radius:5px}
.fu{font-size:.88rem;font-weight:600}
.fu--down{color:var(--good)}.fu--up{color:var(--play-d)}.fu--same{color:var(--q)}
.heat{margin-top:22px;width:auto;min-width:min(100%,520px)}
.heat th[scope=row]{padding-right:28px}
.heat td{text-align:center;font-family:var(--f-m);font-size:.85rem;min-width:40px}
.heat .h0{color:#b5b0a6}.heat .h1{background:#FBE3DD}.heat .h2{background:#F6BBAE}.heat .h3{background:#EE8670;color:#fff}.heat .h4{background:var(--play-d);color:#fff}
.heat td.is-focus{box-shadow:inset 0 0 0 2px var(--ink)}
.rlist{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.rcard{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px 12px}
.rcard__a{display:grid;gap:2px;text-decoration:none;margin-bottom:8px}
.rcard__n{font-size:.8rem;color:var(--ink-3)}
.rcard__g{font:650 1.12rem var(--f-d)}
.rcard__m{font-size:.85rem;color:var(--ink-3)}
.rcard__f{font-size:.88rem;font-weight:600;color:var(--play-d)}
.dangerlink{margin-top:3em;font-size:.9rem}
.dangerlink a{color:var(--play-d)}
.cmpform{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin:20px 0}
.cmpform .f{min-width:220px}
.cmp td{text-align:center;font-family:var(--f-m)}
.chg--better{color:var(--good);font-weight:700}.chg--worse{color:var(--play-d);font-weight:700}
.confirm__f{display:flex;gap:12px;flex-wrap:wrap;margin-top:1.4em}
.msg .lede{margin-bottom:0}
.remember{margin:20px 0;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:12px}
/* footer */
.foot{background:var(--paper-2);border-top:1px solid var(--line);margin-top:0}
.foot__in{width:min(1200px,100% - 40px);margin-inline:auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;padding:40px 0 24px}
.foot__brand p{margin:.6em 0 0;color:var(--ink-3);font-size:.92rem;max-width:40ch}
.foot__links{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:flex-start}
.foot__links a{text-decoration:none;color:var(--ink-2)}
.foot__links a:hover{color:var(--ink);text-decoration:underline}
.foot__base{width:min(1200px,100% - 40px);margin-inline:auto;border-top:1px solid var(--line);padding:18px 0 28px;font-size:.84rem;color:var(--ink-3)}
.foot__base p{margin:.3em 0}
.indep{max-width:90ch}
.foot__powered a{color:var(--ink-2)}
.foot__cut{display:inline-block;width:2px;height:.95em;margin:0 .6em;vertical-align:-.12em;background:var(--play)}
/* phone tab bar */
.tabs{display:none}
@media (max-width:980px){
  .hero__grid{grid-template-columns:1fr}
  .focuscard{margin:16px auto -40px}
  .contact{grid-template-columns:1fr}
  .split-head,.sumgrid,.formwrap,.rv__grid{grid-template-columns:1fr}
  .side{position:static}
  .pricechip__f{display:none}
}
@media (max-width:760px){
  body{padding-bottom:72px}
  .top__nav{display:none}
  .top__in{gap:12px;min-height:58px}
  .pricechip{display:none}
  .top__cta{margin-left:auto;padding:.45em .85em;font-size:.88rem}
  .tabs{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--ink);padding:6px 6px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px -16px rgba(0,0,0,.5)}
  .tabs a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#BDBAB3;text-decoration:none;font-size:.72rem;font-weight:600;padding:6px 2px;border-radius:10px}
  .tabs a[aria-current]{color:#fff;background:var(--bay-3)}
  .tabs__i{width:22px;height:22px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
  .tabs__i--home{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11l9-7 9 7v9a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1z' fill='black'/%3E%3C/svg%3E")}
  .tabs__i--how{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='17' width='20' height='3' rx='1.5'/%3E%3Crect x='5' y='9' width='3' height='9' rx='1.5'/%3E%3Crect x='11' y='5' width='3' height='13' rx='1.5'/%3E%3Crect x='17' y='11' width='3' height='7' rx='1.5'/%3E%3C/svg%3E")}
  .tabs__i--pricing{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12V4a1 1 0 0 1 1-1h8l9 9-9 9zM8 6.5A1.5 1.5 0 1 0 8 9.5 1.5 1.5 0 1 0 8 6.5z' fill='black' fill-rule='evenodd'/%3E%3C/svg%3E")}
  .tabs__i--ledger{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 2h12a2 2 0 0 1 2 2v18l-7-4-7 4V4a2 2 0 0 1 2-2z' fill='black'/%3E%3C/svg%3E")}
  .stats{grid-template-columns:repeat(2,1fr)}
  .stat:nth-child(2){border-right:0}
  .stat:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .minis,.summary .minis{grid-template-columns:1fr}
  .sheet{grid-template-columns:1fr}
  .step{grid-template-columns:1fr;gap:8px}
  .nt{grid-template-columns:64px 1fr 32px;gap:8px}
  .viewer__pin{font-size:.75rem;max-width:72%}
  .band--sheet::before,.band--sheet::after{display:none}
  .display em{white-space:normal}
}
/* print sheet */
.is-print{background:#fff}
.ps{width:min(900px,100% - 32px);margin:24px auto}
.ps__tools{display:flex;gap:10px}
.ps__head{display:flex;gap:20px;align-items:center;border-bottom:2px solid var(--ink);padding-bottom:12px;margin:12px 0 16px}
.ps__title{font-size:1.6rem;margin:0}
.ps__meta{margin:.2em 0 0;color:var(--ink-2)}
.ps__focus{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.ps__focus p{margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:8px}
.ps__notes{margin-top:14px}
.ps__notes tr.k-mistake td:nth-child(2){color:var(--play-d);font-weight:600}
.ps__notes tr.k-good td:nth-child(2){color:var(--good);font-weight:600}
.ps__foot{margin-top:24px;border-top:1px solid var(--line);padding-top:10px;font-size:.8rem;color:var(--ink-3)}
.tl--print .tl__bar::before{background:#ddd}
@media (max-width:760px){.ps__focus{grid-template-columns:1fr}.ps__head{flex-direction:column;align-items:flex-start}}
@media print{
  @page{margin:14mm}
  body{background:#fff;font-size:11pt;padding:0}
  .noprint,.top,.tabs,.previewnote,.skip{display:none!important}
  .ps{width:auto;margin:0}
  a{text-decoration:none}
  .tl__tick{print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .foot{background:none}
  .foot__in{display:none}
}
/* tick positions and bar widths in 1% steps (the CSP allows no inline style) */
.at-0{left:0%}.at-1{left:1%}.at-2{left:2%}.at-3{left:3%}.at-4{left:4%}.at-5{left:5%}.at-6{left:6%}.at-7{left:7%}.at-8{left:8%}.at-9{left:9%}.at-10{left:10%}.at-11{left:11%}.at-12{left:12%}.at-13{left:13%}.at-14{left:14%}.at-15{left:15%}.at-16{left:16%}.at-17{left:17%}.at-18{left:18%}.at-19{left:19%}.at-20{left:20%}.at-21{left:21%}.at-22{left:22%}.at-23{left:23%}.at-24{left:24%}.at-25{left:25%}.at-26{left:26%}.at-27{left:27%}.at-28{left:28%}.at-29{left:29%}.at-30{left:30%}.at-31{left:31%}.at-32{left:32%}.at-33{left:33%}.at-34{left:34%}.at-35{left:35%}.at-36{left:36%}.at-37{left:37%}.at-38{left:38%}.at-39{left:39%}.at-40{left:40%}.at-41{left:41%}.at-42{left:42%}.at-43{left:43%}.at-44{left:44%}.at-45{left:45%}.at-46{left:46%}.at-47{left:47%}.at-48{left:48%}.at-49{left:49%}.at-50{left:50%}.at-51{left:51%}.at-52{left:52%}.at-53{left:53%}.at-54{left:54%}.at-55{left:55%}.at-56{left:56%}.at-57{left:57%}.at-58{left:58%}.at-59{left:59%}.at-60{left:60%}.at-61{left:61%}.at-62{left:62%}.at-63{left:63%}.at-64{left:64%}.at-65{left:65%}.at-66{left:66%}.at-67{left:67%}.at-68{left:68%}.at-69{left:69%}.at-70{left:70%}.at-71{left:71%}.at-72{left:72%}.at-73{left:73%}.at-74{left:74%}.at-75{left:75%}.at-76{left:76%}.at-77{left:77%}.at-78{left:78%}.at-79{left:79%}.at-80{left:80%}.at-81{left:81%}.at-82{left:82%}.at-83{left:83%}.at-84{left:84%}.at-85{left:85%}.at-86{left:86%}.at-87{left:87%}.at-88{left:88%}.at-89{left:89%}.at-90{left:90%}.at-91{left:91%}.at-92{left:92%}.at-93{left:93%}.at-94{left:94%}.at-95{left:95%}.at-96{left:96%}.at-97{left:97%}.at-98{left:98%}.at-99{left:99%}.at-100{left:100%}
.w-0{width:0%}.w-1{width:1%}.w-2{width:2%}.w-3{width:3%}.w-4{width:4%}.w-5{width:5%}.w-6{width:6%}.w-7{width:7%}.w-8{width:8%}.w-9{width:9%}.w-10{width:10%}.w-11{width:11%}.w-12{width:12%}.w-13{width:13%}.w-14{width:14%}.w-15{width:15%}.w-16{width:16%}.w-17{width:17%}.w-18{width:18%}.w-19{width:19%}.w-20{width:20%}.w-21{width:21%}.w-22{width:22%}.w-23{width:23%}.w-24{width:24%}.w-25{width:25%}.w-26{width:26%}.w-27{width:27%}.w-28{width:28%}.w-29{width:29%}.w-30{width:30%}.w-31{width:31%}.w-32{width:32%}.w-33{width:33%}.w-34{width:34%}.w-35{width:35%}.w-36{width:36%}.w-37{width:37%}.w-38{width:38%}.w-39{width:39%}.w-40{width:40%}.w-41{width:41%}.w-42{width:42%}.w-43{width:43%}.w-44{width:44%}.w-45{width:45%}.w-46{width:46%}.w-47{width:47%}.w-48{width:48%}.w-49{width:49%}.w-50{width:50%}.w-51{width:51%}.w-52{width:52%}.w-53{width:53%}.w-54{width:54%}.w-55{width:55%}.w-56{width:56%}.w-57{width:57%}.w-58{width:58%}.w-59{width:59%}.w-60{width:60%}.w-61{width:61%}.w-62{width:62%}.w-63{width:63%}.w-64{width:64%}.w-65{width:65%}.w-66{width:66%}.w-67{width:67%}.w-68{width:68%}.w-69{width:69%}.w-70{width:70%}.w-71{width:71%}.w-72{width:72%}.w-73{width:73%}.w-74{width:74%}.w-75{width:75%}.w-76{width:76%}.w-77{width:77%}.w-78{width:78%}.w-79{width:79%}.w-80{width:80%}.w-81{width:81%}.w-82{width:82%}.w-83{width:83%}.w-84{width:84%}.w-85{width:85%}.w-86{width:86%}.w-87{width:87%}.w-88{width:88%}.w-89{width:89%}.w-90{width:90%}.w-91{width:91%}.w-92{width:92%}.w-93{width:93%}.w-94{width:94%}.w-95{width:95%}.w-96{width:96%}.w-97{width:97%}.w-98{width:98%}.w-99{width:99%}.w-100{width:100%}

/* price list = edit decision list: ruled rows, numbered like EDL events, Pass column marked like a selected track */
.band--edl{background:var(--paper-2);border-block:1px solid var(--line)}
.ptable{margin-top:2em;max-width:1000px;background:var(--card);border:2px solid var(--ink);border-radius:4px;overflow:hidden}
.ptable table{font-size:1rem}
.ptable thead th{vertical-align:bottom;text-align:left;padding:20px 22px;border-bottom:2px solid var(--ink);background:var(--card)}
.ptable__feat{width:46%}
.ptable tfoot .btn{white-space:nowrap}
.ptable__k{display:block;font:600 .72rem/1 var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}
.ptable__amt{display:block;font:700 2.4rem/1 var(--f-d);letter-spacing:-.04em;color:var(--ink)}
.ptable__amt small{font:500 .95rem var(--f-b);letter-spacing:0;color:var(--ink-3)}
.ptable__per{display:block;font:500 .85rem var(--f-m);color:var(--ink-3);margin-top:6px}
.ptable__free{display:inline-block;margin-top:10px;font:600 .72rem/1 var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--good);border:1.5px solid var(--good);padding:5px 8px;border-radius:3px}
.ptable__plan--pass,.ptable__pass{background:linear-gradient(90deg,var(--play) 0 4px,transparent 4px),var(--play-t)!important}
.ptable tbody th,.ptable td{padding:14px 22px;border-bottom:1px solid var(--line);text-align:left;font-weight:500}
.ptable tbody th{font-weight:500;color:var(--ink)}
.ptable__tc{display:inline-block;min-width:2.4em;color:var(--ink-3);font-size:.8rem}
.ptable__n{font:600 1.05rem var(--f-m)}
.ptable__in{display:inline-block;width:14px;height:14px;border-radius:2px;background:var(--ink);box-shadow:inset 0 0 0 3px var(--card),0 0 0 1.5px var(--ink)}
.ptable__pass .ptable__in{background:var(--play);box-shadow:inset 0 0 0 3px var(--play-t),0 0 0 1.5px var(--play)}
.ptable__out{font:500 1.1rem var(--f-m);color:var(--ink-3)}
.ptable tfoot td{padding:18px 22px;border:0}
.ptable__note{margin:0;padding:14px 22px;border-top:1px solid var(--line);font-size:.9rem;color:var(--ink-2)}
/* end slate: the preview notice, at the foot of every page */
.slate{background:var(--bay);color:#E8E6E1}
.slate__in{width:min(1200px,100% - 40px);margin-inline:auto;display:grid;grid-template-columns:auto auto 1fr;gap:10px 22px;align-items:center;padding:18px 0}
.slate__clap{width:56px;height:18px;border-radius:2px;background:repeating-linear-gradient(-45deg,#E8E6E1 0 7px,var(--bay) 7px 14px)}
.slate__k{margin:0;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:#F28B78}
.slate__t{margin:0;font-size:.92rem;line-height:1.5}
@media (max-width:760px){
  .ptable table{table-layout:fixed}.ptable__feat{width:46%}
  .ptable thead th{padding:12px 8px}.ptable td,.ptable tbody th{padding:10px 8px}.ptable tbody th{font-size:.88rem;line-height:1.35}
  .ptable__tc{display:block;min-width:0;margin-bottom:2px}.ptable__k{font-size:.6rem;letter-spacing:.06em}
  .ptable__amt{font-size:1.4rem}.ptable__amt small{display:block;font-size:.72rem}.ptable__per{font-size:.68rem}.ptable__free{font-size:.56rem;padding:4px 5px;letter-spacing:.04em}
  .ptable tfoot td{padding:12px 6px}.ptable tfoot .btn{white-space:normal;font-size:.8rem;padding:.45em .5em;min-height:40px;text-align:center}.ptable tfoot .btn .dot{display:none}
}
@media (max-width:760px){.slate__in{grid-template-columns:auto 1fr}.slate__t{grid-column:1/-1}}
/* ---------- v1.1.0: AdEngine banner (adengine.us) ----------
   One labelled slot between the main content and the end slate, on the public pages only (the controllers opt in). The
   label and the reserved height are on the <ins>, so when tag.js (or ae-size.js) hides a slot it cannot fill, the label,
   the reserved space and the space below go with it. 110px = 16px label + 4px gap + 90px banner; 270px on phones
   (300x250). The pages end with a band's own bottom padding, so the slot needs space only below it, kept on the <ins>.
   display stays in this file and is never !important: tag.js hides a slot with style.display='none'. */
.ae-slot{padding:0 20px}
.ae-slot ins.adengine{display:block;max-width:728px;min-height:110px;margin:0 auto clamp(40px,6vw,64px);text-align:center;text-decoration:none}
.ae-slot ins.adengine::before{content:"Advertisement";display:block;margin-bottom:4px;font:500 11px/16px var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.ae-slot ins.adengine a{display:inline-block;vertical-align:top}
.ae-slot:has(> ins.adengine[style*="none"]){display:none}
@media (max-width:767px){.ae-slot ins.adengine{max-width:300px;min-height:270px}}
@media print{.ae-slot{display:none}}