:root{--bg:#fff8f3;--card:#fff;--ink:#2c1e16;--muted:#6b5348;--accent:#c45c26;--accent-dark:#9a4015;--line:#ecd9cc;--ok:#1f6b3a;--warn:#9a3412;--soft:#fdf1e8;--shadow:0 8px 28px rgba(44,30,22,.08);--r:14px;--font:"Segoe UI",system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 500px at 10% -10%,#ffe4d0 0%,transparent 55%),radial-gradient(900px 400px at 100% 0%,#ffd9e8 0%,transparent 50%),var(--bg);line-height:1.55}
a{color:var(--accent-dark)}
.wrap{max-width:960px;margin:0 auto;padding:1rem 1rem 3rem}
nav.top{display:flex;flex-wrap:wrap;gap:.35rem .9rem;align-items:center;font-size:.9rem;margin-bottom:1rem}
nav.top .brand{font-weight:800;text-decoration:none;color:var(--ink);margin-right:.5rem}
nav.top a{text-decoration:none}
nav.top a[aria-current]{font-weight:700;text-decoration:underline}
header.hero{background:linear-gradient(135deg,#fff 0%,var(--soft) 100%);border:1px solid var(--line);border-radius:calc(var(--r) + 4px);padding:1.4rem 1.3rem;box-shadow:var(--shadow);margin-bottom:1.2rem}
header.hero h1{margin:0 0 .4rem;font-size:clamp(1.4rem,4vw,2rem);letter-spacing:-.02em;line-height:1.2}
header.hero p{margin:0;color:var(--muted);max-width:65ch}
.badge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-dark);background:#ffe8d6;border:1px solid #f0c9a8;border-radius:999px;padding:.2rem .65rem;margin-bottom:.6rem}
.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem}
@media(max-width:780px){.grid{grid-template-columns:1fr}}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.1rem 1.15rem 1.2rem;box-shadow:var(--shadow)}
.card h2,.card h3{margin:0 0 .75rem;font-size:1.06rem}
label{display:block;font-size:.82rem;font-weight:600;color:var(--muted);margin-bottom:.25rem}
input[type=text],input[type=number],select{width:100%;padding:.5rem .6rem;border:1px solid var(--line);border-radius:10px;font:inherit;color:var(--ink);background:#fff}
input:focus,select:focus{outline:2px solid #f0b48a;border-color:var(--accent)}
.row{margin-bottom:.8rem}
.row-2{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
.row-3{display:grid;grid-template-columns:1.6fr .7fr;gap:.5rem;align-items:end}
@media(max-width:520px){.row-2{grid-template-columns:1fr}}
.out{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px dashed var(--line)}
.out span:last-child{font-weight:700;font-variant-numeric:tabular-nums}
.big{font-size:1.6rem;font-weight:800;color:var(--ok);margin:.2rem 0 .6rem}
.note{font-size:.8rem;color:var(--muted);margin:.5rem 0 0}
.warn{color:var(--warn);font-weight:600;font-size:.85rem}
.cta{margin-top:1.2rem;background:linear-gradient(135deg,#fff3ea,#fff);border:2px solid #f0c9a8;border-radius:var(--r);padding:1.1rem 1.2rem}
.cta h2{margin:.1rem 0 .4rem;font-size:1.1rem}
.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;border-radius:10px;padding:.6rem 1rem;margin-top:.5rem}
.btn:hover{background:var(--accent-dark)}
.prose{margin-top:1.2rem}
.prose h2{font-size:1.15rem;margin:1.3rem 0 .4rem}
.prose p,.prose li{max-width:75ch}
table{border-collapse:collapse;width:100%;font-size:.88rem;background:#fff}
th,td{border:1px solid var(--line);padding:.35rem .5rem;text-align:left}
th{background:var(--soft)}
td.n{text-align:right;font-variant-numeric:tabular-nums}
footer{margin-top:1.6rem;padding:1rem .25rem 0;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}
footer strong{color:var(--ink)}
button.small{font:inherit;font-size:.82rem;border:1px solid var(--line);background:#fff;border-radius:8px;padding:.3rem .6rem;cursor:pointer}