:root{--bg:#ffffff;--bg-soft:#f6f8fb;--bg-sun:#fff7e6;--text:#1a2230;--text-soft:#51607a;--border:#e4e9f1;--brand:#f5a623;--brand-dark:#d4860a;--accent:#0e7c66;--accent-soft:#e6f4f0;--great:#0e7c66;--good:#2f7ed8;--fair:#c47d12;--radius:14px;--shadow:0 1px 2px rgba(20,30,50,0.04),0 8px 24px rgba(20,30,50,0.06);--maxw:1080px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.answer a,.article a,.lead a,.notice a,li a,p a{text-decoration:underline;text-underline-offset:2px}h1,h2,h3{line-height:1.2;color:var(--text);margin:0 0 .5em}h1{font-size:clamp(1.7rem,4vw,2.6rem);letter-spacing:-.02em}h2{font-size:clamp(1.3rem,3vw,1.9rem);letter-spacing:-.01em;margin-top:1.6em}h3{font-size:1.15rem}p{margin:0 0 1em}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.narrow{max-width:760px}.site-header{border-bottom:1px solid var(--border);background:rgba(255,255,255,.9);-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);position:-webkit-sticky;position:sticky;top:0;z-index:50}.site-header .inner{display:flex;align-items:center;justify-content:space-between;height:62px}.logo{font-weight:800;font-size:1.2rem;letter-spacing:-.02em;color:var(--text);display:inline-flex;align-items:center;gap:8px}.logo:hover{text-decoration:none}.logo .dot{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffd773,var(--brand));box-shadow:0 0 0 4px var(--bg-sun)}.nav{display:flex;gap:22px;align-items:center}.nav a{color:var(--text-soft);font-size:.95rem;font-weight:500}.nav a:hover{color:var(--text);text-decoration:none}.nav a.btn{color:#2a1c00}@media (max-width:720px){.nav a:not(.btn){display:none}}.btn{display:inline-block;background:var(--brand);color:#2a1c00;font-weight:700;padding:11px 20px;border-radius:10px;border:none;cursor:pointer;font-size:.97rem;transition:transform .05s ease,background .15s ease}.btn:hover{background:var(--brand-dark);text-decoration:none;color:#2a1c00}.btn:active{transform:translateY(1px)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-ghost:hover{background:var(--bg-soft);color:var(--text)}.hero{background:linear-gradient(180deg,var(--bg-sun),var(--bg));padding:56px 0 40px;border-bottom:1px solid var(--border)}.hero p.lead{font-size:1.15rem;color:var(--text-soft);max-width:620px}.eyebrow{display:inline-block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#8a5300;background:#fff;border:1px solid var(--border);padding:5px 12px;border-radius:999px;margin-bottom:16px}.grid{display:grid;grid-gap:16px;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:820px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.card{background:var(--bg);padding:22px;box-shadow:var(--shadow)}.card,.stat{border:1px solid var(--border);border-radius:var(--radius)}.stat{background:var(--bg-soft);padding:18px 20px}.stat .k{font-size:.82rem;color:var(--text-soft);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.stat .v{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;margin-top:4px}.stat .v.accent{color:var(--accent)}.badge{display:inline-block;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:999px}.badge.great{background:var(--accent-soft);color:var(--great)}.badge.good{background:#e7f0fb;color:var(--good)}.badge.fair{background:#fbf1dd;color:var(--fair)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}table{border-collapse:collapse;width:100%;font-size:.95rem}td,th{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border);white-space:nowrap}th{font-size:.82rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-soft)}tbody tr:hover,th{background:var(--bg-soft)}td.num,th.num{text-align:right}.calc{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.field{margin-bottom:16px}.field label{display:block;font-weight:600;font-size:.92rem;margin-bottom:6px}.field input,.field select{width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:10px;font-size:1rem;font-family:inherit;background:#fff;color:var(--text)}.field input:focus,.field select:focus{outline:2px solid var(--brand);border-color:var(--brand)}.range-row{display:flex;align-items:center;gap:12px}.range-row input[type=range]{flex:1 1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border-radius:999px;background:#f0e3c8;outline:none;margin:14px 0;touch-action:pan-y}.range-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--brand);border:3px solid #fff;box-shadow:0 1px 5px rgba(20,30,50,.3);cursor:pointer}.range-row input[type=range]::-moz-range-thumb{width:28px;height:28px;border:3px solid #fff;border-radius:50%;background:var(--brand);box-shadow:0 1px 5px rgba(20,30,50,.3);cursor:pointer}.range-row input[type=range]::-moz-range-track{height:8px;border-radius:999px;background:#f0e3c8}.range-row input[type=range]:focus-visible{box-shadow:0 0 0 3px rgba(245,166,35,.35)}.kv td,.kv th{white-space:normal}.kv td.num{width:1%}.range-val{font-weight:800;min-width:84px;text-align:right}@media (max-width:520px){.calc{padding:16px}.stat{padding:14px 16px}.stat .v{font-size:1.4rem}.range-val{min-width:70px}}.ad-slot{margin:28px 0;min-height:90px;background:repeating-linear-gradient(45deg,var(--bg-soft),var(--bg-soft) 10px,#eef2f7 10px,#eef2f7 20px);border:1px dashed var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#97a3b8;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.faq details{border:1px solid var(--border);border-radius:10px;padding:4px 16px;margin-bottom:10px;background:var(--bg)}.faq summary{cursor:pointer;font-weight:600;padding:12px 0;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--text-soft);font-weight:700}.faq details[open] summary:after{content:"–"}.faq details[open] summary{border-bottom:1px solid var(--border)}.faq .answer{padding:12px 0;color:var(--text-soft)}.section{padding:36px 0}.muted{color:var(--text-soft)}.small{font-size:.85rem}.center{text-align:center}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{border:1px solid var(--border);border-radius:999px;padding:7px 14px;font-size:.9rem;font-weight:500;background:var(--bg);color:var(--text)}.pill:hover{background:var(--bg-soft);text-decoration:none}.notice{background:var(--accent-soft);border:1px solid #bfe3da;border-radius:10px;padding:14px 16px;font-size:.92rem;color:#134e43}.article{font-size:1.06rem;line-height:1.75}.article p{margin:0 0 1.1em}.article h2{margin-top:1.7em;padding-top:.3em}.article h3{margin-top:1.4em}.article ol,.article ul{margin:0 0 1.2em;padding-left:1.3em}.article li{margin-bottom:.5em}.article .notice{margin:1.4em 0;font-size:1rem}.article table td,.article table th{white-space:normal}.cta{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;background:linear-gradient(135deg,var(--bg-sun),#ffe7b8);border:1px solid #f3d79a;border-radius:var(--radius);padding:22px 24px;margin:24px 0}.cta-copy{flex:1 1 320px}.cta-copy h2,.cta-copy h3{font-size:1.2rem;margin:0 0 4px}.cta-copy p{margin:0;color:var(--text-soft);font-size:.95rem}.cta-btn{flex-shrink:0;font-size:1.02rem;padding:13px 26px;white-space:nowrap}@media (max-width:560px){.cta{padding:18px}.cta-btn{width:100%;text-align:center}}.site-footer{border-top:1px solid var(--border);background:var(--bg-soft);padding:40px 0 28px;margin-top:48px;font-size:.92rem}.footer-cols{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}.footer-cols a{color:var(--text-soft);display:block;margin-bottom:8px}.footer-cols h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text);margin:0 0 12px}.breadcrumbs{font-size:.85rem;padding:16px 0 0}.breadcrumbs,.breadcrumbs a{color:var(--text-soft)}