:root{--gold:#c9971f;--gold2:#e9c25a;--gold3:#8a6514;--ink:#3a2a14;--mut:#7a6648;--paper:#fbf6ea;--card:#fffdf7;--line:#e5d3a6}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font:16px/1.7 "Segoe UI",Roboto,Arial,sans-serif;overflow-wrap:anywhere}
a{color:var(--gold3)}
header{background:linear-gradient(180deg,#3b2810,#24180a);padding:14px 16px}
header .in,main,footer .in{max-width:820px;margin:0 auto}
header .in{display:flex;align-items:center;justify-content:space-between;gap:16px}
header img{height:56px;width:auto;display:block}
header a.back{color:#e8d9b5;text-decoration:none;font-size:14px}
header a.back:hover{color:#ffe9a0}
main{padding:32px 16px 48px}
h1,h2{font-family:Georgia,"Times New Roman",serif;color:var(--gold3)}
h1{font-size:34px;line-height:1.2;margin-bottom:6px}
h2{font-size:21px;line-height:1.3;margin:30px 0 8px;padding-top:14px;border-top:1px solid var(--line)}
p,ul,table{margin-bottom:12px}
ul{padding-left:22px}
li{margin-bottom:4px}
.m{color:var(--mut)}
.draft{background:#fff3c4;border:1px solid var(--gold);border-radius:6px;padding:10px 14px;margin:16px 0 20px;font-size:15px}
.todo{background:#ffe08a;border-radius:3px;padding:0 4px;font-weight:600}
.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:14px 18px;margin-bottom:12px}
.tw{overflow-x:auto}
table{border-collapse:collapse;width:100%;background:var(--card);font-size:15px}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
th{background:#f4ead3}
footer{background:#24180a;color:#c9b88f;padding:20px 16px;font-size:14px}
footer a{color:#e8d9b5;margin-right:16px}
@media(max-width:600px){h1{font-size:28px}header img{height:44px}}