:root {
  --ink: #17213a;
  --ink-soft: #3f4a60;
  --paper: #fbfaf6;
  --surface: #ffffff;
  --surface-soft: #eef4f1;
  --surface-warm: #f7f1e6;
  --brand: #145c4a;
  --brand-dark: #0d4638;
  --brand-pale: #dcebe5;
  --accent: #a66f0a;
  --danger: #a12b2b;
  --border: #c9d2dd;
  --focus: #0066cc;
  --shadow: 0 16px 40px rgba(23,33,58,.09);
  --radius: 18px;
  --max: 1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.68}
img,svg{max-width:100%;height:auto}
a{color:var(--brand-dark);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea,summary{outline-offset:4px}
:focus-visible{outline:3px solid var(--focus)}
.skip-link{position:absolute;left:12px;top:-80px;background:#fff;color:#000;padding:12px 16px;border:2px solid #000;z-index:9999}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(23,33,58,.98);border-bottom:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px)}
.header-inner{max-width:var(--max);margin:0 auto;padding:9px 22px;display:flex;align-items:center;gap:24px;min-height:76px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap;flex:0 0 auto;color:#fff}.brand img{display:block;width:52px;height:52px;border-radius:14px;flex:0 0 52px}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-size:1.15rem;letter-spacing:.01em;color:#fff}.brand-copy small{margin-top:5px;font-size:.72rem;color:#dce5ef;letter-spacing:.02em}
.menu-button{display:none;margin-left:auto;min-width:48px;min-height:48px;border:1px solid rgba(255,255,255,.5);border-radius:12px;background:#fff;color:var(--ink);font-weight:800}
.primary-nav{margin-left:auto}.primary-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:6px;align-items:center}.primary-nav a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:#fff;font-weight:760}.primary-nav a:hover,.primary-nav a[aria-current="page"]{background:#f2c84b;color:#17213a}
.container{max-width:var(--max);margin:0 auto;padding:0 22px}.narrow{max-width:850px}
main{min-height:60vh}.hero{padding:44px 0 38px;background:linear-gradient(135deg,#f8f1df,var(--paper) 55%,#dcebe5)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:40px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:850;color:var(--brand-dark);margin:0 0 10px}.hero h1,.page-hero h1,.article-header h1{font-family:Georgia,Cambria,"Times New Roman",serif;font-size:clamp(2.35rem,6vw,4.65rem);line-height:1.05;letter-spacing:-.035em;margin:.1em 0 .28em}.hero p.lede,.page-hero p.lede{font-size:clamp(1.05rem,2vw,1.25rem);max-width:72ch;color:var(--ink-soft)}
.hero-copy{position:relative;z-index:2}.brand-hero{padding:26px 0 34px;background:linear-gradient(135deg,#071c3d,#0b615a)}.brand-hero-image{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 24px 60px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.2)}.brand-hero-actions{margin-top:22px;background:#fbfaf6;border-radius:20px;padding:24px 28px;box-shadow:0 14px 36px rgba(0,0,0,.16)}.brand-hero-actions h1{font-family:Georgia,Cambria,"Times New Roman",serif;font-size:clamp(1.85rem,4vw,3rem);line-height:1.08;letter-spacing:-.025em;margin:.1em 0 .25em}.brand-hero-actions .button-row{margin-bottom:14px}.hero-proof{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:18px 0 0;padding:0;color:var(--ink-soft);font-size:.94rem;font-weight:760}.hero-proof li{position:relative;padding-left:22px}.hero-proof li:before{content:"✓";position:absolute;left:0;color:var(--brand);font-weight:950}.trust-list{list-style:none;padding:0;margin:0}.trust-list li{padding:8px 0 8px 28px;position:relative}.trust-list li:before{content:"✓";position:absolute;left:0;color:#8dd1b9;font-weight:900}
.section{padding:54px 0}.section-tight{padding:34px 0}.section-alt{background:var(--surface-soft);border-block:1px solid var(--border)}.section h2,.article-body h2,.legal h2{font-family:Georgia,Cambria,"Times New Roman",serif;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.2;margin:0 0 16px}.section-intro{max-width:76ch;color:var(--ink-soft);font-size:1.08rem}
.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:0 8px 24px rgba(23,33,58,.05)}.card h2,.card h3{margin-top:0}.card p:last-child{margin-bottom:0}.card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--ink);transition:transform .16s ease,box-shadow .16s ease}.card-link:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.card-link .link-label{margin-top:auto;color:var(--brand-dark);font-weight:850}.tag{display:inline-block;background:var(--brand-pale);color:var(--brand-dark);padding:4px 9px;border-radius:999px;font-size:.78rem;font-weight:800}.meta{color:var(--ink-soft);font-size:.92rem}.metric{font-size:2rem;font-weight:900;line-height:1.1;color:var(--brand-dark)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:11px 18px;border-radius:12px;border:2px solid var(--brand);background:var(--brand);color:#fff;font-weight:850;text-decoration:none;cursor:pointer}.button:hover{background:var(--brand-dark);border-color:var(--brand-dark)}.button.secondary{background:#fff;color:var(--brand-dark)}.button.secondary:hover{background:var(--brand-pale)}.button.ghost{background:transparent;color:var(--brand-dark);border-color:var(--border)}
.button-row{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
.page-hero{padding:42px 0 28px;border-bottom:1px solid var(--border);background:linear-gradient(120deg,var(--surface),var(--surface-warm))}.page-hero h1{font-size:clamp(2rem,5vw,3.65rem)}
.breadcrumbs{font-size:.9rem;color:var(--ink-soft);margin-bottom:12px}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}.breadcrumbs li:not(:last-child):after{content:"/";margin-left:6px;color:#7a8497}
.calculator-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:28px;align-items:start}.calculator-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:800}.field small{color:var(--ink-soft)}.field input,.field select{width:100%;min-height:48px;border:1px solid #7e899c;border-radius:10px;background:#fff;color:var(--ink);padding:10px 12px}.field input::placeholder{color:#667085}.error{color:var(--danger);font-weight:750}.results{background:var(--ink);color:#fff;border-radius:var(--radius);padding:24px;position:sticky;top:92px}.results h2,.results h3{color:#fff}.results p{color:#f4f6f9}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.result-item{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:14px}.result-label{font-size:.83rem;color:#dce2eb}.result-value{font-size:1.35rem;font-weight:900}.result-note{font-size:.88rem;color:#dce2eb}.results-placeholder{color:#e7ebf1}.calculator-context{margin-top:28px}.calculator-context .card{box-shadow:none}.warning{background:#fff4dd;border-left:5px solid var(--accent);padding:16px 18px;border-radius:10px;color:var(--ink)}.success{background:var(--brand-pale);border-left:5px solid var(--brand);padding:16px 18px;border-radius:10px}.disclaimer{background:#f1f3f7;border:1px solid var(--border);padding:16px 18px;border-radius:12px;color:var(--ink-soft)}
.article-header{padding:40px 0 24px}.article-header h1{font-size:clamp(2.2rem,5vw,4rem)}.article-meta{display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--ink-soft);font-size:.93rem}.article-layout{display:grid;grid-template-columns:minmax(0,790px) minmax(240px,1fr);gap:38px;align-items:start}.article-body{font-size:1.06rem}.article-body h2{margin-top:2.1em}.article-body h3{font-family:Georgia,Cambria,"Times New Roman",serif;font-size:1.35rem;margin-top:1.6em}.article-body p,.article-body li{max-width:76ch}.article-body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.96rem;display:block;overflow-x:auto}.article-body th,.article-body td{border:1px solid var(--border);padding:11px;text-align:left;vertical-align:top}.article-body th{background:var(--surface-soft)}.article-body blockquote{margin:24px 0;padding:8px 20px;border-left:5px solid var(--brand);background:var(--surface-soft)}.article-image{width:100%;border:1px solid var(--border);border-radius:var(--radius);background:#fff;margin:18px 0 26px}.article-aside{position:sticky;top:92px}.toc{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:18px}.toc h2{font-size:1.15rem;margin:0 0 10px}.toc ol{padding-left:20px;margin:0}.toc li{margin:7px 0}.author-card{margin:34px 0;background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.sources{margin:34px 0}.sources li{margin:10px 0}.example-box{background:var(--surface-warm);border:1px solid #decfae;border-radius:var(--radius);padding:20px;margin:28px 0}.example-box h2{margin-top:0}.how-produced{background:#f3f5f8;border-left:5px solid var(--ink);padding:18px;border-radius:10px;margin:28px 0}
.category-description{max-width:82ch}.category-description p{color:var(--ink-soft)}
.download-card{display:flex;flex-direction:column;height:100%}.download-card .button{margin-top:auto}.format-pill{display:inline-block;border:1px solid var(--brand);color:var(--brand-dark);border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:850}
.site-footer{background:var(--ink);color:#fff;margin-top:56px}.footer-logo{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;margin-bottom:18px}.footer-logo img{display:block;width:64px;height:64px;border-radius:16px;flex:0 0 64px}.footer-logo span{display:flex;flex-direction:column;line-height:1.08}.footer-logo strong{font-size:1.22rem}.footer-logo small{margin-top:5px;color:#dfe5ee;font-size:.78rem}.footer-grid{max-width:var(--max);margin:0 auto;padding:42px 22px;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px}.site-footer h2,.site-footer h3{color:#fff;margin-top:0}.site-footer p,.site-footer li{color:#e0e5ed}.site-footer a{color:#fff}.site-footer ul{list-style:none;padding:0}.site-footer li{margin:7px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.18);padding:16px 22px;text-align:center;color:#dfe5ee;font-size:.88rem}
.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:100;background:#fff;border:2px solid var(--ink);border-radius:16px;padding:18px;box-shadow:var(--shadow);display:none;max-width:760px;margin:auto}.cookie-banner.visible{display:block}.cookie-actions{display:flex;flex-wrap:wrap;gap:10px}.cookie-banner p{margin-top:0}
.not-found{text-align:center;padding:80px 22px}.not-found h1{font-family:Georgia,Cambria,"Times New Roman",serif;font-size:clamp(3rem,12vw,7rem);margin:0}
.only-js-hidden{display:none!important}
@media (max-width:980px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.article-aside{position:static}.calculator-layout{grid-template-columns:1fr}.results{position:static}.hero-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.header-inner{min-height:70px;padding-block:8px}.brand{min-width:0}.brand img{width:46px;height:46px;flex-basis:46px;border-radius:12px}.brand-copy strong{font-size:1rem}.brand-copy small{display:none}.menu-button{display:block}.primary-nav{display:none;position:absolute;left:0;right:0;top:70px;background:var(--ink);border-bottom:1px solid rgba(255,255,255,.18);padding:12px 20px}.primary-nav.open{display:block}.primary-nav ul{align-items:stretch;flex-direction:column}.primary-nav a{min-height:48px;display:flex;align-items:center}.hero{padding:28px 0 24px}.hero h1{font-size:clamp(2.15rem,12vw,3.25rem)}.brand-hero{padding:14px 0 24px}.brand-hero-image{border-radius:14px}.brand-hero-actions{margin-top:14px;padding:20px}.brand-hero-actions h1{font-size:clamp(1.7rem,8vw,2.35rem)}.hero-proof{gap:7px 14px}.section{padding:40px 0}.field-grid,.grid-2,.grid-3,.grid-4,.results-grid,.footer-grid{grid-template-columns:1fr}.calculator-card{padding:18px}.page-hero{padding-top:30px}.article-header{padding-top:28px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media print{.site-header,.site-footer,.cookie-banner,.button,.article-aside{display:none!important}body{background:#fff;color:#000}.container{max-width:none}.card,.calculator-card{box-shadow:none}.article-layout{display:block}a{color:#000;text-decoration:none}}
