:root{--bg-page:#f5f8f4;--bg-surface:#fff;--bg-subtle:#f1f5f3;--bg-accent-soft:#e8f3e9;--bg-warning-soft:#fef9ec;--bg-error-soft:#fef2f2;--text-primary:#17261e;--text-secondary:#374941;--text-muted:#5a6d64;--brand-primary:#206047;--brand-primary-hover:#0a4f36;--brand-secondary:#164e63;--accent-amber:#b45309;--error-red:#b91c1c;--border-subtle:#d5e0db;--border-strong:#94a89f;--focus-ring:#206047;--radius-sm:6px;--radius-md:10px;--radius-lg:20px;--shadow-sm:0 1px 3px #111c180f;--shadow-md:0 4px 14px #111c1814;--max-width-container:1120px;--max-width-prose:780px}*,:before,:after{box-sizing:border-box}html{color:var(--text-primary);background-color:var(--bg-page);-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}body{flex-direction:column;min-height:100vh;margin:0;padding:0;display:flex}.skip-link{background:var(--brand-primary);color:#fff;border-radius:var(--radius-sm);z-index:9999;padding:.6rem 1rem;font-weight:600;text-decoration:none;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:.75rem}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}a{color:var(--brand-primary);text-underline-offset:3px;text-decoration:underline}a:hover{color:var(--brand-primary-hover)}.site-header{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);z-index:50;position:sticky;top:0}.header-inner{max-width:var(--max-width-container);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin:0 auto;padding:.65rem 1rem;display:flex}.brand-link{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-link:hover{color:var(--brand-primary)}.brand-badge{background:var(--brand-primary);color:#fff;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;font-weight:800;display:inline-flex}.main-nav{flex-wrap:wrap;align-items:center;gap:.35rem .75rem;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--radius-sm);padding:.3rem .55rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s}.nav-link:hover,.nav-link[aria-current=page]{background:var(--bg-accent-soft);color:var(--brand-primary)}.main-container{max-width:var(--max-width-container);flex:1;width:100%;margin:0 auto;padding:1rem 1rem 3rem}.page-hero{margin-bottom:1rem}.eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--brand-primary);background:var(--bg-accent-soft);border-radius:999px;margin-bottom:.4rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.page-title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 .4rem;font-size:clamp(1.45rem,3.5vw,2.15rem);line-height:1.2}.page-lead{color:var(--text-secondary);max-width:75ch;margin:0;font-size:.975rem}.calculator-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.5rem;margin-bottom:2.25rem;display:grid}@media (min-width:900px){.calculator-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.main-container{padding:1.75rem 1.5rem 4rem}}.calc-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.25rem}@media (min-width:640px){.calc-card{padding:1.5rem}}.unit-toggle-group{background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;margin-bottom:1.1rem;padding:.25rem;display:grid}.unit-toggle-btn{appearance:none;color:var(--text-secondary);border-radius:calc(var(--radius-md) - 2px);cursor:pointer;background:0 0;border:none;min-height:42px;padding:.55rem .75rem;font-size:.875rem;font-weight:700;transition:background-color .15s,color .15s,box-shadow .15s}.unit-toggle-btn[aria-pressed=true]{background:var(--bg-surface);color:var(--brand-primary);box-shadow:var(--shadow-sm)}.form-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:540px){.form-grid-2{grid-template-columns:1fr 1fr}}.field-group{flex-direction:column;gap:.3rem;display:flex}.field-label{color:var(--text-primary);justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.9rem;font-weight:700;display:flex}.field-hint{color:var(--text-muted);font-size:.8rem;font-weight:400}.input-row{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.input-with-unit{align-items:center;display:flex;position:relative}.text-input,.select-input{width:100%;min-height:44px;color:var(--text-primary);background:var(--bg-surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);padding:.55rem .75rem;font-size:1rem;transition:border-color .15s}.input-with-unit .text-input{padding-right:3rem}.unit-suffix{color:var(--text-muted);pointer-events:none;font-size:.85rem;font-weight:600;position:absolute;right:.75rem}.text-input[aria-invalid=true],.select-input[aria-invalid=true]{border-color:var(--error-red);background-color:var(--bg-error-soft)}.field-error{color:var(--error-red);margin-top:.15rem;font-size:.825rem;font-weight:600}.radio-fieldset{border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle);min-inline-size:0;margin:0;padding:.75rem .9rem}.radio-legend{color:var(--text-primary);padding:0 .35rem;font-size:.9rem;font-weight:700}.radio-options{grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.35rem;display:grid}.radio-label{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.5rem;min-height:44px;padding:.55rem .75rem;font-size:.9rem;font-weight:600;display:flex}.radio-label:has(input:checked){border-color:var(--brand-primary);background:var(--bg-accent-soft);color:var(--brand-primary)}.radio-note{color:var(--text-secondary);margin:.5rem 0 0;font-size:.8rem;line-height:1.45}.btn-row{flex-wrap:wrap;gap:.75rem;margin-top:1.1rem;display:flex}.btn-primary{color:#fff;background:var(--brand-primary);border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;min-height:46px;padding:.65rem 1.25rem;font-size:1rem;font-weight:700;transition:background-color .15s}.btn-primary:hover{background:var(--brand-primary-hover)}.btn-secondary{min-height:46px;color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;padding:.65rem 1rem;font-size:.9rem;font-weight:600}.btn-secondary:hover{background:#e2ebe6}.results-panel{background:var(--bg-surface);border:2px solid var(--brand-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.25rem}.results-header{border-bottom:1px solid var(--border-subtle);margin-bottom:1rem;padding-bottom:.75rem}.results-title{color:var(--text-primary);margin:0 0 .25rem;font-size:1.15rem;font-weight:800}.results-subtitle{color:var(--text-muted);margin:0;font-size:.85rem}.metrics-grid{grid-template-columns:1fr;gap:.85rem;margin-bottom:1.1rem;display:grid}.metric-box{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.9rem 1rem}.metric-box-highlight{background:var(--bg-accent-soft);border-color:var(--brand-primary)}.metric-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin:0 0 .2rem;font-size:.8rem;font-weight:700}.metric-value{color:var(--brand-primary);margin:0 0 .25rem;font-size:1.75rem;font-weight:800;line-height:1.15}.metric-unit{color:var(--text-secondary);font-size:.95rem;font-weight:600}.metric-desc{color:var(--text-secondary);margin:0;font-size:.825rem}.content-section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.35rem}@media (min-width:640px){.content-section{padding:1.85rem 2rem}}.content-section h2{color:var(--text-primary);margin-top:0;margin-bottom:.75rem;font-size:1.35rem;line-height:1.3}.content-section h3{color:var(--text-primary);margin-top:1.35rem;margin-bottom:.5rem;font-size:1.1rem}.content-section p,.content-section li{color:var(--text-secondary);font-size:.975rem;line-height:1.65}.content-section ul,.content-section ol{padding-left:1.35rem}.content-section li+li{margin-top:.35rem}.callout{border-left:4px solid var(--brand-primary);background:var(--bg-accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:1rem 0;padding:.9rem 1.1rem;font-size:.925rem}.callout-warning{border-left-color:var(--accent-amber);background:var(--bg-warning-soft)}.callout-title{color:var(--text-primary);margin:0 0 .25rem;font-weight:700}.formula-box{color:#e6f4ee;border-radius:var(--radius-md);background:#14221d;margin:1rem 0;padding:1rem 1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9rem;line-height:1.6;overflow-x:auto}.table-wrapper{border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin:1rem 0;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.data-table th,.data-table td{border-bottom:1px solid var(--border-subtle);padding:.7rem .9rem}.data-table th{background:var(--bg-subtle);color:var(--text-primary);font-weight:700}.data-table tr:last-child td{border-bottom:none}.data-table tr.row-selected td{background:var(--bg-accent-soft);font-weight:700}.card-grid{grid-template-columns:1fr;gap:1rem;margin-top:1rem;display:grid}@media (min-width:680px){.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-2{grid-template-columns:repeat(2,1fr)}}.link-card{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:inherit;flex-direction:column;justify-content:space-between;padding:1.1rem;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.link-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.link-card-title{color:var(--brand-primary);margin:0 0 .4rem;font-size:1.02rem;font-weight:700}.link-card-desc{color:var(--text-secondary);margin:0;font-size:.875rem}.ad-slot-wrapper{background:var(--bg-subtle);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);text-align:center;margin:2rem auto;padding:.75rem}.ad-slot-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.4rem;font-size:.7rem}.site-footer{color:#d5e2dc;background:#101c17;margin-top:auto;padding:2.5rem 1rem 2rem}.footer-inner{max-width:var(--max-width-container);margin:0 auto}.footer-grid{border-bottom:1px solid #ffffff1f;grid-template-columns:1fr;gap:1.75rem;padding-bottom:1.75rem;display:grid}@media (min-width:720px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}.footer-heading{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:.9rem;font-weight:700}.footer-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.footer-list a{color:#c2d4cc;font-size:.875rem;text-decoration:none}.footer-list a:hover{color:#fff;text-decoration:underline}.footer-bottom{color:#9bb2a8;flex-direction:column;gap:.5rem;padding-top:1.25rem;font-size:.8rem;display:flex}.home-hero{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:linear-gradient(120deg,#edf4e5,#f9fbf7);margin:.75rem 0 1.25rem;padding:clamp(1rem,4vw,2.75rem)}.home-hero .page-title{letter-spacing:-.055em;margin:0 0 .5rem;font-size:clamp(2rem,5.5vw,3.65rem);line-height:1.04}.home-hero .page-lead{max-width:56ch;margin-bottom:0}.metric-box-highlight .metric-value{font-variant-numeric:tabular-nums}.footer-grid>div>p:not(.footer-heading){max-width:34ch;font-size:.875rem}:target{scroll-margin-top:7rem}@media (max-width:600px){.site-header{position:static}.header-inner{gap:.25rem}.nav-link{padding:.5rem}.calc-card,.results-panel{padding-inline:1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.roti-calculator{max-width:48rem;margin-block:1.5rem}