:root{
  --bg:#FEF7E7; --paper:#FFFDF7; --ink:#57250F; --muted:#8A6A4A;
  --line:#E4D3B4; --accent:#BE8C42; --danger:#9B3412;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
}
.wrap{max-width:760px;margin:0 auto;padding:48px 24px 96px}
header{border-bottom:2px solid var(--line);padding-bottom:24px;margin-bottom:36px}
.brand{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700}
h1{font-size:30px;line-height:1.2;margin:12px 0 6px;font-weight:800}
h2{font-size:18px;margin:34px 0 10px;font-weight:700}
.sub{color:var(--muted);margin:0;font-size:15px}
p,li{color:var(--ink)}
ol{padding-left:22px} ol>li{margin-bottom:16px}
ul{padding-left:22px} ul>li{margin-bottom:8px}
.card{background:var(--paper);border:1px solid var(--line);padding:24px;margin:24px 0}
.note{border-left:3px solid var(--accent);padding:12px 16px;background:var(--paper);color:var(--muted);font-size:14px;margin:24px 0}
a{color:var(--accent)}
code{background:var(--paper);border:1px solid var(--line);padding:2px 6px;font-size:13px;word-break:break-all}
footer{margin-top:56px;border-top:1px solid var(--line);padding-top:20px;font-size:13px;color:var(--muted)}
footer a{margin-right:18px}
.kv{width:100%;border-collapse:collapse;margin:16px 0}
.kv td{border-bottom:1px solid var(--line);padding:10px 0;vertical-align:top;font-size:14px}
.kv td:first-child{color:var(--muted);width:34%;padding-right:16px}