@layer reset,base,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}html{color-scheme:light}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}body{min-height:100vh;text-rendering:optimizeLegibility}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}}@layer base{:root{--bg: #f7f6f1;--panel: #ffffff;--panel-soft: #fbfaf6;--ink: #17211b;--muted: #5d6b62;--line: #d9dfd7;--brand: #206b4f;--brand-2: #8e5a24;--brand-soft: #e5f3ed;--warning: #9a5b00;--warning-bg: #fff4d8;--danger: #a83b36;--danger-bg: #ffe8e6;--good: #176a3a;--good-bg: #e5f5ea;--shadow: 0 18px 50px rgb(24 35 29 / .08);--radius: 18px;--max: 1160px}body{background:radial-gradient(circle at top left,rgb(32 107 79 / .14),transparent 32rem),linear-gradient(180deg,#fbfaf6 0%,var(--bg) 60%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}a{color:var(--brand);text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{color:#124934}p+p{margin-top:1rem}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2.3rem,7vw,4.9rem);max-width:12ch}h2{font-size:clamp(1.7rem,4vw,2.65rem);margin-top:2.3rem}h3{font-size:1.25rem;margin-top:1.5rem}ul,ol{padding-left:1.25rem}code{background:#edf1ea;border-radius:.4rem;padding:.08rem .3rem}}@layer components{.site-header{border-bottom:1px solid rgb(23 33 27 / .08);background:#fbfaf6db;backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.nav{max-width:var(--max);margin:0 auto;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.6rem;color:var(--ink);font-weight:820;text-decoration:none;letter-spacing:-.03em}.brand-mark{width:2.15rem;height:2.15rem;border-radius:.7rem;display:grid;place-items:center;background:var(--brand);color:#fff;box-shadow:0 8px 20px #206b4f38}.nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem;font-size:.94rem}.nav-links a{color:var(--muted);text-decoration:none}.nav-links a:hover{color:var(--brand)}.container{width:min(var(--max),calc(100% - 2rem));margin-inline:auto}.hero{padding:clamp(3rem,8vw,6.5rem) 0 2.5rem}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.75fr);gap:clamp(1.5rem,5vw,4rem);align-items:center}.eyebrow{color:var(--brand);font-weight:760;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;margin-bottom:.85rem}.lede{font-size:clamp(1.1rem,2vw,1.35rem);color:var(--muted);max-width:62ch;margin-top:1.2rem}.hero-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;margin-top:1rem}.stat{background:var(--panel-soft);border:1px solid var(--line);border-radius:14px;padding:1rem}.stat strong{display:block;font-size:1.55rem;letter-spacing:-.04em}.stat span{color:var(--muted);font-size:.9rem}.section{padding:2rem 0 4rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem;box-shadow:0 12px 30px #18231d0d}.card h3{margin-top:0;letter-spacing:-.025em}.card p{color:var(--muted);margin-top:.45rem}.card-link{text-decoration:none;color:inherit;display:block;height:100%}.tag{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line);background:var(--panel-soft);color:var(--muted);border-radius:999px;padding:.25rem .65rem;font-size:.82rem;font-weight:650}.page-head{padding:2.5rem 0 1rem}.breadcrumbs{color:var(--muted);font-size:.9rem;margin-bottom:1rem}.breadcrumbs a{color:var(--muted);text-decoration:none}.calculator-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:1.3rem;align-items:start;padding-bottom:4rem}.calculator-shell{background:var(--panel);border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);padding:clamp(1rem,3vw,1.5rem);box-shadow:var(--shadow)}.calc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field{display:grid;gap:.35rem}.field label,.field .label{font-size:.9rem;font-weight:720;color:#26352c}.field small{color:var(--muted)}input,select{width:100%;border:1px solid #cdd6cc;border-radius:12px;padding:.72rem .8rem;background:#fff;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #206b4f24}.full{grid-column:1 / -1}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1.2rem}.result{border:1px solid var(--line);background:var(--panel-soft);border-radius:15px;padding:1rem;min-height:6rem}.result .label{color:var(--muted);font-size:.86rem;font-weight:700}.result .value{font-size:clamp(1.45rem,3vw,2rem);font-weight:830;letter-spacing:-.05em;margin-top:.2rem}.result .help{color:var(--muted);font-size:.86rem;margin-top:.2rem}.notice{border-radius:14px;padding:.85rem 1rem;background:var(--brand-soft);border:1px solid #c8e5d8;color:#244c3b;margin-top:1rem}.notice.warning{background:var(--warning-bg);border-color:#f0d798;color:#60410b}.notice.danger{background:var(--danger-bg);border-color:#f2b9b5;color:#74302c}.formula-box{background:#17211b;color:#eff8f2;border-radius:var(--radius);padding:1rem;overflow-x:auto;margin:1rem 0}.formula-box code{background:transparent;padding:0;color:inherit}.content-card{background:#ffffffb8;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.1rem,3vw,1.6rem)}.content-card :is(p,li){color:#3d4c43}.content-card h2:first-child{margin-top:0}.faq-section{margin-top:2.4rem;border-top:1px solid var(--line);padding-top:.5rem}.faq-list{display:grid;gap:.75rem;margin-top:1rem}.faq-item{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:.85rem 1rem}.faq-item summary{cursor:pointer;font-weight:760;color:var(--ink)}.faq-item p{margin-top:.65rem}.sidebar{position:sticky;top:5.2rem;display:grid;gap:1rem}.sidebar .card{box-shadow:none}.footer{border-top:1px solid var(--line);padding:2rem 0;color:var(--muted)}.table-wrap{overflow-x:auto;margin-top:1rem;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;background:var(--panel)}th,td{padding:.75rem;border-bottom:1px solid var(--line);text-align:left}th{background:var(--panel-soft);font-size:.86rem;color:var(--muted)}tr:last-child td{border-bottom:0}}@layer utilities{.muted{color:var(--muted)}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.cluster{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@media(max-width:880px){.hero-grid,.calculator-layout{grid-template-columns:1fr}.sidebar{position:static}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.nav{align-items:flex-start;flex-direction:column}.nav-links{justify-content:flex-start}.grid,.calc-grid,.result-grid,.stat-grid{grid-template-columns:1fr}h1{max-width:none}}