:root{color-scheme:light;--paper:oklch(0.96 0.02 80);--paper-strong:oklch(0.93 0.03 78);--ink:oklch(0.27 0.02 45);--muted:oklch(0.46 0.02 52);--line:oklch(0.8 0.03 70);--accent:#b2572d;--accent-soft:color-mix(in oklab,var(--accent) 10%,var(--paper));--shadow:0 24px 60px color-mix(in oklab,var(--ink) 10%,transparent);--radius:28px;--radius-sm:18px;--content:min(1180px,calc(100vw - 2rem))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Avenir Next,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at top right,color-mix(in oklab,var(--paper-strong) 88%,#b2572d 12%),transparent 32%),linear-gradient(180deg,var(--paper) 0,oklch(.985 .01 80) 100%)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}#root,.site-shell{min-height:100vh}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in oklab,var(--paper) 82%,#fff 18%);border-bottom:1px solid color-mix(in oklab,var(--line) 75%,transparent)}.brand-row,.category-ribbon,.detail-hero,.hero,.overview-band,.page-hero,.section-shell,.site-footer{width:var(--content);margin:0 auto}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}.brand-mark{display:inline-flex;flex-direction:column;gap:.1rem}.brand-kicker,.eyebrow{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.brand-name{font-family:Iowan Old Style,Palatino Linotype,serif;font-size:1.45rem;font-weight:700}.site-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.site-nav a{padding:.55rem .9rem;border-radius:999px;color:color-mix(in oklab,var(--ink) 78%,var(--muted) 22%)}.site-nav a.active,.site-nav a:hover{background:color-mix(in oklab,var(--ink) 6%,#fff 94%)}.detail-hero,.hero,.page-hero{display:grid;grid-gap:clamp(1.5rem,4vw,3rem);gap:clamp(1.5rem,4vw,3rem);padding:clamp(3rem,8vw,6rem) 0 2rem}.hero{grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);align-items:end}.calculator-panel h2,.detail-column h2,.detail-hero h1,.hero-copy h1,.overview-band h2,.page-hero h1,.section-head h2{font-family:Iowan Old Style,Palatino Linotype,serif;line-height:.95;letter-spacing:-.03em;margin:0}.hero-copy h1{font-size:clamp(3.3rem,7vw,6.7rem);max-width:11ch}.calculator-link p,.calculator-panel p,.detail-hero p,.example-card p,.faq-card p,.hero-text,.hub-card p,.page-hero p,.section-head p,.site-footer p{line-height:1.6;color:color-mix(in oklab,var(--ink) 82%,var(--muted) 18%)}.calculator-panel,.example-card,.faq-card,.hero-aside,.hub-card,.metric-card{border:1px solid color-mix(in oklab,var(--line) 82%,transparent);background:color-mix(in oklab,#fff 55%,var(--paper) 45%);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-aside{padding:1.5rem;display:grid;grid-gap:1rem;gap:1rem}.stat-strip{display:grid;grid-gap:.3rem;gap:.3rem;padding:.8rem 0 1rem;border-bottom:1px solid color-mix(in oklab,var(--line) 80%,transparent)}.stat-strip strong{font-family:Iowan Old Style,Palatino Linotype,serif;font-size:1.7rem}.stat-strip--muted{padding-top:0}.hero-actions,.hub-actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.button,.text-link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;transition:transform .16s ease,background .16s ease}.button{padding:.9rem 1.25rem;border:1px solid color-mix(in oklab,var(--line) 80%,transparent)}.button:hover,.calculator-link:hover,.category-chip:hover,.text-link:hover{transform:translateY(-2px)}.button--primary{background:var(--ink);color:var(--paper)}.button--ghost{background:transparent}.category-ribbon,.overview-band,.section-shell{padding:1.25rem 0 2.75rem}.overview-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);grid-gap:clamp(1.2rem,4vw,3rem);gap:clamp(1.2rem,4vw,3rem);align-items:start}.overview-band h2,.section-head h2{font-size:clamp(2rem,4vw,3.4rem);max-width:12ch}.detail-list,.example-card ul,.guidance-block ul,.hub-card ul,.step-list{margin:0;padding-left:1.15rem;display:grid;grid-gap:.85rem;gap:.85rem;color:color-mix(in oklab,var(--ink) 78%,var(--muted) 22%)}.category-ribbon{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:.9rem;gap:.9rem}.category-chip{display:grid;grid-gap:.4rem;gap:.4rem;padding:1rem 1.1rem;border-top:1px solid color-mix(in oklab,var(--line) 85%,transparent);border-bottom:1px solid color-mix(in oklab,var(--line) 85%,transparent);background:color-mix(in oklab,#fff 42%,var(--paper) 58%)}.category-chip strong,.metric-card strong,.result-hero p{font-family:Iowan Old Style,Palatino Linotype,serif}.section-shell{display:grid;grid-gap:1.5rem;gap:1.5rem}.section-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.8fr);grid-gap:1rem 2rem;gap:1rem 2rem;align-items:end}.calculator-list,.faq-grid,.hub-grid{display:grid;grid-gap:1rem;gap:1rem}.calculator-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.hub-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.faq-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.calculator-link,.example-card,.faq-card,.hub-card{padding:1.35rem}.calculator-link{display:grid;grid-gap:.55rem;gap:.55rem;border-top:1px solid color-mix(in oklab,var(--line) 85%,transparent);border-bottom:1px solid color-mix(in oklab,var(--line) 85%,transparent);background:color-mix(in oklab,#fff 48%,var(--paper) 52%)}.calculator-link strong,.detail-column h2,.example-card strong,.faq-card h3,.hub-card h2,.panel-heading h2{font-size:1.45rem}.detail-hero,.page-hero{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)}.detail-hero{align-items:start}.detail-hero aside{padding:1.35rem;border-left:1px solid color-mix(in oklab,var(--line) 75%,transparent)}.crumbs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;color:var(--muted)}.status-pill{display:inline-flex;margin-top:1rem;padding:.45rem .8rem;border-radius:999px;font-size:.85rem;text-transform:capitalize}.status-pill--live{background:color-mix(in oklab,#21605f 14%,#fff 86%)}.status-pill--planned{background:color-mix(in oklab,#b2572d 16%,#fff 84%)}.calculator-grid{width:var(--content);margin:0 auto;padding:0 0 2.75rem;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.calculator-grid,.calculator-panel{display:grid;grid-gap:1.2rem;gap:1.2rem}.calculator-panel{padding:1.35rem}.panel-heading{display:grid;grid-gap:.3rem;gap:.3rem}.form-grid{display:grid;grid-gap:.95rem;gap:.95rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.field{display:grid;grid-gap:.45rem;gap:.45rem}.field span{display:grid;grid-gap:.2rem;gap:.2rem;font-size:.96rem}.caveat,.field small,.metric-card small,.result-hero span,.result-placeholder span{color:var(--muted)}.field input,.field select{width:100%;border:1px solid color-mix(in oklab,var(--line) 90%,transparent);border-radius:16px;padding:.85rem .95rem;background:color-mix(in oklab,#fff 70%,var(--paper) 30%)}.field input:focus,.field select:focus{outline:2px solid color-mix(in oklab,var(--accent) 35%,transparent);outline-offset:2px}.calculator-panel--result{background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 8%,#fff 92%) 0,color-mix(in oklab,#fff 58%,var(--paper) 42%) 100%)}.calculator-panel--planned{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:start}.result-hero,.result-placeholder{display:grid;grid-gap:.65rem;gap:.65rem;padding:1rem 0 1.2rem;border-bottom:1px solid color-mix(in oklab,var(--line) 80%,transparent)}.result-hero p{font-size:clamp(2rem,4vw,3.4rem);line-height:.95;margin:0}.metric-grid{display:grid;grid-gap:.9rem;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.metric-card{padding:1rem;display:grid;grid-gap:.35rem;gap:.35rem}.metric-card strong{font-size:1.5rem}.guidance-block{display:grid;grid-gap:.8rem;gap:.8rem}.guidance-block h3{margin:0;font-size:1rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.section-shell--detail{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}.detail-column,.example-stack{display:grid;grid-gap:1rem;gap:1rem}.site-footer{display:grid;grid-gap:.45rem;gap:.45rem;padding:2.5rem 0 3rem;border-top:1px solid color-mix(in oklab,var(--line) 90%,transparent)}@media (max-width:980px){.calculator-grid,.calculator-panel--planned,.detail-hero,.hero,.overview-band,.page-hero,.section-head,.section-shell--detail{grid-template-columns:1fr}.detail-hero aside{border-left:0;border-top:1px solid color-mix(in oklab,var(--line) 75%,transparent);padding-left:0;padding-top:1rem}}@media (max-width:720px){.brand-row{align-items:start;flex-direction:column}.hero-copy h1{max-width:none}.site-nav{justify-content:flex-start}.brand-row,.calculator-grid,.category-ribbon,.detail-hero,.hero,.overview-band,.page-hero,.section-shell,.site-footer{width:min(100vw - 1.2rem,1180px)}}.hero--editorial{grid-template-columns:minmax(0,1.02fr) minmax(360px,1.08fr);align-items:stretch}.detail-aside,.hero-visual-stage{display:grid;grid-gap:1rem;gap:1rem;align-content:start}.category-figure,.detail-figure,.editorial-figure,.hub-figure{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid color-mix(in oklab,var(--line) 82%,transparent);background:color-mix(in oklab,#fff 56%,var(--paper) 44%);box-shadow:var(--shadow)}.editorial-figure--hero{min-height:100%}.editorial-image{display:block;width:100%;height:auto}.editorial-meta-row{position:absolute;top:1rem;left:1rem;right:1rem;z-index:2;display:flex;justify-content:space-between;gap:1rem;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab,var(--ink) 74%,var(--paper) 26%)}.editorial-meta-row span{padding:.45rem .7rem;border-radius:999px;background:color-mix(in oklab,#fff 68%,var(--paper) 32%);border:1px solid color-mix(in oklab,var(--line) 70%,transparent)}.category-figure figcaption,.detail-figure figcaption,.editorial-figure figcaption{display:block;padding:.95rem 1.1rem 1.1rem;line-height:1.55;color:color-mix(in oklab,var(--ink) 80%,var(--muted) 20%)}.editorial-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.85rem;gap:.85rem}.note-strip{display:grid;grid-gap:.4rem;gap:.4rem;padding:1rem 1.05rem;border-top:1px solid color-mix(in oklab,var(--line) 88%,transparent);border-bottom:1px solid color-mix(in oklab,var(--line) 88%,transparent);background:color-mix(in oklab,#fff 44%,var(--paper) 56%)}.note-strip p{margin:0;line-height:1.5}.note-index{font-family:Iowan Old Style,Palatino Linotype,serif;font-size:1.1rem;color:var(--muted)}.hub-card--editorial{overflow:hidden;padding:0 1.35rem 1.35rem}.hub-card--editorial .hub-figure{margin:0 -1.35rem 1.15rem;border-radius:0 0 24px 24px;border-left:0;border-right:0;border-top:0;box-shadow:none}.detail-hero--visual,.page-hero--visual{grid-template-columns:minmax(0,.94fr) minmax(360px,1.06fr);align-items:start}.category-figure{align-self:stretch}.category-note-list,.detail-chip-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}.detail-chip{display:inline-flex;padding:.5rem .8rem;border-radius:999px;border:1px solid color-mix(in oklab,var(--line) 80%,transparent);background:color-mix(in oklab,#fff 62%,var(--paper) 38%);font-size:.86rem;line-height:1.35;color:color-mix(in oklab,var(--ink) 80%,var(--muted) 20%)}.detail-aside{padding:1.1rem 0 0}.detail-aside-copy{padding-left:1.35rem;border-left:1px solid color-mix(in oklab,var(--line) 75%,transparent)}.detail-figure{background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 6%,#fff 94%) 0,color-mix(in oklab,#fff 55%,var(--paper) 45%) 100%)}.detail-figure .detail-chip-row{padding:0 1.1rem 1.1rem;margin-top:0}@media (max-width:980px){.detail-hero--visual,.editorial-note-grid,.hero--editorial,.page-hero--visual{grid-template-columns:1fr}.detail-aside-copy{padding-left:0;border-left:0;border-top:1px solid color-mix(in oklab,var(--line) 75%,transparent);padding-top:1rem}}.detail-ribbon{width:var(--content);margin:0 auto;padding:0 0 2rem;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);grid-gap:1rem 1.2rem;gap:1rem 1.2rem;align-items:start}.detail-nav,.detail-stat-card,.detail-summary-block,.example-card--indexed,.faq-card--indexed,.support-card{border:1px solid color-mix(in oklab,var(--line) 82%,transparent);background:color-mix(in oklab,#fff 58%,var(--paper) 42%);box-shadow:var(--shadow)}.detail-summary-block{padding:1.35rem;border-radius:var(--radius);display:grid;grid-gap:1rem;gap:1rem}.detail-summary-block h2,.support-card h3{font-family:Iowan Old Style,Palatino Linotype,serif;font-size:clamp(1.5rem,3vw,2.3rem);line-height:.98;margin:0}.detail-summary-block>p,.support-card>p{margin:0;line-height:1.6;color:color-mix(in oklab,var(--ink) 82%,var(--muted) 18%)}.detail-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.8rem;gap:.8rem}.detail-stat-card{padding:1rem;border-radius:20px;display:grid;grid-gap:.3rem;gap:.3rem}.detail-nav-label,.detail-stat-card span,.example-index,.faq-index{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.detail-stat-card strong{font-family:Iowan Old Style,Palatino Linotype,serif;font-size:2rem;line-height:.95}.detail-stat-card small{color:color-mix(in oklab,var(--ink) 70%,var(--muted) 30%)}.detail-nav{padding:1rem;border-radius:24px;display:grid;grid-gap:.55rem;gap:.55rem;align-content:start;position:-webkit-sticky;position:sticky;top:6rem}.detail-nav-link{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.85rem .95rem;border-radius:16px;background:color-mix(in oklab,#fff 72%,var(--paper) 28%);border:1px solid color-mix(in oklab,var(--line) 78%,transparent);transition:transform .16s ease,background .16s ease}.detail-nav-link:after{content:"↗";color:var(--muted)}.detail-nav-link:hover{transform:translateY(-2px);background:color-mix(in oklab,#fff 64%,var(--paper) 36%)}.detail-support-band{width:var(--content);margin:0 auto;padding:0 0 2.3rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.support-card{border-radius:var(--radius);padding:1.25rem;display:grid;grid-gap:.85rem;gap:.85rem}.detail-chip-row--dense{margin-top:0}.example-card--indexed,.faq-card--indexed{position:relative}.example-index,.faq-index{display:inline-flex;width:-moz-fit-content;width:fit-content;margin-bottom:.5rem}.example-card--indexed strong,.faq-card--indexed h3{display:block;margin-bottom:.4rem}@media (max-width:980px){.detail-ribbon,.detail-stat-grid,.detail-support-band{grid-template-columns:1fr}.detail-nav{position:static}}.skip-link{position:absolute;left:1rem;top:-3rem;z-index:40;padding:.7rem .95rem;border-radius:999px;background:var(--ink);color:var(--paper);transition:top .16s ease}.skip-link:focus-visible{top:1rem}.site-nav a[aria-current=page]{background:color-mix(in oklab,var(--ink) 8%,#fff 92%);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--line) 75%,transparent)}:where(a,button,input,select):focus-visible{outline:2px solid color-mix(in oklab,var(--accent) 45%,transparent);outline-offset:3px}.brand-mark,.button,.calculator-link,.category-chip,.detail-chip,.detail-nav-link,.site-nav a,.text-link{transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.brand-mark:focus-visible,.brand-mark:hover,.calculator-link:focus-visible,.calculator-link:hover,.category-chip:focus-visible,.category-chip:hover,.detail-chip:focus-visible,.detail-chip:hover{transform:translateY(-2px)}.scroll-anchor{scroll-margin-top:7rem}.loading-shell{min-height:60vh}.loading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem;width:100%}.loading-block{min-height:120px;border-radius:24px;background:linear-gradient(90deg,color-mix(in oklab,#fff 55%,var(--paper) 45%) 0,color-mix(in oklab,#fff 78%,var(--paper) 22%) 50%,color-mix(in oklab,#fff 55%,var(--paper) 45%) 100%);background-size:200% 100%;animation:shimmer 2.2s ease-in-out infinite}.loading-block--wide{grid-column:span 2;min-height:200px}.loading-block--tall{min-height:200px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:980px){.loading-grid{grid-template-columns:1fr}.loading-block--wide{grid-column:span 1}}