:root{--navy:#14213d;--navy-2:#1d2f57;--paper:#f4f7fc;--paper-2:#eaf0f9;--white:#fff;--text:#14213d;--muted:#4f5d78;--line:#dbe2ee;--amber:#f2a900;--amber-soft:#fdecb4;--amber-deep:#8a5d00;--blue:#2f6fd6;--blue-soft:#e4edfc;--link:#0b3a8a;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans:"Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "Cascadia Mono", "SFMono-Regular", Consolas, monospace;--gutter:max(1.25rem, env(safe-area-inset-left));--max:74rem;--shadow:0 1px 0 #14213d0a, 0 24px 56px -34px #14213d61;--cc-bg:#fff;--cc-grid:#e6ebf4;--cc-up:#fff;--cc-up-stroke:#14213d;--cc-down:#14213d;--cc-ink:#14213d;--cc-label:#5b6a86;--cc-bull:#f2a900;--cc-bear:#2f6fd6;--cc-bull-ink:#1a1300;--cc-bear-ink:#fff}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--white);color:var(--text);font:1.0625rem/1.65 var(--sans);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0}a{color:var(--link);text-underline-offset:.18em;text-decoration-thickness:1px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,.seg label:has(input:focus-visible){outline:3px solid var(--amber);outline-offset:3px;border-radius:4px}h1,h2,h3{font-family:var(--serif);letter-spacing:-.015em;text-wrap:balance;color:var(--navy);margin:0;font-weight:700;line-height:1.08}h2{font-size:clamp(1.9rem,3.6vw,2.7rem)}h3{font-size:1.25rem;line-height:1.2}p{margin:0 0 1rem}.in{max-width:var(--max);padding-inline:var(--gutter);margin:0 auto}.hero .in,.try-grid,.pic-text,.faq-grid,.join .in,.bento,.steps,.charts,.stats dl,.mistakes{grid-template-columns:minmax(0,1fr)}.hero .in>*,.try-grid>*,.pic-text>*,.faq-grid>*,.join .in>*{min-width:0}.eyebrow{font:600 .74rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--amber-deep);align-items:center;gap:.55rem;margin-bottom:1rem;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:1.6rem;height:2px}.lede{color:var(--muted);max-width:40rem;font-size:1.2rem}mark{background:linear-gradient(transparent 55%, var(--amber-soft) 55%);color:inherit;padding:0 .1em}.topbar{border-bottom:1px solid var(--line);z-index:20;backdrop-filter:blur(8px);background:#ffffffeb;position:sticky;top:0}.topbar .in{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding-block:.8rem;display:flex}.brand{font:700 1.05rem/1 var(--mono);letter-spacing:-.01em;color:var(--navy);margin-right:auto;text-decoration:none}.brand b{background:linear-gradient(transparent 58%, var(--amber) 58% 94%, transparent 94%);padding:0 .12rem;font-weight:700}.topbar nav ul{font:.88rem/1 var(--sans);flex-wrap:wrap;gap:.25rem 1.2rem;margin:0;padding:0;list-style:none;display:flex}.topbar nav a{color:var(--muted);border-bottom:2px solid #0000;padding:.5rem .1rem;text-decoration:none}.topbar nav a:hover{color:var(--navy);border-color:var(--amber)}.btn{font:700 .97rem/1 var(--sans);cursor:pointer;border:1.5px solid #0000;border-radius:12px;align-items:center;gap:.5rem;padding:.9rem 1.5rem;text-decoration:none;display:inline-flex}.btn-amber{background:var(--amber);color:#1a1300;box-shadow:0 10px 24px -12px #f2a900e6}.btn-amber:hover{background:#ffb81f}.btn-line{color:var(--navy);background:var(--white);border-color:#b9c5dc}.btn-line:hover{border-color:var(--navy)}.btn-sm{border-radius:9px;padding:.6rem 1rem;font-size:.86rem}.hero{border-bottom:1px solid var(--line);background:radial-gradient(46rem 30rem at 92% -6%,#f2a90033,#0000 62%),radial-gradient(38rem 26rem at -6% 100%,#2f6fd61a,#0000 60%),linear-gradient(#fff,#f2f6fc);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(0deg,#14213d0e 0 1px,#0000 1px 48px),repeating-linear-gradient(90deg,#14213d0e 0 1px,#0000 1px 48px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.hero .in{align-items:center;gap:3rem;padding-block:3.5rem 4rem;display:grid;position:relative}.hero h1{max-width:13ch;margin-bottom:1.4rem;font-size:clamp(2.7rem,5.6vw,4.9rem)}.hero h1 em{background:linear-gradient(transparent 62%, var(--amber) 62% 92%, transparent 92%);padding:0 .06em;font-style:normal}.hero .lede{color:#34425f;margin-bottom:1rem;font-size:1.25rem}.hero .note{font:.84rem/1.5 var(--mono);color:var(--muted);border-left:3px solid var(--amber);max-width:34rem;margin-bottom:1.8rem;padding-left:.8rem}.cta{flex-wrap:wrap;gap:.75rem;margin-bottom:1.8rem;display:flex}.proof{font:.82rem/1.3 var(--mono);color:var(--muted);flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}.proof li:before{content:"";background:var(--amber);width:.45rem;height:.45rem;margin-right:.55rem;display:inline-block;transform:translateY(-1px)}.hero-chart{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);--cc-minw:34rem;border-radius:16px;overflow:hidden}.hero-chart-note{font:.78rem/1.5 var(--mono);color:var(--muted);margin:.8rem .2rem 0}@media (width>=64rem){.hero .in{grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:3.5rem;padding-block:4.5rem 5rem}}.band{padding-block:clamp(3.5rem,7vw,6rem)}.band.tint{background:var(--paper);border-block:1px solid var(--line)}.band-head{max-width:46rem;margin-bottom:2.5rem}.band-head p{color:var(--muted);margin:1rem 0 0;font-size:1.15rem}.center{text-align:center;margin-inline:auto}.center .eyebrow{justify-content:center}.center .eyebrow:before{display:none}figure.diagram{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;margin:0;padding:1.4rem;overflow-x:auto}figure.diagram svg{width:100%;min-width:40rem;height:auto;display:block}figure.diagram figcaption{font:.84rem/1.5 var(--mono);color:var(--muted);max-width:56rem;margin-top:.9rem;position:sticky;left:0}figure.diagram .th{font:700 22px var(--serif);fill:var(--navy)}figure.diagram .thg{font:700 23px var(--serif);fill:var(--navy)}figure.diagram .t{font:500 16.5px var(--mono);fill:var(--navy)}figure.diagram .tm{font:500 16px var(--mono);fill:#4f5d78}figure.diagram .rule-text{font:700 17px var(--mono);fill:var(--navy)}figure.diagram .w{stroke:var(--navy);stroke-width:3px}figure.diagram .up{fill:var(--navy);stroke:var(--navy);stroke-width:3px}figure.diagram .hollow{fill:#fff;stroke:var(--navy);stroke-width:3px}figure.diagram .lvl{stroke:var(--navy);stroke-width:1.5px;stroke-dasharray:6 5;opacity:.55}figure.diagram .gap{fill:var(--amber);fill-opacity:.42;stroke:#d99700;stroke-width:1.5px}figure.diagram .gap.faint{fill-opacity:.15;stroke:none}figure.diagram .gap.deep{fill-opacity:.85;stroke:none}figure.diagram .gap.used{fill:#9aa6bd;fill-opacity:.3;stroke:#7d89a3;stroke-dasharray:5 5}figure.diagram .vol{fill:#c3cfe6}figure.diagram .vol.thin{fill:var(--amber)}figure.diagram .arrow{stroke:var(--navy);stroke-width:2.2px;fill:none}.steps{counter-reset:s;gap:1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:1.3rem 1.4rem 1.2rem 4.2rem;font-size:1.02rem;position:relative}.steps li:before{content:counter(s);background:var(--navy);color:#fff;width:2.2rem;height:2.2rem;font:700 1.05rem/2.2rem var(--serif);text-align:center;border-radius:50%;position:absolute;top:1.1rem;left:1.2rem}.steps strong{font:700 1.1rem/1.3 var(--serif);color:var(--navy);margin-bottom:.2rem;display:block}@media (width>=52rem){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.stats dl{gap:1.6rem 2rem;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important}.stats dt{font:600 .72rem/1.35 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);order:2}.stats dd{font:700 clamp(2.3rem, 4.2vw, 3.4rem)/1 var(--serif);color:var(--navy);order:1;margin:0 0 .3rem}.stats .cell{border-left:3px solid var(--amber);flex-direction:column;padding-left:1rem;display:flex}.stats .foot-note{font:.82rem/1.55 var(--mono);color:var(--muted);max-width:58rem;margin:2rem 0 0}@media (width>=48rem){.stats dl{grid-template-columns:repeat(4,minmax(0,1fr))}}.try-grid{align-items:center;gap:2.5rem;display:grid}.try-grid p{max-width:34rem}figure.rule{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;margin:0;overflow:hidden}figure.rule .stage{background:linear-gradient(#fff,#f6f9fe);overflow-x:auto}figure.rule svg{width:100%;min-width:30rem;height:auto;display:block}figure.rule .wick{stroke:var(--navy);stroke-width:2.5px}figure.rule .body{stroke-width:2.5px}figure.rule .body.hollow{fill:#fff;stroke:var(--navy)}figure.rule .body.solid{fill:var(--navy);stroke:var(--navy)}figure.rule .band.gap{fill:#f2a9006b;stroke:#d99700;stroke-width:1.5px;stroke-dasharray:5 4}figure.rule .band.overlap{fill:#4f5d781f;stroke:#7d89a3;stroke-width:1px;stroke-dasharray:3 4}figure.rule .lvl{stroke:var(--navy);stroke-width:1.2px;stroke-dasharray:5 4;opacity:.5}figure.rule .lvl-label,figure.rule .num{fill:#4f5d78;font:500 13px var(--mono)}figure.rule .band-label{fill:var(--navy);font:700 22px var(--serif)}figure.rule .controls{border-top:1px solid var(--line);gap:.9rem;padding:1rem 1.2rem .4rem;display:grid}figure.rule .readout{font:700 1rem/1.45 var(--sans);color:var(--navy);min-height:3em;margin:0;padding:.3rem 1.2rem 0}figure.rule .readout.yes{color:var(--amber-deep)}figure.rule figcaption{font:.78rem/1.5 var(--mono);color:var(--muted);padding:.5rem 1.2rem 1.1rem;position:sticky;left:0}.seg{background:var(--paper-2);border-radius:11px;gap:2px;width:max-content;padding:3px;display:inline-flex}.seg label{cursor:pointer;font:700 .86rem/1 var(--sans);color:var(--muted);border-radius:9px;padding:.55rem 1rem}.seg input{opacity:0;pointer-events:none;position:absolute}.seg label:has(input:checked){background:var(--amber);color:#1a1300}.slider label{font:600 .72rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem;display:block}.slider input[type=range]{width:100%;accent-color:var(--amber);height:1.6rem}@media (width>=64rem){.try-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:4rem}}.pic-text{align-items:center;gap:2rem;display:grid}.pic-text .copy p{max-width:32rem;color:var(--muted)}.pic-text .copy h3{color:var(--navy);margin-bottom:.8rem;font-size:1.6rem}.pic-text .copy dl{margin:1rem 0 0}.pic-text .copy dt{font:700 .78rem/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--navy);margin-top:.9rem}.pic-text .copy dd{color:var(--muted);max-width:32rem;margin:.15rem 0 0}.pic-text .copy .callout{font:.86rem/1.5 var(--mono);background:var(--amber-soft);color:#4a3300;border-radius:10px;margin-top:1rem;padding:.7rem .85rem}@media (width>=64rem){.pic-text{grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:3rem}.pic-text.flip{grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr)}.pic-text.flip .copy{order:2}}.charts{gap:3rem;display:grid}.example h3{margin-bottom:.3rem;font-size:1.5rem}.example .sub{font:.84rem/1.5 var(--mono);color:var(--muted);margin:0 0 1rem}.example .chart{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.disclose{border-left:3px solid var(--amber);color:#34425f;max-width:54rem;margin:0 0 2.5rem;padding:.2rem 0 .2rem 1rem;font-size:1.02rem}.disclose strong{color:var(--navy)}.bento{gap:1rem;display:grid}.card{background:var(--white);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:.65rem;padding:1.6rem;display:flex;box-shadow:0 1px #14213d0a,0 14px 34px -24px #14213d4d}.card h3{margin-top:.3rem}.card p{color:var(--muted);margin:0;font-size:1rem}.card .more{margin-top:auto;padding-top:.5rem;font-size:.95rem;font-weight:600}.card.hl{background:linear-gradient(160deg,#fff8e0,#fff);border-color:#f0d68a}.ico{background:var(--amber-soft);border-radius:12px;place-items:center;width:2.7rem;height:2.7rem;display:grid}.ico svg{width:1.5rem;height:1.5rem;stroke:var(--navy);fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.pill{font:700 .68rem/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;background:var(--blue-soft);color:#204a99;border-radius:999px;align-self:flex-start;padding:.42rem .62rem}.pill.prep{background:var(--amber-soft);color:#6b4a00}.card-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}@media (width>=48rem){.bento{grid-template-columns:repeat(6,minmax(0,1fr))}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.span-2{grid-column:span 2}}.mistakes{counter-reset:m;gap:1rem;margin:0;padding:0;list-style:none;display:grid}.mistakes li{counter-increment:m;background:var(--white);border:1px solid var(--line);color:var(--muted);border-radius:16px;padding:1.5rem;font-size:1rem;position:relative;box-shadow:0 14px 34px -26px #14213d4d}.mistakes li:before{content:counter(m, decimal-leading-zero);font:700 2rem/1 var(--serif);color:var(--amber);-webkit-text-stroke:.5px #d99700;margin-bottom:.7rem;display:block}.mistakes strong{color:var(--navy);font:700 1.08rem/1.3 var(--sans);margin-bottom:.4rem;display:block}@media (width>=52rem){.mistakes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=72rem){.mistakes{grid-template-columns:repeat(4,minmax(0,1fr))}}.faq-grid{gap:2.5rem;display:grid}details{border-bottom:1px solid var(--line)}details:first-of-type{border-top:1px solid var(--line)}summary{cursor:pointer;font:700 1.2rem/1.3 var(--serif);color:var(--navy);padding:1.15rem 2.5rem 1.15rem 0;list-style:none;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"+";font:400 1.6rem/1 var(--sans);color:var(--amber-deep);position:absolute;top:1rem;right:.2rem}details[open] summary:after{content:"−"}details p{color:var(--muted);max-width:42rem;margin:0 0 1.3rem}@media (width>=60rem){.faq-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:4rem}}.join{background:radial-gradient(40rem 20rem at 50% 120%,#f2a90047,#0000 70%),linear-gradient(#fffaf0,#fff3d2);border-top:1px solid #f0d68a}.join .in{align-items:center;gap:2rem;display:grid}.join h2{max-width:14ch}form.capture{background:var(--white);border:1px solid var(--line);max-width:34rem;box-shadow:var(--shadow);border-radius:18px;margin:0;padding:1.7rem}form.capture h2{max-width:none;font-size:1.4rem}form.capture p{color:var(--muted)}form.capture label{font:600 .72rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem;display:block}form.capture input{width:100%;font:1rem var(--sans);background:var(--white);color:var(--navy);border:1.5px solid #b9c5dc;border-radius:10px;padding:.85rem .9rem;display:block}form.capture button{font:700 .95rem var(--sans);background:var(--amber);color:#1a1300;cursor:pointer;border:0;border-radius:10px;margin-top:.9rem;padding:.9rem 1.5rem}form.capture button:hover{background:#ffb81f}.capture-status{font:.85rem var(--mono);min-height:1.3em;color:var(--navy);margin:.7rem 0 0}.join .fine{font:.8rem/1.5 var(--mono);color:var(--muted);max-width:34rem;margin-top:1rem}@media (width>=60rem){.join .in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem}}.foot{background:var(--paper);border-top:1px solid var(--line);color:var(--muted)}.foot .in{padding-block:2.2rem}.site-footer{font:.85rem/1.6 var(--sans)}.site-footer p{max-width:52rem;margin:0 0 .6rem}main>.sheet{max-width:var(--max);padding:3.5rem var(--gutter) 1rem;margin:0 auto}main>.sheet h1{max-width:22ch;margin-bottom:1.2rem;font-size:clamp(2.2rem,5vw,3.4rem)}main>.sheet h2{margin:1.8rem 0 .7rem;font-size:1.6rem}main>.sheet p,main>.sheet ul{max-width:42rem}main>.sheet .label{font:600 .74rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--amber-deep);margin-bottom:.8rem;display:block}main>.sheet .margin{font:.85rem/1.5 var(--mono);color:var(--muted);border-left:3px solid var(--amber);max-width:42rem;padding-left:.8rem}main.plain{min-height:55vh;padding-bottom:3rem}.sitelinks ul{border-bottom:1px solid var(--line);font:.88rem/1.4 var(--sans);flex-wrap:wrap;gap:.4rem 1.2rem;margin:0 0 1.2rem;padding:0 0 1.2rem;list-style:none;display:flex}.sitelinks a{color:var(--navy)}.crumbs{font:.8rem/1.4 var(--mono);color:var(--muted);margin:0 0 1.4rem}.crumbs ol{flex-wrap:wrap;gap:.2rem .5rem;margin:0;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"/";color:#8a97b2;margin-right:.5rem}.crumbs a{color:var(--link)}main>.sheet.wide p,main>.sheet.wide ul,main>.sheet.wide ol{max-width:44rem}main>.sheet ul.plain,main>.sheet ol.plain{padding-left:1.2rem}main>.sheet li{margin-bottom:.4rem}main>.sheet figure.diagram,main>.sheet .chart-box{max-width:none;margin:1.6rem 0}.chart-box{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);--cc-minw:34rem;border-radius:16px;overflow:hidden}.aside{border-left:3px solid var(--amber);background:var(--paper);max-width:44rem;margin:1.2rem 0;padding:.8rem 1rem}.tablebox{max-width:100%;margin:1.2rem 0;overflow-x:auto}table.data{border-collapse:collapse;font:.92rem/1.4 var(--mono);min-width:32rem}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.55rem .9rem .55rem 0}table.data th{color:var(--navy);font-weight:700}.related{grid-template-columns:minmax(0,1fr);gap:.7rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.related li{margin:0}.related a{border:1px solid var(--line);background:var(--white);color:var(--navy);border-radius:12px;padding:.9rem 1rem;font-weight:600;text-decoration:none;display:block}.related a span{color:var(--muted);font-size:.9rem;font-weight:400;display:block}.related a:hover{border-color:var(--amber)}@media (width>=48rem){.related{grid-template-columns:repeat(3,minmax(0,1fr))}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}code{font-family:var(--mono);font-size:.92em}.pillrow{flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;display:flex}.asof{font:.84rem/1.5 var(--mono);color:var(--navy);background:var(--paper);border:1px solid var(--line);border-radius:10px;max-width:44rem;margin:0 0 1.2rem;padding:.7rem .9rem}.filters{flex-wrap:wrap;align-items:end;gap:.8rem 1.2rem;margin:1.2rem 0;display:flex}.filters label{font:600 .72rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem;display:block}.filters select{font:1rem var(--sans);background:var(--white);color:var(--navy);border:1.5px solid #b9c5dc;border-radius:10px;min-width:10rem;padding:.65rem .8rem}.gallery{grid-template-columns:minmax(0,1fr);gap:2.4rem;margin-top:1.6rem;display:grid}.gallery .example h3{margin-bottom:.4rem}.gallery .example .sub{font:.84rem/1.5 var(--mono);color:var(--muted);max-width:none;margin:0 0 .8rem}.pairgrid{grid-template-columns:minmax(0,1fr);gap:.8rem;max-width:none;margin:1.2rem 0;padding:0;list-style:none;display:grid}@media (width>=40rem){.pairgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.pairgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}.pairgrid a{border:1px solid var(--line);color:var(--navy);background:var(--white);border-radius:12px;height:100%;padding:1rem;text-decoration:none;display:block}.pairgrid a:hover{border-color:var(--amber)}.pairgrid strong{font:700 1.15rem/1.2 var(--mono);display:block}.pairgrid span{font:.8rem/1.5 var(--mono);color:var(--muted);display:block}.pagenav{flex-wrap:wrap;gap:.6rem 1.5rem;margin-top:2rem;font-weight:600;display:flex}.placeholder{color:#5c3d00;font:.9em var(--mono);background:#fff1c2;border:1px dashed #c68a00;border-radius:4px;padding:0 .4rem;display:inline-block}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
