:root{--ink:#231a32;--muted:#615b6c;--paper:#faf9fc;--line:#e1dce9;--purple:#180f2a;--gold:#ffd08a;--light:#f0edf7;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.8}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}:focus-visible{outline:3px solid #b865ff;outline-offset:4px}.wrap{max-width:var(--max);margin:auto;padding:0 28px}.skip{position:absolute;left:15px;top:-100px;background:white;padding:12px;z-index:20}.skip:focus{top:10px}.topline{font-size:12px;line-height:1.6;background:#0e071c;color:#c9bfd8;padding:9px 0}.topline .wrap{display:flex;justify-content:space-between;gap:20px}.topline a{color:#dfd6ed}header{background:var(--purple);color:white}.header-row{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:25px;padding-bottom:25px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:23px;font-weight:800;letter-spacing:-.7px;line-height:1.3}.brand-symbol{font-size:14px;font-weight:700;letter-spacing:.5px;background:var(--gold);color:var(--purple);width:36px;height:38px;display:grid;place-items:center;border-radius:5px}.gold-text{color:var(--gold);margin-left:3px}.desktop-nav{display:flex;align-items:center;gap:26px}.desktop-nav a{font-size:14px;text-decoration:none;color:#e6dfee}.desktop-nav a:hover,.desktop-nav a[aria-current]{text-decoration:underline;color:var(--gold)}.mobile-nav{display:none}.hero-band{background:var(--purple);color:white;border-bottom:4px solid var(--gold)}.hero{padding:56px 0 68px}.home-hero{display:grid;grid-template-columns:1.45fr 1fr;gap:75px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;line-height:1.6;margin:0 0 16px}.hero .eyebrow{color:var(--gold)}h1{font-family:Georgia,serif;font-size:clamp(42px,4.9vw,67px);font-weight:400;line-height:1.1;letter-spacing:-1.7px;margin:0 0 24px}.intro{font-size:19px;line-height:1.75;color:#ded6e9;max-width:760px;margin-bottom:0}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:4px;border:1px solid var(--purple);background:var(--purple);color:white;font-weight:700;font-size:14px;text-decoration:none;cursor:pointer}.gold{background:var(--gold);border-color:var(--gold);color:var(--purple)}.gold:hover{background:#ffe1b4}.text-link{font-size:14px;color:#f2eaf9;font-weight:700}.example-panel{padding:28px;background:#271b3b;border:1px solid #564363;border-radius:6px;box-shadow:16px 16px 0 #10091e}.example-panel .eyebrow{font-size:11px}.example-panel dl{margin:0}.example-panel dl>div{padding:12px 0;display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid #5c486a}.example-panel dt{font-size:14px;color:#e2d7eb}.example-panel dd{margin:0;white-space:nowrap;font-family:Georgia,serif;font-size:29px;line-height:1.3;color:var(--gold)}.example-panel dd span{font-size:14px;font-family:Arial,sans-serif}.example-panel .example-total{padding-top:18px;align-items:flex-start}.example-total dd{font-size:37px}.example-panel>p:last-child{font-size:13px;color:#cdbfdc;margin:16px 0 0}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:28px 0;border-bottom:1px solid var(--line)}.principles>div{display:flex;flex-direction:column;gap:6px}.principles b{font-size:15px}.principles span{font-size:14px;color:var(--muted)}.guide-section{padding:48px 0 10px}.section-heading h2{font-family:Georgia,serif;font-size:34px;font-weight:400;line-height:1.3;margin:10px 0 28px}.section-heading .eyebrow{color:#6b397c}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-card{position:relative;display:block;padding:26px;background:white;border:1px solid var(--line);border-radius:6px;text-decoration:none;transition:transform .18s,border-color .18s}.guide-card:hover{transform:translateY(-3px);border-color:#9860b4}.card-index{color:#855b9d;display:block;font-family:Georgia,serif;font-size:30px;line-height:1.2;margin-bottom:18px}.guide-card h3{font-size:21px;line-height:1.4;margin:0 0 14px;font-weight:700}.guide-card p{font-size:15px;line-height:1.7;color:var(--muted);min-height:54px;margin-bottom:20px}.card-link{font-size:14px;font-weight:700;text-decoration:underline}.article-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:66px;padding:60px 0}.toc{align-self:start;position:sticky;top:30px}.toc .eyebrow{color:#704387}.toc nav{display:flex;flex-direction:column;gap:15px;border-left:2px solid #d7c5e6;padding-left:18px}.toc nav a{font-size:14px;line-height:1.6;text-decoration:none}.toc nav a:hover{text-decoration:underline}.toc-foot{font-family:Georgia,serif;font-size:23px;line-height:1.35;color:#736479;margin-top:30px}.prose{max-width:790px}.prose section{margin-bottom:42px;scroll-margin-top:30px}.prose h2{font-family:Georgia,serif;font-size:32px;line-height:1.3;font-weight:400;letter-spacing:-.4px;margin:0 0 23px}.prose h3{font-size:21px;line-height:1.5;margin:28px 0 12px}.prose p{margin:0 0 22px}.prose a{color:#713285}.table-wrap{overflow-x:auto;max-width:100%;margin:28px 0}table{width:100%;border-collapse:collapse;background:white;font-size:15px;line-height:1.6;min-width:460px}caption{text-align:left;font-size:14px;color:var(--muted);padding-bottom:12px}th,td{text-align:left;padding:14px;border:1px solid var(--line);vertical-align:top}th{background:#eee8f3;font-size:14px;font-weight:700}.sources{border-top:1px solid var(--line);padding-top:28px;font-size:14px}.sources h2{font-size:24px}.sources p{font-size:13px;color:var(--muted)}.sources li{margin-bottom:12px}.breadcrumb{display:flex;gap:12px;flex-wrap:wrap;padding-top:24px;font-size:14px;color:#d8cde3}.article-hero{max-width:940px;padding-top:38px;padding-bottom:42px}.article-hero h1{font-size:clamp(39px,4.8vw,62px)}footer{background:#11091e;color:#e5dcee;margin-top:10px;padding:38px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:38px}.footer-grid p{font-size:14px;line-height:1.7;margin:16px 0}.footer-grid nav{display:flex;flex-direction:column;gap:10px}.footer-grid nav a{font-size:14px;text-decoration:none}.footer-grid nav a:hover{text-decoration:underline}.footer-note a{color:var(--gold)}.calculator{display:grid;grid-template-columns:1fr 1.25fr;gap:62px;background:var(--purple);color:white;padding:38px;border-radius:6px;margin-top:36px;box-shadow:0 7px 24px #20102912;border-top:4px solid var(--gold)}.calc-intro .eyebrow{color:var(--gold)}.calc-intro h2{font-family:Georgia,serif;font-size:39px;font-weight:400;line-height:1.15;margin:15px 0 24px}.calc-intro>p:last-child{font-size:16px;color:#e0d4eb}.calculator form>label,.input-grid label{display:block;font-size:14px;font-weight:700}.calculator input,.calculator select{width:100%;display:block;margin-top:8px;min-height:48px;border:1px solid #b2a2c1;border-radius:3px;color:var(--ink);background:white;padding:10px 12px;font-size:18px;line-height:1.4}.calculator input:disabled{background:#d4cddf;color:#63586e;cursor:not-allowed}.calculator input[aria-invalid=true]{border:3px solid #ffac9f}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.calculator form>label[for=multiplier]{margin-bottom:20px}.micro{font-size:13px;color:#d5c8e0;line-height:1.6}.calc-result{display:flex;flex-direction:column;gap:4px;border-top:1px solid #726083;padding-top:20px;margin-top:22px}.calc-result>span{font-size:14px;color:#dfd3eb}.calc-result output{font-family:Georgia,serif;color:var(--gold);font-size:44px;line-height:1.25;overflow-wrap:anywhere}.error{color:#ffd3c4;font-size:14px}.error[hidden]{display:none}@media(max-width:920px){.home-hero{gap:35px;grid-template-columns:1.2fr 1fr}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-grid{gap:35px;grid-template-columns:190px minmax(0,1fr)}.desktop-nav{gap:16px}.desktop-nav a{font-size:13px}.example-total dd{font-size:30px}.calculator{gap:30px;padding:28px}}@media(max-width:680px){body{font-size:16px}.wrap{padding:0 20px}.topline{font-size:12px}.topline .wrap{gap:12px}.topline a{white-space:nowrap}.header-row{padding-top:22px;padding-bottom:22px;align-items:flex-start;gap:18px}.brand{font-size:21px}.desktop-nav{display:none}.mobile-nav{display:block;text-align:right;font-size:14px;flex-shrink:0}.mobile-nav summary{padding:7px 10px;min-height:40px;border:1px solid #705784;border-radius:4px;cursor:pointer}.mobile-nav nav{position:absolute;z-index:5;right:20px;margin-top:10px;background:#28193d;padding:18px;border:1px solid #705784;display:flex;flex-direction:column;gap:15px;text-align:left;box-shadow:0 10px 30px #0004}.mobile-nav nav a{font-size:15px;color:white;min-height:28px}.hero{padding:32px 0 42px}.home-hero{display:block}h1{font-size:44px;letter-spacing:-1.2px}.intro{font-size:17px;line-height:1.75}.hero-actions{gap:20px;flex-wrap:wrap;margin-top:24px}.example-panel{padding:22px;margin-top:32px;box-shadow:8px 8px 0 #10091e}.example-total dd{font-size:34px}.principles{display:block;padding:24px 0}.principles>div{margin-bottom:17px}.principles>div:last-child{margin-bottom:0}.guide-grid{grid-template-columns:1fr;gap:14px}.guide-section{padding-top:32px}.section-heading h2{font-size:30px}.guide-card{padding:24px}.guide-card p{min-height:0}.card-index{margin-bottom:12px}.article-grid{display:block;padding-top:38px}.toc{position:static;margin-bottom:35px;padding-bottom:24px;border-bottom:1px solid var(--line)}.toc-foot{display:none}.prose h2{font-size:28px}.prose h3{font-size:20px}.footer-grid{display:block}.footer-grid nav{margin:26px 0}.article-hero h1{font-size:40px}.calculator{display:block;padding:25px 20px;margin-top:24px}.calc-intro h2{font-size:31px}.calc-intro h2 br{display:none}.calculator select,.calculator input{font-size:16px}.input-grid{gap:12px}.calc-result output{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guide-card{transition:none}}@media print{.topline,header,.toc,footer,.hero-actions{display:none}.hero-band{background:white;color:black;border-bottom:1px solid #ddd}.hero .eyebrow,.intro{color:black}.hero,.article-grid,.calculator{display:block}.example-panel{display:none}.calculator{background:white;color:black}.calc-result output{color:black}.calc-result>span,.micro{color:black}.wrap{max-width:none}.button{display:none}}
