:root{--bg:#fbfaf7;--fg:#1f2430;--muted:#5d6577;--brand:#c2410c;--brand2:#9a3412;--card:#fff;--line:#e6e2d9;--note:#fff7ed}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.wrap{max-width:780px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}
header.site{border-bottom:1px solid var(--line);background:#fff}
header.site .wrap{display:flex;justify-content:space-between;align-items:center;padding:14px 20px}
.brand{font-weight:800;font-size:1.2rem;color:var(--fg);text-decoration:none;display:flex;align-items:center;gap:8px}
.logo{background:var(--brand);color:#fff;width:28px;height:28px;border-radius:7px;display:inline-grid;place-items:center;font-size:1rem}
nav a{margin-left:18px;color:var(--fg);text-decoration:none;font-size:.95rem}nav a:hover{color:var(--brand)}
main{padding-top:28px;padding-bottom:48px}
h1{font-size:2rem;line-height:1.2;margin:.3em 0 .4em}h2{font-size:1.4rem;margin:1.8em 0 .5em;line-height:1.3}h3{font-size:1.12rem;margin:1.4em 0 .4em}
a{color:var(--brand2)}a:hover{color:var(--brand)}
.meta,.fine,.crumbs{color:var(--muted);font-size:.88rem}.crumbs a{color:var(--muted)}
.notice{background:var(--note);border-left:4px solid var(--brand);padding:10px 14px;border-radius:6px;font-size:.92rem}
table{border-collapse:collapse;width:100%;margin:1em 0;font-size:.93rem;display:block;overflow-x:auto}
th,td{border:1px solid var(--line);padding:7px 10px;text-align:left;vertical-align:top}th{background:#f3efe6}
blockquote{margin:1em 0;padding:.2em 1em;border-left:4px solid var(--line);color:var(--muted)}
code{background:#f1ede4;padding:1px 5px;border-radius:4px;font-size:.92em}
.sources{margin-top:2.2em;padding-top:1em;border-top:1px solid var(--line)}.sources li{font-size:.92rem;word-break:break-word}
.related{margin-top:2em}
ul.cards{list-style:none;padding:0;display:grid;gap:12px}
ul.cards li a{display:block;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 16px;text-decoration:none;color:var(--fg)}
ul.cards li a:hover{border-color:var(--brand)}ul.cards span{display:block;color:var(--muted);font-size:.9rem;margin-top:4px}
.hero{padding:18px 0 6px}.hero p.lead{font-size:1.15rem;color:var(--muted)}
.btn{display:inline-block;background:var(--brand);color:#fff;padding:10px 18px;border-radius:8px;text-decoration:none;font-weight:600}.btn:hover{background:var(--brand2);color:#fff}
footer.site{border-top:1px solid var(--line);background:#fff;padding:22px 0;margin-top:20px}
.calc{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;margin:1em 0}
.calc label{display:block;font-size:.88rem;color:var(--muted);margin:10px 0 3px}
.calc input,.calc select{width:100%;padding:9px;border:1px solid var(--line);border-radius:7px;font-size:1rem;background:#fff}
.calc .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.calc output,.calc .res{display:block}
.res table{display:table}.res td:last-child{text-align:right;font-variant-numeric:tabular-nums}
.res .tot td{font-weight:700;background:#f3efe6}
@media(max-width:560px){.calc .row{grid-template-columns:1fr}h1{font-size:1.6rem}nav a{margin-left:12px}}