:root,[data-theme=light]{--color-bg: #f6f5f0;--color-surface: #fdfcf9;--color-surface-2: #ffffff;--color-surface-offset: #eeebe3;--color-surface-offset-2: #e6e2d7;--color-divider: #e0dcd1;--color-border: #d6d1c3;--color-text: #211d15;--color-text-muted: #55503f;--color-text-faint: #857f6c;--color-text-inverse: #fdfcf9;--color-primary: #0f5c50;--color-primary-hover: #0a453c;--color-primary-active: #073329;--color-primary-highlight: #dbe8e2;--color-terracotta: #b5502e;--color-terracotta-highlight: #f0ddd2;--radius-sm: .4rem;--radius-md: .65rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--transition-interactive: .2s cubic-bezier(.16, 1, .3, 1);--shadow-sm: 0 1px 2px oklch(.2 .02 100 / .05), 0 1px 1px oklch(.2 .02 100 / .03);--shadow-md: 0 6px 20px oklch(.2 .02 100 / .08), 0 2px 6px oklch(.2 .02 100 / .05);--shadow-lg: 0 20px 48px oklch(.2 .02 100 / .16), 0 4px 12px oklch(.2 .02 100 / .06);--content-narrow: 640px;--content-default: 780px;--content-wide: 1240px;--font-display: "Cabinet Grotesk", "Georgia", serif;--font-body: "Satoshi", "Helvetica Neue", sans-serif;--text-xs: clamp(.75rem, .72rem + .15vw, .8125rem);--text-sm: clamp(.9rem, .87rem + .15vw, .9375rem);--text-base: clamp(1.0625rem, 1rem + .2vw, 1.125rem);--text-lg: clamp(1.2rem, 1.1rem + .4vw, 1.4375rem);--text-xl: clamp(1.5rem, 1.3rem + .9vw, 2.0625rem);--text-2xl: clamp(2.1rem, 1.5rem + 2.6vw, 3.75rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem}[data-theme=dark]{--color-bg: #14130f;--color-surface: #1a1814;--color-surface-2: #201e18;--color-surface-offset: #1e1c17;--color-surface-offset-2: #262319;--color-divider: #2a271f;--color-border: #38352a;--color-text: #ede9de;--color-text-muted: #b3ac99;--color-text-faint: #7d7768;--color-text-inverse: #1a1814;--color-primary: #5cb3a0;--color-primary-hover: #7ec6b5;--color-primary-active: #94d1c2;--color-primary-highlight: #223530;--color-terracotta: #d97b52;--color-terracotta-highlight: #3a2a20;--shadow-sm: 0 1px 2px oklch(0 0 0 / .3);--shadow-md: 0 6px 20px oklch(0 0 0 / .4);--shadow-lg: 0 20px 48px oklch(0 0 0 / .55)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;scroll-behavior:smooth;scroll-padding-top:5rem}body{min-height:100dvh;line-height:1.7;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);transition:background var(--transition-interactive),color var(--transition-interactive)}body.menu-open{overflow:hidden}img,svg{display:block;max-width:100%}ul[role=list]{list-style:none}input,button,select{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;line-height:1.15;font-weight:700;letter-spacing:-.01em}p{max-width:68ch}a{color:var(--color-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}button{cursor:pointer;background:none;border:none}a,button,[role=button],input,select{transition:color var(--transition-interactive),background var(--transition-interactive),border-color var(--transition-interactive),box-shadow var(--transition-interactive),transform var(--transition-interactive)}.container{max-width:var(--content-default);margin-inline:auto;padding-inline:var(--space-5)}.container-wide{max-width:var(--content-wide);margin-inline:auto;padding-inline:var(--space-5)}.site-header{position:sticky;top:0;z-index:300;background:var(--color-bg);border-bottom:1px solid var(--color-divider)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-4);max-width:var(--content-wide);margin-inline:auto;padding-inline:var(--space-5);gap:var(--space-6)}.logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text);font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);flex-shrink:0}.logo svg{color:var(--color-primary)}.nav-links{display:flex;gap:var(--space-5);align-items:center;flex:1;justify-content:flex-end;overflow-x:auto}.nav-links a{position:relative;color:var(--color-text-muted);text-decoration:none;font-size:var(--text-sm);font-weight:500;padding-block:var(--space-1);white-space:nowrap}.nav-links a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-interactive)}.nav-links a:hover{color:var(--color-text)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a.active{color:var(--color-primary);font-weight:700}.theme-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-full);color:var(--color-text-muted);border:1px solid var(--color-border);flex-shrink:0}.theme-toggle:hover{color:var(--color-primary);border-color:var(--color-primary);transform:rotate(15deg)}.nav-mobile-toggle{display:none;background:none;border:none;color:var(--color-text);width:44px;height:44px;align-items:center;justify-content:center;flex-shrink:0}.nav-close,.mobile-theme-row,.nav-backdrop{display:none}@media (max-width:900px){.header-inner{position:relative}.desktop-theme-toggle{display:none}.nav-mobile-toggle{display:flex}.nav-backdrop{display:block;position:fixed;inset:0;background:#03030373;opacity:0;visibility:hidden;transition:opacity var(--transition-interactive);z-index:200}.nav-backdrop.open{opacity:1;visibility:visible}.nav-links{position:fixed;top:0;right:0;height:100dvh;width:min(82vw,320px);background:var(--color-surface);border-left:1px solid var(--color-border);flex-direction:column;align-items:stretch;justify-content:flex-start;padding:var(--space-8) var(--space-5) var(--space-8);gap:0;transform:translate(100%);transition:transform var(--transition-interactive);z-index:210;box-shadow:var(--shadow-lg);overflow-y:auto}.nav-links.open{transform:translate(0)}.nav-links a{font-size:var(--text-lg);padding:var(--space-4) var(--space-2);border-bottom:1px solid var(--color-divider);width:100%}.nav-links a:after{display:none}.nav-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-text-muted);margin-bottom:var(--space-4);align-self:flex-end}.mobile-theme-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-2) var(--space-2);margin-top:var(--space-3)}.mobile-theme-row span{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:600}}.hero{padding-block:var(--space-16) var(--space-10)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-primary-highlight);color:var(--color-primary);border-radius:var(--radius-full);padding:var(--space-1) var(--space-4);font-size:var(--text-xs);font-weight:600;letter-spacing:.03em;text-transform:uppercase;margin-bottom:var(--space-5)}.hero-badge svg{width:14px;height:14px}.hero h1{font-size:var(--text-2xl);margin-bottom:var(--space-4);max-width:20ch}.hero .accent{color:var(--color-primary)}.hero p{color:var(--color-text-muted);font-size:var(--text-lg);max-width:52ch;margin-bottom:0}@media (max-width:768px){.hero{padding-block:var(--space-10) var(--space-8)}}.ad-unit{margin-block:var(--space-5);min-height:0}.ad-unit:empty{display:none}.section-label{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.section-label .line{flex:1;height:1px;background:var(--color-divider)}.section-label span{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-weight:700;white-space:nowrap}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:var(--space-5);margin-block:var(--space-6) var(--space-10)}.tool-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-interactive)}.tool-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:color-mix(in oklab,var(--color-primary) 30%,var(--color-border))}.tool-card:hover:before{transform:scaleX(1)}.tool-card .icon-wrap{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin-bottom:var(--space-4)}.tool-card .icon-wrap svg{width:26px;height:26px}.tool-card h2{font-size:var(--text-lg);margin-bottom:var(--space-2)}.tool-card p{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:0;flex:1}.tool-card .go{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.03em;margin-top:var(--space-4)}.tool-card .go svg{width:14px;height:14px;transition:transform var(--transition-interactive)}.tool-card:hover .go svg{transform:translate(3px)}.calc-page{padding-block:var(--space-10) var(--space-10)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-faint);margin-bottom:var(--space-5);text-transform:uppercase;letter-spacing:.03em}.breadcrumb a{color:var(--color-text-faint);text-decoration:none}.breadcrumb a:hover{color:var(--color-primary)}.calc-page h1{font-size:var(--text-xl);margin-bottom:var(--space-2)}.calc-page .subtitle{color:var(--color-text-muted);margin-bottom:var(--space-8);font-size:var(--text-base)}.calculator-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);position:relative}.calculator-card:before{content:"";position:absolute;top:0;left:var(--space-8);right:var(--space-8);height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-terracotta));border-radius:0 0 var(--radius-sm) var(--radius-sm)}.unit-toggle{display:inline-flex;background:var(--color-surface-offset);border-radius:var(--radius-full);padding:3px;margin-bottom:var(--space-6)}.unit-toggle button{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted)}.unit-toggle button.active{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}@media (max-width:600px){.form-grid{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field.span-2{grid-column:1/-1}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}label{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.hint{font-size:var(--text-xs);color:var(--color-text-faint);font-weight:400}input,select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--color-surface-2);color:var(--color-text)}input:focus,select:focus{outline:2px solid var(--color-primary);outline-offset:1px;border-color:var(--color-primary)}.calc-btn{background:var(--color-primary);color:var(--color-text-inverse);border:none;padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:700;width:100%;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.calc-btn svg{width:18px;height:18px}.calc-btn:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.calc-btn:active{background:var(--color-primary-active);transform:scale(.98)}.result-box{margin-top:var(--space-6);padding:var(--space-6);background:linear-gradient(135deg,var(--color-primary-highlight),color-mix(in oklab,var(--color-primary-highlight) 60%,var(--color-terracotta-highlight)));border-radius:var(--radius-lg);display:none;border:1px solid color-mix(in oklab,var(--color-primary) 20%,transparent)}.result-box.visible{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-5);animation:fadeUp .45s cubic-bezier(.16,1,.3,1)}.result-box.single-col.visible{display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result-item .result-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-1);font-weight:600}.result-item .result-value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-primary-active)}.result-item .result-range{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1);font-weight:500}[data-theme=dark] .result-item .result-value{color:var(--color-primary)}.formula-select{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-6)}.formula-chip{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);background:var(--color-surface-2)}.formula-chip.active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.formula-chip[disabled]{opacity:.45;cursor:not-allowed}.result-table-wrap{margin-top:var(--space-6);display:none}.result-table-wrap.visible{display:block;animation:fadeUp .45s cubic-bezier(.16,1,.3,1)}.result-table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);flex-wrap:wrap;gap:var(--space-3)}.result-table-header .unit-toggle{margin-bottom:0}.result-table table{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.result-table th,.result-table td{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-sm);border-bottom:1px solid var(--color-divider)}.result-table th{background:var(--color-surface-offset);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.04em}.result-table tr:last-child td{border-bottom:none}.result-table tr.highlight td{background:var(--color-primary-highlight);font-weight:700;color:var(--color-primary-active)}[data-theme=dark] .result-table tr.highlight td{color:var(--color-primary)}.next-step-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-block:var(--space-6);display:none}.next-step-box.visible{display:block;animation:fadeUp .4s cubic-bezier(.16,1,.3,1)}.next-step-box .nsb-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-faint);font-weight:700;margin-bottom:var(--space-2)}.next-step-box .nsb-links{display:flex;flex-direction:column;gap:var(--space-2)}.next-step-box a{font-size:var(--text-sm);font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.next-step-box a svg{width:14px;height:14px;flex-shrink:0}.content-section{color:var(--color-text)}.content-section h2{font-size:var(--text-lg);margin-top:var(--space-16);margin-bottom:var(--space-5);color:var(--color-text);padding-top:var(--space-2)}.content-section h2:first-child{margin-top:0}.content-section h3{font-family:var(--font-body);font-size:var(--text-base);font-weight:700;margin-top:var(--space-10);margin-bottom:var(--space-4);color:var(--color-text);padding-top:var(--space-1)}.content-section p{color:var(--color-text);margin-bottom:var(--space-4);font-size:var(--text-base)}.content-section ul{margin:var(--space-5) 0 var(--space-6) var(--space-5);color:var(--color-text)}.content-section li{margin-bottom:var(--space-3)}.formula-block{background:var(--color-surface-offset);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);padding:var(--space-5);margin:var(--space-6) 0 var(--space-8) 0;font-family:Courier New,monospace;font-size:var(--text-sm);color:var(--color-text);overflow-x:auto;line-height:1.9;white-space:pre-line}sup.src{font-size:.7em;color:var(--color-primary);font-weight:700;margin-left:1px}sup.src a{text-decoration:none;color:inherit;cursor:pointer}sup.src a:hover{text-decoration:underline}.source-item{scroll-margin-top:6rem;transition:background var(--transition-interactive),border-radius var(--transition-interactive)}.source-item.flash{background:var(--color-primary-highlight);border-radius:var(--radius-sm)}.sources-list{font-size:var(--text-sm);color:var(--color-text-muted);border-top:1px solid var(--color-divider);padding-top:var(--space-5);margin-top:var(--space-8);margin-bottom:0}.sources-list h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-faint);margin-top:0;margin-bottom:var(--space-3);font-family:var(--font-body);padding-top:0}.sources-list ol{margin-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:0}.sources-list li{font-size:var(--text-sm);padding:var(--space-1) var(--space-2)}.faq-item{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-divider)}.faq-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.faq-item h3{font-family:var(--font-body);font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-3);margin-top:0;padding-top:0}.faq-item p{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:0}.legal-page{padding-block:var(--space-10) var(--space-16)}.legal-page h1{font-size:var(--text-xl);margin-bottom:var(--space-2)}.legal-page .updated{color:var(--color-text-faint);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-8);font-weight:600}.legal-page h2{font-size:var(--text-lg);margin-top:var(--space-10);margin-bottom:var(--space-4)}.legal-page h2:first-of-type{margin-top:0}.legal-page p{margin-bottom:var(--space-4);color:var(--color-text)}.legal-page ul{margin:var(--space-4) 0 var(--space-5) var(--space-5);color:var(--color-text)}.legal-page li{margin-bottom:var(--space-2)}.legal-page a{font-weight:600}.legal-toc{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-8)}.legal-toc .nsb-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-faint);font-weight:700;margin-bottom:var(--space-3)}.legal-toc ul{margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.legal-toc li{margin:0}.legal-toc a{font-size:var(--text-sm);text-decoration:none}.site-footer{border-top:1px solid var(--color-divider);padding-block:var(--space-10);margin-top:0}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.footer-links{display:flex;gap:var(--space-5);flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--color-text-muted);font-size:var(--text-sm);text-decoration:none}.footer-links a:hover{color:var(--color-primary)}.footer-legal{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center;margin-top:var(--space-1)}.footer-legal a{color:var(--color-text-faint);font-size:var(--text-xs);text-decoration:none}.footer-legal a:hover{color:var(--color-primary)}.site-footer p{color:var(--color-text-faint);font-size:var(--text-xs);text-align:center;margin:0}.page{display:none}.page.active{display:block;animation:pageIn .35s cubic-bezier(.16,1,.3,1)}@keyframes pageIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}