:root{--ink:#1d2329;--muted:#5b6670;--accent:#b4532a;--bg:#fbf8f4;--line:#e4ddd4}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}
.wrap{max-width:820px;margin:0 auto;padding:0 20px}header{padding:20px 0;border-bottom:1px solid var(--line)}
header .wrap{display:flex;justify-content:space-between;align-items:center}.logo{font-weight:700;font-size:20px;color:var(--ink);text-decoration:none}
nav a{color:var(--muted);margin-left:16px;text-decoration:none}h1{font-size:2.3em;line-height:1.15;margin:48px 0 12px}h2{margin-top:44px}
.sub{font-size:1.15em;color:var(--muted)}.btns{margin:24px 0 8px}.btn{display:inline-block;padding:12px 20px;border-radius:6px;margin:0 10px 10px 0;text-decoration:none;font-weight:600}
.btn.p{background:var(--accent);color:#fff}.btn.s{border:2px solid var(--accent);color:var(--accent)}
table{border-collapse:collapse;width:100%;margin:12px 0}td,th{border:1px solid var(--line);padding:9px 12px;text-align:left}th{background:#f1ebe3}
ol li,ul li{margin-bottom:8px}footer{margin-top:60px;padding:24px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.9em}footer a{color:var(--muted)}
.note{background:#fff6e0;border:1px solid #ecd9a6;padding:10px 14px;border-radius:6px;font-size:.92em}
label{display:block;margin:14px 0 4px;font-weight:600}input{width:100%;max-width:260px;padding:8px;font-size:16px;border:1px solid #bbb;border-radius:4px}
.hint{color:var(--muted);font-size:.88em;font-weight:400}.out td:last-child{font-weight:700;text-align:right}