:root{--khadi:#FBF8F1;--silt:#F3EEE1;--sand:#E0D9C8;--ink:#1C2320;--ink2:#4A544C;--ink3:#656E67;
--deodar:#2E4636;--ochre-ink:#87672B;--clay:#8E5236;
--display:"Cormorant Garamond","Iowan Old Style",Palatino,Georgia,serif;
--body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--khadi);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.7}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
header{border-bottom:1px solid var(--sand);padding:22px 0;margin-bottom:56px}
header .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.brand{font-family:var(--display);font-size:1.15rem;text-decoration:none;color:var(--ink)}
.back{font-size:.9rem;color:var(--ochre-ink);text-decoration:none}
.back:hover{text-decoration:underline}
h1{font-family:var(--display);font-weight:400;font-size:clamp(2rem,4vw,2.8rem);line-height:1.15;margin-bottom:10px}
.upd{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:44px}
h2{font-family:var(--display);font-weight:400;font-size:1.5rem;margin:40px 0 10px}
h3{font-size:1rem;font-weight:600;margin:26px 0 6px}
p,li{color:var(--ink2);margin-bottom:12px}
ul,ol{padding-left:22px;margin-bottom:16px}
strong{color:var(--ink)}
a{color:var(--ochre-ink)}
table{border-collapse:collapse;width:100%;margin:18px 0;font-size:.93rem}
th,td{text-align:left;padding:10px 14px 10px 0;border-bottom:1px solid var(--sand);vertical-align:top;color:var(--ink2)}
th{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);font-weight:500}
td:first-child{color:var(--ink)}
.todo{border-left:3px solid var(--clay);background:#fff;border-top:1px solid var(--sand);border-right:1px solid var(--sand);border-bottom:1px solid var(--sand);padding:14px 18px;margin:18px 0;font-size:.92rem;border-radius:2px}
.todo b{color:var(--clay);display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-family:var(--mono)}
footer{border-top:1px solid var(--sand);margin-top:64px;padding:26px 0 60px;font-size:.86rem;color:var(--ink3)}
footer a{color:var(--ink2);text-decoration:none}
footer a:hover{color:var(--ochre-ink)}
a:focus-visible,button:focus-visible{outline:2px solid var(--deodar);outline-offset:2px}