:root{font-family:Arial,Helvetica,sans-serif;color:#292724;background:#f5f2ec;font-size:16px;line-height:1.5;--accent:#a44722;--line:#dcd5cb}*{box-sizing:border-box}body{margin:0}header{background:#292724;color:white;padding:22px max(24px,calc((100vw - 1200px)/2));display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{color:white;text-decoration:none;font-size:22px;letter-spacing:-.7px;font-weight:700}.brand span{font-weight:400}.brand small{font-size:16px;color:#e5b48e}.status{font-size:13px;border:1px solid #746c63;padding:4px 10px;border-radius:4px;color:#eee5db}main{max-width:1248px;padding:32px 24px;margin:auto}.intro{margin-bottom:28px}.eyebrow{color:#805033;font-size:12px;letter-spacing:1.6px;font-weight:bold;margin:0 0 9px}h1{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-1.1px;margin:0 0 10px}.intro>p:last-child{color:#655f57;margin:0}.workspace{display:grid;grid-template-columns:350px minmax(0,1fr);gap:30px;align-items:start}.inputs{background:white;border:1px solid var(--line);padding:24px;border-radius:8px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:22px}.number{font-size:12px;color:#6f6255;border:1px solid #cbbeb0;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;flex-shrink:0}h2{font-size:19px;letter-spacing:-.4px;margin:0}fieldset{border:0;padding:0;margin:0}legend{font-size:14px;font-weight:bold;margin-bottom:9px}.mode{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mode label{cursor:pointer}.mode input{position:absolute;opacity:0;width:1px;height:1px}.mode span{display:block;font-size:14px;text-align:center;border:1px solid #c3b9ad;border-radius:4px;padding:10px 5px}.mode input:checked+span{background:#f9e9df;border:1px solid var(--accent);color:#8c391c;font-weight:bold}.mode input:focus-visible+span{outline:3px solid #b8592e;outline-offset:2px}.context,.help{font-size:14px;color:#696158;line-height:1.55}.context{margin:14px 0 22px}.unit-row{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:14px;margin-bottom:16px}select{font:inherit;background:white;border:1px solid #c3b9ad;border-radius:4px;padding:8px;color:#292724;max-width:100%}input[type=number]{font:inherit;font-size:18px;width:100%;padding:10px 12px;border:1px solid #b8aca0;border-radius:4px;color:#292724;min-height:46px;background:white}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b8592e;outline-offset:3px}.dimensions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dimensions label{font-size:14px;font-weight:bold}.dimensions label:last-child{grid-column:1/-1}.dimensions input{margin-top:5px}.unit-label{float:right;color:#75695e;font-weight:normal}.allowance-label{display:block;font-size:14px;font-weight:bold;margin:20px 0 5px}.allowance-label span{float:right;font-weight:normal}.help{margin:10px 0 16px}.primary{background:var(--accent);color:white;border:0;border-radius:4px;width:100%;padding:13px;font:inherit;font-weight:bold;cursor:pointer}.primary:hover{background:#843619}.example{font:inherit;font-size:14px;color:#894321;background:none;border:0;padding:12px 0;cursor:pointer;width:100%;text-decoration:underline;text-underline-offset:3px}.method{border-top:1px solid var(--line);padding-top:16px;margin-top:8px;font-size:14px}.method p{color:#655f57}.method summary{font-weight:bold;cursor:pointer}.quantity{background:#292724;color:white;border-radius:8px;padding:25px 28px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:4px solid #cf7947}.quantity p{font-size:14px;color:#ddd2c6;margin:0 0 7px}.quantity strong{font-size:39px;font-variant-numeric:tabular-nums;line-height:1.15;display:block;letter-spacing:-1px}.quantity #liters{display:block;font-size:14px;color:#d4bba5;margin-top:7px}.breakdown{min-width:165px;font-size:14px;display:grid;gap:12px}.breakdown span{display:flex;gap:18px;justify-content:space-between;color:#ddd2c6}.breakdown b{color:white;font-weight:normal;white-space:nowrap}.notice{background:#fbefdf;border-left:3px solid #ae692f;font-size:14px;padding:13px 15px;margin:16px 0 23px;color:#644a2f}.comparison-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}h3{font-size:18px;margin:0}.comparison-heading label{font-size:14px;color:#655f57}.comparison-heading select{font-size:14px;margin-left:5px}.date{font-size:12px;color:#6c6258;margin:9px 0 15px}.card{border:1px solid var(--line);border-radius:6px;background:white;margin:0 0 12px;padding:20px}.card-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.card h4{font-size:18px;margin:0 0 4px;letter-spacing:-.3px}.card .combo{font-size:14px;color:#655f57;margin:0}.price{text-align:right;font-size:26px;line-height:1.15;font-variant-numeric:tabular-nums;font-weight:bold;white-space:nowrap}.price small{font-size:12px;font-weight:normal;display:block;color:#655f57;margin-top:4px}.measures{display:flex;gap:20px;margin:18px 0;font-size:14px;flex-wrap:wrap}.measures span{color:#6b6157}.measures b{color:#292724}.links{display:flex;gap:8px;flex-wrap:wrap}.links a{color:#95401e;border:1px solid #d5b7a3;border-radius:4px;padding:8px 11px;text-decoration:none;font-size:14px;font-weight:bold}.links a:hover{background:#fbede3}.card details{margin-top:14px;font-size:14px;color:#655f57}.card summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.card details p{margin-bottom:8px}.card details a{color:#95401e}footer{max-width:900px;margin-top:32px;padding-top:23px;border-top:1px solid var(--line);font-size:14px;color:#6b6157}footer strong{color:#41372f}footer p{margin:6px 0 10px}#error{color:#9b241d;padding:12px;background:#fff0ee;border:1px solid #e7b7b2;margin-top:10px;font-size:14px}[hidden]{display:none!important}@media(max-width:900px){.workspace{grid-template-columns:300px minmax(0,1fr);gap:18px}.inputs{padding:18px}.quantity{display:block;padding:20px}.breakdown{margin-top:20px;max-width:230px}.card-head{flex-wrap:wrap}}@media(max-width:680px){header{padding:18px 16px}.brand{font-size:19px}.status{font-size:12px;padding:3px 6px}main{padding:24px 16px}.workspace{grid-template-columns:1fr}.inputs{padding:20px}.results{margin-top:10px}.quantity{display:flex;flex-wrap:wrap}.breakdown{margin:0}.intro{margin-bottom:22px}.card{padding:17px}.card-head{flex-wrap:nowrap}.price{font-size:23px}.card h4{font-size:17px}.comparison-heading{align-items:start}.comparison-heading label{display:flex;align-items:center}.date{line-height:1.7}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s}}

input[type=number]{accent-color:var(--accent)}

.screen-label{font-size:14px;font-weight:bold;color:#894321;margin:16px 0 8px}.excluded{background:#f5f2ec;border-left:3px solid #a44722}.excluded a{color:#95401e;font-size:14px}

.information{max-width:850px}.information article{background:white;border:1px solid var(--line);border-radius:8px;padding:clamp(20px,4vw,40px)}.information h2{font-size:22px;margin:30px 0 12px}.information p,.information li{line-height:1.7}.information li{margin:12px 0}.information a,.footer-nav a{color:#95401e;text-underline-offset:3px}.information h1{margin-bottom:24px}.formula{padding:16px;background:#f9e9df;border-left:3px solid #a44722;overflow-wrap:anywhere}.footer-nav{display:flex;flex-wrap:wrap;gap:12px 22px;margin-bottom:20px}.back-link{color:#eee5db;font-size:14px}.skip-link{position:absolute;left:16px;top:-100px;padding:12px;background:white;color:#292724;z-index:5}.skip-link:focus{top:12px}.information a{overflow-wrap:anywhere}