:root {
  --bg:#f7f8fa;
  --card:#ffffff;
  --text:#172033;
  --muted:#667085;
  --brand:#1f6feb;
  --brand-dark:#174ea6;
  --border:#e4e7ec;
  --success:#166534;
  --shadow:0 8px 30px rgba(16,24,40,.08);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1120px,calc(100% - 32px));margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:24px}.brand{font-weight:800;font-size:1.25rem;color:var(--text);text-decoration:none}.brand span{color:var(--brand)}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:#344054;font-weight:600}.hero{padding:64px 0 42px;background:linear-gradient(180deg,#eef5ff 0%,var(--bg) 100%)}.hero h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.08;margin:0 0 16px}.hero p{max-width:760px;font-size:1.12rem;color:var(--muted);margin:0}.badge{display:inline-block;background:#dbeafe;color:#1e40af;font-size:.82rem;font-weight:700;padding:7px 10px;border-radius:999px;margin-bottom:18px}.section{padding:38px 0}.section h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:0 0 18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px;box-shadow:var(--shadow)}.card h3{margin:0 0 8px}.card p{margin:0 0 16px;color:var(--muted)}.btn{display:inline-block;background:var(--brand);color:#fff;font-weight:700;padding:11px 16px;border-radius:10px;text-decoration:none;border:0;cursor:pointer}.btn:hover{background:var(--brand-dark);text-decoration:none}.calculator-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:22px;align-items:start}.calc-card,.info-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:700}.field input,.field select{width:100%;padding:12px 13px;border:1px solid #cfd4dc;border-radius:10px;background:white;font:inherit}.field small{color:var(--muted)}.result{margin-top:20px;background:#eff8ff;border:1px solid #b2ddff;border-radius:12px;padding:18px}.result strong{font-size:1.3rem}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.result-item{background:white;border-radius:10px;padding:12px;border:1px solid #d0e7ff}.result-item span{display:block;color:var(--muted);font-size:.85rem}.ad-slot{min-height:110px;border:1px dashed #98a2b3;background:#f9fafb;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#98a2b3;text-align:center;padding:16px}.prose{max-width:820px}.prose h2{margin-top:34px}.prose h3{margin-top:26px}.prose p,.prose li{color:#344054}.notice{background:#fffaeb;border:1px solid #fedf89;border-radius:12px;padding:14px 16px;color:#7a2e0e}.site-footer{margin-top:44px;border-top:1px solid var(--border);background:#fff;padding:30px 0}.footer-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.muted{color:var(--muted)}.tool-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tool-list a{background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-weight:600}.breadcrumbs{font-size:.9rem;color:var(--muted);padding-top:24px}.breadcrumbs a{color:var(--muted)}.article-title{padding:22px 0}.article-title h1{font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.1;margin:0 0 10px}.article-title p{color:var(--muted);max-width:780px;font-size:1.08rem}.faq details{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin:10px 0}.faq summary{cursor:pointer;font-weight:700}.inline-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}.calculator-layout{grid-template-columns:1fr}.header-inner{align-items:flex-start;padding:14px 0;flex-direction:column}nav{padding-bottom:6px}.site-header{position:static}}@media(max-width:600px){.grid,.form-grid,.result-grid,.tool-list{grid-template-columns:1fr}.hero{padding-top:40px}.container{width:min(100% - 22px,1120px)}.card,.calc-card,.info-card{padding:18px}}