@font-face{font-family:Barlow;src:url(assets/fonts/barlow-condensed-700.ttf) format('truetype');font-weight:700;font-display:swap}
.guide{max-width:850px}.guide section{margin:32px 0}.guide .backlink{font-size:14px}.guide .kicker{font-size:11px;letter-spacing:.08em}.paper .kicker{color:#354b40}.guide-scores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.guide-scores div{border-top:1px solid #b9bfb1;padding-top:12px}.guide-scores span{display:block;font-size:12px}.guide-scores strong{font:700 24px ui-monospace,monospace}.guide-table{overflow-x:auto}.guide-table table{width:100%;border-collapse:collapse;font-size:14px}.guide-table th,.guide-table td{padding:12px 6px;text-align:left;border-bottom:1px solid #d2d1c3}.guide-table td{font-family:ui-monospace,monospace}.guide-table caption{text-align:left;font-size:12px;margin-bottom:8px}.guide-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.guide-compare h2{margin-top:0}.formula{font:14px/1.8 ui-monospace,monospace;overflow-wrap:anywhere}.guide-cta{display:inline-block;padding:12px 18px;background:var(--gold);color:#30250e;border-radius:5px;font-weight:700;text-decoration:none}.sources{font-size:13px;color:#d1d7d1}@media(max-width:600px){.guide-compare{grid-template-columns:1fr}.guide-scores{grid-template-columns:1fr}.guide-table th,.guide-table td{padding:10px 3px}.guide .panel{padding:18px}.guide h1{font-size:40px}}
/* Keep form results and navigation usable at narrow phone widths. */
@media(max-width:700px){body header nav a{display:inline-flex;align-items:center;min-height:44px}body header nav{gap:0 16px}body .panel{min-width:0}body dl div{flex-wrap:wrap}body dt,body dd{max-width:100%;overflow-wrap:anywhere}body #call-tool button{display:block;min-height:44px;width:100%;margin:8px 0}body footer a{display:inline-block;padding:10px 0;min-height:44px}}
:root{color-scheme:dark;--floor:#242a2d;--accent:#00d084;--gold:#edc575;--paper:#f5eedf;--olive:#525f53}
*{box-sizing:border-box}body{margin:0;background:var(--floor);color:#f0f2f5;font:16px/1.6 Inter,system-ui,sans-serif}a{color:var(--gold)}header{background:#1f272b;border-bottom:1px solid #5f6d73;padding:18px max(20px,calc((100% - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.brand{font:700 26px Barlow,system-ui;text-decoration:none;color:#f0f2f5}.brand em{color:var(--accent);font-style:normal}nav{display:flex;flex-wrap:wrap;gap:22px}nav a{text-decoration:none;font-size:14px;color:#d1d7d1}nav [aria-current]{color:var(--accent)}main{max-width:1100px;margin:auto;padding:48px 24px}h1{font:700 clamp(36px,5vw,56px)/1.05 Barlow,system-ui;margin:14px 0 18px}h2{font:700 28px Barlow,system-ui}.kicker{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--accent)}.lede{max-width:660px;color:#d1d7d1}.layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:30px}.panel{padding:28px;border:1px solid #5f6d73;border-radius:8px;background:#354045}.paper{background:var(--paper);color:#2e342d;border-color:#d2d1c3}.paper a{color:#354b40}.paper .muted{color:var(--olive)}label{display:block;font-weight:600;margin-bottom:22px}label span{display:block;font-size:13px;font-weight:400;color:#d1d7d1}input{display:block;width:100%;margin-top:8px;background:#242a2d;border:1px solid #aeb7c5;border-radius:5px;padding:13px;color:#f0f2f5;font:18px ui-monospace,monospace}button{border:0;border-radius:5px;padding:13px 20px;background:var(--gold);color:#30250e;font:700 15px system-ui;cursor:pointer}.ghost{background:transparent;color:#f0f2f5;border:1px solid #aeb7c5;margin-left:10px}:focus-visible{outline:3px solid #78c3ff;outline-offset:4px}dl{margin:0}dl div{display:flex;justify-content:space-between;gap:24px;padding:15px 0;border-bottom:1px solid #d2d1c3}dd{margin:0;text-align:right;font:700 20px ui-monospace,monospace}dt{font-size:14px}#tool-message{min-height:1.5em;color:var(--gold)}[aria-invalid=true]{border:2px solid #f3c7c9}[hidden]{display:none!important}.limit{font-size:14px}.loss{color:#9d2f3f}.profit{color:#1d684b}.prose{max-width:750px}.prose li{margin-bottom:12px}footer{border-top:1px solid #5f6d73;padding:24px;text-align:center;font-size:13px;color:#aeb7c5}footer a{margin:0 6px}@media(max-width:700px){main{padding:30px 18px}.layout{grid-template-columns:1fr}.panel{padding:20px}header{padding:16px 18px}nav{gap:16px}dd{font-size:18px}dl div{gap:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
