:root{color-scheme:light;--ink:#172e3b;--muted:#526574;--paper:#f6f7f4;--line:#dbe2e1;--accent:#245964;--soft:#edf4f2;--error:#993d37;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}[hidden]{display:none!important}a{color:var(--accent);text-underline-offset:3px}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}:focus-visible{outline:3px solid #397bd8;outline-offset:4px}.wrap{width:min(1140px,calc(100% - 64px));margin-inline:auto}.site-header{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.wordmark{color:var(--ink);font-weight:750;letter-spacing:-.4px;text-decoration:none;display:flex;gap:9px;align-items:center}.wordmark-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.header-note{font-size:.75rem;color:var(--muted)}.intro{padding:45px 0 30px;max-width:760px}.eyebrow{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;font-weight:750;color:var(--accent);margin:0 0 12px}h1{font-size:clamp(2rem,4vw,2.9rem);letter-spacing:-1.7px;line-height:1.12;margin:0 0 20px;font-weight:700}.lede{font-size:1.05rem;line-height:1.65;color:var(--muted);max-width:660px;margin:0 0 20px}.scope-strip{font-size:.78rem;color:var(--muted);margin:0}.scope-strip span{color:var(--accent);margin-right:6px}.calculator-layout{display:grid;grid-template-columns:1fr 1.22fr;gap:22px;align-items:stretch;scroll-margin-top:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;min-width:0}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.panel-top .eyebrow{margin:0}.small{font-size:.74rem;line-height:1.6;color:var(--muted);margin:0}.panel h2{font-size:1.25rem;letter-spacing:-.5px;margin:0 0 26px}.field{margin-bottom:20px}label{display:block;font-weight:650;font-size:.84rem}.label-unit{font-weight:400;color:var(--muted)}.hint{font-size:.75rem;line-height:1.5;color:var(--muted);margin:5px 0 9px}.hint strong{font-weight:600}.input-wrap{display:flex;align-items:center;gap:10px;border:1px solid #b8c7cb;border-radius:7px;background:#fff;padding-right:12px}.input-wrap:focus-within{outline:2px solid var(--accent);outline-offset:2px}.input-wrap input{width:100%;min-width:0;border:0;padding:11px 12px;border-radius:7px;color:var(--ink);background:transparent;font-weight:600;font-variant-numeric:tabular-nums;outline:none}.input-wrap span{white-space:nowrap;font-size:.7rem;color:var(--muted)}.input-wrap:has([aria-invalid=true]){border:2px solid var(--error);background:#fff7f6}.field-error{color:var(--error);font-size:.75rem;margin:7px 0 0}.error-summary{background:#fff1ee;color:var(--error);border-left:3px solid var(--error);padding:12px;margin:0 0 18px;font-size:.85rem}.advanced{border-top:1px solid var(--line);padding-top:15px;margin-bottom:20px}.advanced summary{font-size:.8rem;font-weight:600;color:var(--accent);cursor:pointer}.advanced .field{margin:16px 0 0}.form-actions{display:flex;align-items:center;gap:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;border-radius:7px;padding:11px 17px;font-size:.82rem;font-weight:650;text-decoration:none;cursor:pointer}.primary{border:1px solid var(--accent);background:var(--accent);color:#fff;flex:1}.primary:hover{background:#193f47}.secondary{border:1px solid #a9bfbd;background:var(--soft);color:#204e58}.secondary:hover{background:#dfece8}.reset-button{border:0;background:none;color:var(--muted);font-size:.78rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:12px 5px}.privacy-note{font-size:.68rem;color:var(--muted);line-height:1.65;margin:17px 0 0}.result-panel{background:#fbfcfa;display:flex;flex-direction:column}.pill{font-size:.65rem;white-space:nowrap;background:#edf2ed;color:#415957;padding:4px 9px;border-radius:20px}.empty-result{margin:auto 0;padding:45px 9px;color:var(--muted)}.empty-symbol{font-size:2.4rem;color:var(--accent);border:1px solid #cadad2;border-radius:12px;display:inline-grid;place-items:center;width:66px;height:66px;margin-bottom:26px}.empty-result h2{font-size:1.75rem;color:var(--ink);line-height:1.2;margin-bottom:16px}.empty-result p{font-size:.88rem;max-width:330px}.empty-legend{display:flex;flex-direction:column;gap:12px;margin-top:35px;font-size:.74rem;border-top:1px solid var(--line);padding-top:20px}.result-panel .best-fit{font-size:2.9rem;letter-spacing:-1.5px;margin:20px 0 11px;line-height:1.12}.result-summary{font-size:.91rem;color:var(--muted);line-height:1.7;margin:0 0 23px}.time-comparison{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:var(--soft);border:1px solid #d4e1db;border-radius:10px;padding:18px;margin-bottom:11px;gap:15px}.time-comparison .small span{white-space:nowrap}.time-comparison strong{display:block;font-size:1.25rem;margin-top:6px}.time-arrow{color:#667e77}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;border-top:1px solid var(--line);padding-top:21px;margin-top:22px}.metrics span{display:block;font-size:.7rem;color:var(--muted)}.metrics strong{display:block;font-size:1.18rem;font-variant-numeric:tabular-nums;margin-top:5px}.metrics small{display:block;font-size:.65rem;color:var(--muted);margin-top:3px}.result-notes{margin-top:20px}.result-notes p{font-size:.73rem;line-height:1.6;background:#f3f0e7;border-left:2px solid #a7925b;padding:10px 12px;margin:0 0 9px}.result-footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:23px;padding-top:20px;border-top:1px solid var(--line)}.result-footer .small{font-size:.65rem}.comparison-section{margin:34px 0 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:17px}.section-title h2,.explanation h2,.faq h2{font-size:1.3rem;letter-spacing:-.5px;margin:0}.section-title .eyebrow{margin-bottom:7px}.section-title p{font-size:.73rem;color:var(--muted);margin:0}.table-scroll{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:10px;background:#fff}table{border-collapse:collapse;width:100%;min-width:640px;font-size:.77rem;text-align:left}th,td{padding:15px 16px;vertical-align:top;border-bottom:1px solid var(--line)}thead th{background:#f0f3ef;color:#4b625f;font-size:.67rem;font-weight:650;white-space:nowrap}tbody th{font-weight:650}tbody tr:last-child>*{border-bottom:0}.recommended-row{background:#eff7f1}.comparison-table td:nth-child(3){width:24%}.comparison-table td:last-child{width:38%}.status-badge{display:inline-block;white-space:nowrap;font-size:.68rem;font-weight:650;padding:4px 8px;border-radius:4px;background:#edf1ed;color:#4c625d}.status-fits{background:#dcecdf;color:#245437}.status-exceeds-limit{background:#f5e9e4;color:#853f32}.status-unknown{background:#f5edce;color:#6c581b}.comparison-section>.small{margin:12px 0}.projection{margin-top:20px}.projection summary{font-size:.8rem;font-weight:650;cursor:pointer}.projection .small{margin:12px 0}.projection-scroll{max-height:310px}.projection-scroll thead{position:sticky;top:0}.explanation{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:48px 0;padding-top:34px;border-top:1px solid var(--line)}.explanation p,.explanation li{font-size:.82rem;line-height:1.7;color:var(--muted)}.explanation ul{padding-left:18px}.explanation h3{font-size:.88rem;margin:0 0 11px}.explanation h3:not(:first-child){margin-top:26px}.limits-section{margin-bottom:44px}.source-links{display:flex;flex-wrap:wrap;gap:22px;font-size:.76rem}.limits-section>.small{margin:12px 0}.faq{max-width:760px}.faq h2{margin-bottom:20px}.faq details{border-top:1px solid var(--line);padding:17px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:.83rem;font-weight:600}.faq details p{font-size:.79rem;line-height:1.7;color:var(--muted);padding-left:18px}.relationship{margin:35px 0;font-size:.72rem;line-height:1.7;color:var(--muted);max-width:850px}.site-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 0 30px;font-size:.7rem;color:var(--muted)}.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-200%);background:#fff;padding:10px 15px;z-index:10}.skip-link:focus{transform:translateY(0)}.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:800px){.wrap{width:calc(100% - 36px)}.calculator-layout{grid-template-columns:1fr}.intro{padding-top:32px}.panel{padding:24px}.empty-result{padding:28px 0}.empty-result h2 br{display:none}.empty-legend{margin-top:20px}.explanation{gap:30px}.section-title{align-items:start}.section-title>p{max-width:170px}.result-panel .best-fit{font-size:2.6rem}}
@media(max-width:480px){.wrap{width:calc(100% - 28px)}.site-header{padding:22px 0;align-items:start}.header-note{font-size:.6rem;max-width:100px;text-align:right}.wordmark{font-size:.9rem}.intro{padding:28px 0 24px}h1{letter-spacing:-1px}.lede{font-size:.92rem}.scope-strip{font-size:.7rem;line-height:1.8}.panel{padding:20px;border-radius:12px}.panel-top .small{font-size:.65rem}.explanation{grid-template-columns:1fr;gap:24px;margin:34px 0}.section-title{flex-direction:column;gap:9px;align-items:start}.section-title>p{max-width:none}.time-comparison{padding:14px;gap:10px}.time-comparison strong{font-size:1.1rem}.metrics{gap:18px 12px}.metrics strong{font-size:1.03rem}.metrics span{font-size:.66rem}.result-panel .best-fit{font-size:2.4rem}.result-footer{align-items:start;flex-direction:column}.result-footer .button{width:100%}.site-footer{font-size:.65rem}}
.input-wrap{border-color:#86969b}.metrics{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.metrics strong{overflow-wrap:anywhere}.time-comparison{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.time-comparison strong{overflow-wrap:anywhere}#affiliate-disclosure{flex-basis:100%}
@media(prefers-reduced-motion:no-preference){.button{transition:background .12s ease}}
@media print{body{background:#fff}.input-panel,.form-actions,.site-header,.site-footer,.empty-result{display:none}.calculator-layout{display:block}.wrap{width:100%}.table-scroll{overflow:visible}table{min-width:0}.panel{border:0}.projection-scroll{max-height:none}.relationship{break-inside:avoid}}