:root{font-family:Arial,Helvetica,sans-serif;color:#192b37;background:#f4f6f8;font-synthesis:none;line-height:1.5;font-size:16px;--ink:#163448;--blue:#125d91;--line:#c8d3db}*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}.skip{position:absolute;left:1rem;top:-6rem;background:#fff;padding:1rem;z-index:3}.skip:focus{top:1rem}header{background:white;border-bottom:1px solid var(--line)}.bar,main,footer{max-width:1100px;margin:auto;padding:0 24px}.bar{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-size:1.2rem;letter-spacing:-.04em;font-weight:800;color:var(--ink);text-decoration:none}.brand span{display:inline-grid;place-items:center;background:var(--ink);color:white;width:32px;height:32px;margin-right:9px;font-size:16px;letter-spacing:-.08em}.bar small{color:#526574}nav{display:flex;gap:8px;flex-wrap:wrap;padding:16px 0}nav a{padding:7px 12px;border:1px solid transparent;text-decoration:none;color:#3d5363;font-size:.9rem;border-radius:4px}nav a[aria-current]{background:white;border-color:var(--line);color:var(--ink);font-weight:bold}h1{font-size:clamp(1.65rem,4vw,2.35rem);line-height:1.2;letter-spacing:-.04em;margin:16px 0 8px}h2{font-size:1.25rem;letter-spacing:-.02em}p{margin:0 0 1rem}.intro{color:#526574;margin-bottom:22px}.calculator{display:grid;grid-template-columns:1.1fr 1fr;background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 3px 12px #16344808}.inputs{padding:28px}.form-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.1em;color:#536775;text-transform:uppercase}.system{width:160px}.dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}label,legend{display:block;font-weight:bold;font-size:.9rem;margin-bottom:7px}label span{font-weight:400;color:#526574}input,select,button{font:inherit;min-height:46px;border-radius:4px}input,select{width:100%;padding:10px;border:1px solid #91a4b3;background:white;color:var(--ink)}input{font-variant-numeric:tabular-nums}fieldset{border:0;padding:0;margin:22px 0}.extras{display:flex;gap:8px}.extras label{flex:1;margin:0;position:relative}.extras input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}.extras span{display:grid;place-items:center;min-height:44px;border:1px solid var(--line);border-radius:4px;color:var(--ink);cursor:pointer}.extras input:checked+span{background:#eaf3fa;border-color:var(--blue);color:#084c7b;font-weight:bold}.extras input:focus-visible+span{outline:3px solid #d26c0b;outline-offset:3px}.bag-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.density{margin:20px 0}.hint{font-size:.8rem;color:#536775;margin-top:6px}button{cursor:pointer;background:var(--blue);color:white;border:0;padding:12px 22px;font-weight:700;width:100%}button:hover{background:#084b77}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #d26c0b;outline-offset:3px}[aria-invalid=true]{border:2px solid #a52922}.error{color:#9a211e;font-size:.9rem;margin:12px 0 0}.error:empty{display:none}.result{padding:28px;background:var(--ink);color:white;display:flex;flex-direction:column;justify-content:center}.result .eyebrow{color:#b2c5d2}.total{font-size:clamp(2.5rem,6vw,3.9rem);line-height:1.1;letter-spacing:-.05em;font-weight:700;margin:15px 0 4px;overflow-wrap:anywhere}.result-unit{font-size:1.15rem}.summary{font-size:1rem;color:#dceaf3;margin:12px 0 22px}.conversions{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid #496170;padding-top:18px;margin:0}.conversions div{min-width:0}.conversions dt{font-size:.8rem;color:#b7c9d5}.conversions dd{font-size:1.35rem;font-weight:bold;margin:4px 0;overflow-wrap:anywhere}.result-note{color:#b7c9d5;font-size:.8rem;margin-top:18px;margin-bottom:0}.below{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;padding:34px 0}.below p,.below li{color:#435b6c}.below h2{color:var(--ink);margin:20px 0 12px}.formula{padding:14px 16px;background:#e8edf1;border-left:3px solid var(--blue);font-size:.95rem}.below ul{padding-left:20px}.faq{border-bottom:1px solid var(--line);padding:0 0 10px;margin-bottom:16px}.faq h3{font-size:1rem;margin:12px 0 8px}footer{border-top:1px solid var(--line);padding-top:20px;padding-bottom:24px;color:#536775;font-size:.8rem;display:flex;justify-content:space-between;gap:16px}noscript{display:block;background:#fff2cc;padding:16px}.stale{opacity:.55}@media(max-width:700px){.bar,main,footer{padding-left:16px;padding-right:16px}.bar{min-height:56px}.bar small{display:none}nav{gap:2px;padding:10px 0}nav a{padding:7px 8px;font-size:.85rem}h1{margin-top:12px}.intro{font-size:.9rem;margin-bottom:16px}.calculator{grid-template-columns:1fr}.inputs,.result{padding:20px}.form-top{margin-bottom:16px}.dimensions{gap:8px}fieldset{margin:16px 0}.result{justify-content:flex-start}.total{font-size:2.65rem;margin-top:10px}.summary{margin-bottom:16px}.below{grid-template-columns:1fr;gap:8px;padding:16px 0}.below h2{margin-top:16px}footer{flex-direction:column;gap:4px}.density{margin:16px 0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}@media print{header,nav,button,footer{display:none}.calculator{display:block}.result{background:white;color:black}.result *{color:black!important}}
.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}summary{cursor:pointer;min-height:44px;padding:10px 0;color:#125d91;font-size:.9rem}summary:focus-visible{outline:3px solid #d26c0b;outline-offset:3px}.density label{margin-top:10px}.hint{margin-bottom:0}
.calculator>*{min-width:0}.bag-row{grid-template-columns:repeat(2,minmax(0,1fr))}.form-top>.eyebrow{min-width:0}.system{flex:0 1 150px;min-width:0}.dimensions label{white-space:normal}@media(max-width:700px){.calculator{grid-template-columns:minmax(0,1fr)}}
.quick-result{display:none}@media(max-width:700px){.quick-result{display:block;margin-top:18px;padding:14px 16px;border:1px solid #b6cddd;border-left:4px solid var(--blue);border-radius:4px;background:#eef5fa}.quick-result .eyebrow{display:block;margin-bottom:4px}.quick-result output{display:block;color:var(--ink);font-size:1.08rem;line-height:1.4;font-weight:700;overflow-wrap:anywhere}.quick-result+fieldset{margin-top:18px}}
.nav-label{align-self:center;margin-right:4px;color:#526574;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}@media(max-width:700px){nav{gap:4px}nav a{display:grid;place-items:center;min-height:40px;padding:7px 9px}.nav-label{font-size:.7rem}.quick-result{border-radius:4px 4px 0 0;border-bottom:0;padding-bottom:8px}.quick-extra{display:block;margin-top:4px;color:#435b6c;font-size:.8rem}.quick-result+fieldset{margin-top:0;padding:0 16px 14px;border:1px solid #b6cddd;border-left:4px solid var(--blue);border-top:0;border-radius:0 0 4px 4px;background:#eef5fa}.quick-result+fieldset legend{float:left;width:100%;padding:0;margin:0 0 6px;color:var(--ink)}.quick-result+fieldset .extras{clear:both}}

/* allowance-selection-and-nav-refinement */
.extras input:checked+span{background:#c8e3f3;border-color:#084b77;box-shadow:inset 0 0 0 1px #084b77;color:#063e62;font-weight:bold}.nav-label{display:block;width:100%;padding:5px 10px;background:#084b77;border-radius:4px;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.1em;line-height:1;text-transform:uppercase}.nav-links{display:flex;flex-wrap:wrap;gap:6px}.nav-links a{padding:5px 10px;line-height:1.2}.nav-links a[aria-current]{border-width:1px;box-shadow:inset 0 -2px 0 var(--blue)}@media(max-width:700px){nav{display:block;padding:8px 0}.nav-label{padding:5px 9px;border-radius:3px}.nav-links{gap:3px;margin-top:5px}.nav-links a{display:grid;place-items:center;min-height:32px;padding:4px 8px;font-size:.82rem}.nav-links a[aria-current]{box-shadow:inset 0 -2px 0 var(--blue)}}

/* brand-and-responsive-refinement */
.brand{display:inline-flex;align-items:center;gap:9px}.brand-mark{display:block;width:36px;height:36px;flex:none}.brand .brand-name{display:block;width:auto;height:auto;margin:0;background:transparent;color:var(--ink);font-size:1.2rem;letter-spacing:-.04em}.measurement-hint{margin:-10px 0 14px;color:#526574;font-size:.82rem;line-height:1.35}@media (min-width:701px) and (max-width:900px){.calculator{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.inputs,.result{padding:24px}.result .summary{font-size:.95rem}}@media(max-width:700px){.brand-mark{width:34px;height:34px}.nav-links a{min-height:38px}.measurement-hint{margin:-7px 0 13px;font-size:.8rem}}

/* material-specific reference tables */
.quick-reference{margin:24px 0}.quick-reference table{width:100%;margin:12px 0 0;border-collapse:collapse;font-size:.92rem}.quick-reference th,.quick-reference td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.quick-reference thead th{background:#e8edf1;color:var(--ink);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.quick-reference tbody th{color:var(--ink);font-weight:700}@media(max-width:700px){.quick-reference{margin:20px 0}.quick-reference table{font-size:.85rem}.quick-reference th,.quick-reference td{padding:9px 8px}}
/* 404 page */
.not-found{max-width:760px;min-height:58vh;padding-top:56px}.not-found>p{max-width:58ch}.button-link{display:inline-block;margin:8px 0 20px;padding:11px 16px;border-radius:4px;background:var(--blue);color:#fff;font-weight:700;text-decoration:none}.button-link:focus-visible,.button-link:hover{background:#0f4e79;color:#fff}