:root{--ink:#13231f;--muted:#4f625e;--line:#dfe9e6;--green:#0f766e;--green-d:#0b5b55;--green-l:#e6f6f2}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font:1.0625rem/1.7 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--green)}
:focus-visible{outline:3px solid #f59e0b;outline-offset:3px;border-radius:6px}
header{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0}
header .w{max-width:820px;margin:0 auto;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.brand{font-weight:800;font-size:1.3rem;color:var(--green);text-decoration:none}
nav a{margin-left:14px;font-weight:600;text-decoration:none}
main{max-width:820px;margin:0 auto;padding:30px 20px 60px}
h1{font-size:2rem;line-height:1.2;margin:0 0 6px}
h2{font-size:1.5rem;margin:46px 0 10px;padding-top:10px;border-top:2px solid var(--green-l);color:var(--green-d)}
h3{font-size:1.1rem;margin:22px 0 6px}
p,li{color:#24332f}
.upd{color:var(--muted);font-size:.9rem}
.todo{background:#fff3b0;border-radius:4px;padding:0 4px;font-weight:700;color:#5c3d00}
.box{background:#fef3c7;color:#78350f;border-radius:12px;padding:14px 16px;font-size:.95rem;margin:18px 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
td,th{border:1px solid var(--line);padding:9px 10px;text-align:left;vertical-align:top}
th{background:var(--green-l)}
.tw{overflow-x:auto}
.back{display:inline-block;margin-bottom:14px;font-weight:600}