:root{
  --bg:#f5f6fb; --card:#fff; --ink:#0d1020; --muted:#5a6379; --line:#e3e7f1;
  --accent:#3b5bfd; --warn-soft:#fff4e5; --warn:#9a6200;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#0a0c14; --card:#121522; --ink:#eef1f8; --muted:#95a0b8; --line:#222739;
    --accent:#6e88ff; --warn-soft:#2a1f0d; --warn:#e0a640;
  }
}
*,*::before,*::after{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,Roboto,Helvetica,Arial,sans-serif;
  font-size:17px; line-height:1.7; -webkit-font-smoothing:antialiased;
}
.wrap{max-width:760px; margin:0 auto; padding:0 24px}
header{background:var(--card); border-bottom:1px solid var(--line); padding:18px 0}
.brand{
  display:inline-flex; align-items:center; gap:10px; font-weight:800;
  letter-spacing:-.03em; font-size:1.15rem; text-decoration:none; color:inherit;
}
.brand .dot{width:11px; height:11px; border-radius:50%; background:var(--accent)}
main{padding:52px 0 80px}
h1{font-size:clamp(1.8rem,4.5vw,2.6rem); letter-spacing:-.028em; font-weight:800; line-height:1.14; margin:0 0 10px}
h2{font-size:1.22rem; letter-spacing:-.015em; font-weight:800; margin:44px 0 12px}
h3{font-size:1rem; font-weight:700; margin:26px 0 8px}
p,li{margin:0 0 14px}
ul,ol{padding-left:22px; margin:0 0 14px}
li{margin-bottom:8px}
a{color:var(--accent)}
.updated{color:var(--muted); font-size:.9rem; margin-bottom:34px}
.draft{
  background:var(--warn-soft); border:1px solid var(--warn); color:var(--warn);
  border-radius:12px; padding:16px 19px; font-size:.92rem; margin-bottom:38px;
}
.draft strong{display:block; margin-bottom:5px}
table{width:100%; border-collapse:collapse; margin:0 0 18px; font-size:.94rem}
th,td{text-align:left; padding:11px 13px; border:1px solid var(--line); vertical-align:top}
th{background:var(--card); font-weight:700}
.box{background:var(--card); border:1px solid var(--line); border-radius:12px; padding:20px 22px; margin:0 0 18px}
footer{
  border-top:1px solid var(--line); background:var(--card);
  padding:30px 0; font-size:.88rem; color:var(--muted);
}
footer a{margin-right:18px; text-decoration:none}