:root{--ink:#1b1d1f;--paper:#f1efe9;--card:#fff;--acc:#e8590c;--acc-d:#c74a08;
--line:#d8d4ca;--mut:#5c5f63;--mono:'SFMono-Regular',Consolas,Menlo,monospace}
*{box-sizing:border-box;margin:0;padding:0}
body{font:16px/1.65 -apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
background:var(--paper);color:var(--ink)}
.wrap{max-width:760px;margin:0 auto;padding:0 18px}
header{background:var(--ink);color:#fff}
header .wrap{display:flex;align-items:baseline;gap:10px;padding:14px 18px;flex-wrap:wrap}
.logo{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;font-size:1.5rem;
letter-spacing:.5px;text-transform:uppercase;color:#fff;text-decoration:none}
.logo b{color:var(--acc)}
.tag{color:#9a9da1;font-size:.8rem}
.ruler{height:14px;background:
repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 10px) bottom/100% 7px no-repeat,
repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 50px) bottom/100% 14px no-repeat,
var(--acc)}
h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:2.4rem;line-height:1.1;
text-transform:uppercase;letter-spacing:.5px;margin:28px 0 6px}
.intro{color:var(--mut);margin-bottom:22px}
.calc{background:var(--card);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--line);
padding:22px;margin-bottom:14px}
.units{display:flex;gap:0;margin:0 0 18px;width:max-content;border:1.5px solid var(--ink)}
.units button{border:0;background:#fff;color:var(--ink);padding:7px 16px;font:700 .78rem
-apple-system,'Segoe UI',sans-serif;letter-spacing:.5px;text-transform:uppercase;cursor:pointer}
.units button.on{background:var(--ink);color:#fff}
.units button.on:after{content:' ✓';color:var(--acc)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:520px){.grid{grid-template-columns:1fr}}
.fld label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;
letter-spacing:.6px;color:var(--mut);margin-bottom:4px}
.fld .in{display:flex;border:1.5px solid var(--ink)}
.fld input{flex:1;min-width:0;border:0;padding:10px 12px;font:1.05rem var(--mono);outline:0}
.fld input:focus{background:#fff7f2}
.fld .u{background:var(--ink);color:#fff;padding:10px 10px;font-size:.75rem;
font-weight:700;display:flex;align-items:center;min-width:52px;justify-content:center}
.res{background:var(--ink);color:#fff;padding:18px 22px;margin-bottom:34px;
box-shadow:5px 5px 0 var(--line)}
.res h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:.95rem;letter-spacing:1px;
text-transform:uppercase;color:var(--acc);margin-bottom:10px}
.res .row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;
border-bottom:1px solid #33363a;font-family:var(--mono)}
.res .row:last-child{border:0}
.res .row b{color:#fff;font-size:1.05rem;text-align:right}
.res .row span{color:#b9bcc0;font-size:.85rem;align-self:center}
article h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:1.5rem;
text-transform:uppercase;letter-spacing:.4px;margin:30px 0 8px}
article p{margin-bottom:14px;color:#2c2e30}
.faq{margin:34px 0}
.faq h2{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;
font-size:1.5rem;margin-bottom:10px}
.faq details{background:var(--card);border:1.5px solid var(--ink);margin-bottom:8px}
.faq summary{padding:12px 16px;font-weight:700;cursor:pointer}
.faq details p{padding:0 16px 14px;color:#2c2e30}
h2.cat{font-family:'Barlow Condensed',Impact,sans-serif;font-size:1.3rem;
text-transform:uppercase;letter-spacing:.6px;margin:26px 0 10px;color:var(--acc-d)}
.tools{list-style:none;margin:0 0 10px}
.tools a{display:flex;justify-content:space-between;align-items:center;background:var(--card);
border:2px solid var(--ink);box-shadow:4px 4px 0 var(--line);padding:14px 18px;margin-bottom:10px;
text-decoration:none;color:var(--ink);font-weight:700}
.tools a:after{content:'→';color:var(--acc);font-size:1.2rem}
.tools a:hover{background:#fff7f2}
footer{border-top:2px solid var(--ink);margin-top:50px;padding:20px 0 40px;
color:var(--mut);font-size:.8rem}
footer a{color:var(--mut)}
.crumb{font-size:.75rem;margin-top:20px}
.crumb a{color:var(--acc-d);text-decoration:none;font-weight:700}
.dtab{width:100%;border-collapse:collapse;margin:6px 0 20px;background:var(--card);
border:2px solid var(--ink);font-size:.9rem}
.dtab th{background:var(--ink);color:#fff;text-align:left;padding:8px 12px;
font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:.5px;
text-transform:uppercase;font-size:.85rem}
.dtab td{padding:8px 12px;border-top:1px solid var(--line);
font-family:var(--mono);font-size:.82rem}
footer nav{margin-top:6px}
footer nav a{margin-right:14px}
.static p{margin-bottom:14px;color:#2c2e30}
.static a{color:var(--acc-d)}
.answer{background:var(--card);border:2px solid var(--ink);border-left:8px solid var(--acc);
box-shadow:5px 5px 0 var(--line);padding:18px 22px;margin:0 0 22px;font-size:1.05rem}
.cta{margin:26px 0}