:root{--bg:#fff;--fg:#1d2430;--mut:#5b6677;--ac:#c2570c;--bd:#e3e6ea;--card:#f6f7f9}
@media(prefers-color-scheme:dark){:root{--bg:#14171c;--fg:#e8ebef;--mut:#9aa4b2;--ac:#f0883e;--bd:#2a313b;--card:#1c2128}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,sans-serif}
.w{max-width:960px;margin:0 auto;padding:0 16px}header{border-bottom:1px solid var(--bd)}
header .w{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;padding-top:12px;padding-bottom:12px}
.logo{font-weight:700;font-size:20px;color:var(--ac);text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:4px 16px}
a{color:var(--ac)}nav a{color:var(--fg);text-decoration:none}h1{line-height:1.2}.lead{font-size:18px;color:var(--mut)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.card{display:flex;flex-direction:column;gap:4px;padding:14px;background:var(--card);border:1px solid var(--bd);border-radius:10px;text-decoration:none;color:var(--fg)}
.card span{color:var(--mut);font-size:14px}table{border-collapse:collapse;width:100%}th,td{border:1px solid var(--bd);padding:8px 10px;text-align:left;vertical-align:top}
th{background:var(--card)}.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:600px){.two{grid-template-columns:1fr}}
.crumb{color:var(--mut);font-size:14px}.warn{background:var(--card);border-left:4px solid var(--ac);padding:10px 14px}
.calc{display:grid;gap:12px;max-width:340px}.calc input{display:block;width:100%;padding:8px;font-size:16px;margin-top:4px}
.res{font-size:22px;font-weight:700}footer{margin-top:48px;border-top:1px solid var(--bd);padding:16px 0;color:var(--mut);font-size:14px}
.art{max-width:760px}.art h2{margin-top:2em;line-height:1.25}.art table{font-size:15px;display:block;overflow-x:auto}.art p,.art li{line-height:1.7}.art strong{font-weight:650}
@media(max-width:600px){.art table{font-size:14px}}