@font-face{font-family:Jakarta;src:url('fonts/jakarta-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Jakarta;src:url('fonts/jakarta-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Jakarta;src:url('fonts/jakarta-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--paper:#f4f7fc;--white:#fff;--ink:#132344;--muted:#455574;--teal:#164fd6;--gold:#ffc75a;--line:#d5dfee;--sans:Jakarta,system-ui,sans-serif;--serif:Jakarta,system-ui,sans-serif;--red:#b52d48}
body{color:var(--ink);font-weight:400;line-height:1.75}h1,h2,h3{font-family:var(--sans);font-weight:700;letter-spacing:-.045em}h1 em,h2 em{font-style:normal;color:var(--teal)}h1{font-size:clamp(52px,5.3vw,76px);line-height:1.12}.hero h1{font-size:clamp(54px,5.3vw,76px);line-height:1.1}.lesson-intro h1{font-size:clamp(48px,4.8vw,68px);line-height:1.13}.lesson-body section h2{font-size:36px;line-height:1.24}.page-intro{padding-top:48px}.lede,.lesson-body{color:var(--ink)}.eyebrow{font-weight:700;color:var(--teal)}.site-header{background:#ffffffed;border-bottom:1px solid var(--line)}.brand .mark{border-radius:16px}.brand .wordmark strong{font-family:var(--sans);font-weight:700}.button{background:var(--teal);color:#fff;border:0;border-radius:14px;box-shadow:0 6px 16px #164fd61c;font-weight:700}.secondary{border-radius:12px;background:white;font-weight:600;color:var(--ink);border-color:#a5b7d1}.lesson-card{border-radius:22px;border:1px solid var(--line);background:#fff;box-shadow:0 7px 26px #17376308;transition:transform .15s,border-color .15s}.lesson-card:hover{transform:translateY(-3px);border-color:var(--teal)}.lesson-card h3{font-size:29px;line-height:1.3}.lesson-card p{color:var(--muted)}.card-number{font-family:var(--sans);font-style:normal;font-weight:700;color:var(--teal);font-size:23px}.card-bottom{color:var(--ink)}.note,.formula,.video-upcoming{background:#e9f0ff;color:var(--ink);border-radius:16px}.note{border-left:4px solid var(--teal)}.worked-example,.rule-list,.quiz,.journal-template,.checklist{border-radius:20px}.tip-grid>div{border-radius:16px;background:#eaf0fc}.example-chart,.hero-chart,.risk-preview{border-radius:22px;background:#112447;color:#fff}.example-chart .eyebrow,.hero-chart .eyebrow,.risk-preview .eyebrow{color:#91ceff}.example-chart .visual-facts>div{background:#fff;border-radius:15px}.example-chart .visual-facts dt{color:#455574;font-weight:600}.example-chart .visual-facts dd{color:#102347!important;font-weight:700;font-size:34px;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.visual-values>div{display:flex;flex-direction:column;gap:8px;background:#203a61;border-radius:12px;padding:14px}.visual-values strong{color:#fff}.visual-caption{color:#e4eeff}.example-chart .bar.up{color:#36dfb3}.example-chart .bar.down{color:#ff718a}.quiz label{border-radius:12px;color:var(--ink)}.quiz label:has(input:checked){background:#e9f0ff;border-color:var(--teal)}.quiz input{accent-color:var(--teal)}.quiz-result{font-weight:600}.video-poster-button{border-radius:18px}.video-poster-button>span{border-radius:12px;background:#164fd6;color:#fff}.catalog-toolbar input,input,textarea{border-radius:12px;color:var(--ink)}.calculator{align-items:start;gap:28px}.calculator form{padding:32px;background:#fff;border:1px solid var(--line);border-radius:24px}.calculator .form-heading h2{font-size:30px}.calculator .form-heading{align-items:start}.input-grid{gap:22px}.input-grid label{font-size:15px;color:var(--ink);font-weight:600}.input-grid input{background:#f7f9fe;border:1px solid #adbed7;border-radius:12px;font-size:25px;font-weight:600;color:#132344;padding:14px 16px;min-width:0;width:100%;font-variant-numeric:tabular-nums}.calculator-result{background:#164fd6;border-radius:24px;color:#fff;padding:32px;position:sticky;top:110px}.calculator-result .eyebrow,.calculator-result #size-status{color:#fff}.calculator-result .size-number{font-family:var(--sans);font-size:82px;font-weight:700;letter-spacing:-.07em;line-height:1.2}.calculator-result .size-number small{font-size:22px;letter-spacing:0;color:#fff}.calculator-result dl>div{border-color:#ffffff45}.calculator-result dt,.calculator-result dd{color:#fff}.calculator-result dd{font-size:21px;font-variant-numeric:tabular-nums}.calculator-result .risk-warning{border-color:#ffffff45;color:#fff}.calculator-result .risk-warning strong{color:#fff}.risk-advanced{margin:24px 0;border:1px solid var(--line);border-radius:15px;padding:18px}.risk-advanced summary{font-size:17px;cursor:pointer;color:var(--teal);font-weight:700}.risk-advanced .input-grid{margin-top:20px}.field-help{font-size:14px;font-weight:400;color:var(--muted);line-height:1.6}.calc-step{display:block;font-size:13px;letter-spacing:.08em;color:var(--teal);font-weight:700;margin-bottom:16px}.check-item:has(input:checked){background:#edf3ff}.site-footer{border-color:var(--line)}.weighted-total strong{color:#fff}.concept-panel{background:#112447;border-radius:18px}.concept-panel .weighted-row{color:#fff}.concept-panel p{color:#e4eeff}.concept-panel .weighted-total>span{color:#e4eeff}
@media(max-width:760px){h1,.hero h1,.page-intro h1{font-size:45px;line-height:1.14}.lesson-intro h1{font-size:40px;line-height:1.18}.lesson-body section h2{font-size:29px;line-height:1.3}.section-heading h2,.quiet-cta h2{font-size:35px}.hero-chart h2{font-size:26px}.lesson-card h3{font-size:27px}.calculator form,.calculator-result{padding:24px 20px}.calculator-result{position:static}.calculator-result .size-number{font-size:72px}.input-grid input{font-size:24px}.example-chart .visual-facts dd{font-size:30px}.brand .mark{width:44px;height:44px}.brand .wordmark strong{font-size:23px}.narrow h2,.guide-copy h2,.legal-copy h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.lesson-card{transition:none}.lesson-card:hover{transform:none}}
.calculator-result #size-output{color:#fff}.calculator-result #size-output small{color:#fff}.example-chart .weighted-row strong,.example-chart .ohlc-legend strong{color:#fff}.concept-panel{padding:24px}.cost-summary{font-size:15px;color:var(--ink);background:#edf3ff;padding:14px 16px;border-radius:12px;margin-top:20px;line-height:1.7}.hero-chart .chart-decisions strong{color:#fff}.lesson-card:focus-visible{outline:3px solid var(--teal);outline-offset:4px}