:root { color-scheme: light dark;
  --bg:#F1F4F2; --card:#fff; --ink:#131E1A; --ink2:#3A4B45; --muted:#64756E;
  --line:#D3DCD7; --accent:#14685A; }
@media (prefers-color-scheme: dark) { :root {
  --bg:#0E1614; --card:#16211E; --ink:#E8EFEB; --ink2:#B7C6C0; --muted:#859890;
  --line:#2A3A35; --accent:#5CC3AA; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.62 "Public Sans", -apple-system, system-ui, sans-serif; }
.wrap { max-width:720px; margin:0 auto; padding:28px 20px 64px; }
.top { display:flex; align-items:center; gap:10px; padding-bottom:14px;
  border-bottom:1px solid var(--line); margin-bottom:26px; }
.top img { width:26px; height:26px; }
.top b { font-size:17px; letter-spacing:-.02em; }
.top a { margin-left:auto; color:var(--accent); text-decoration:none; font-size:14px; }
h1 { font-size:26px; letter-spacing:-.03em; margin:0 0 6px; }
.when { color:var(--muted); font-size:13px; margin-bottom:26px; }
h2 { font-size:17px; letter-spacing:-.02em; margin:30px 0 8px; }
p, li { color:var(--ink2); }
p { margin:0 0 12px; }
ul { margin:0 0 12px; padding-left:20px; }
li { margin-bottom:6px; }
a { color:var(--accent); }
table { width:100%; border-collapse:collapse; margin:12px 0 18px; font-size:14.5px; }
th, td { text-align:left; padding:8px 10px; border-bottom:1px solid var(--line); vertical-align:top; }
th { font-weight:600; color:var(--ink); font-size:13px; text-transform:uppercase; letter-spacing:.05em; }
.note { background:var(--card); border:1px solid var(--line); border-radius:5px;
  padding:14px 16px; margin:16px 0; font-size:15px; }
footer { margin-top:44px; padding-top:16px; border-top:1px solid var(--line);
  color:var(--muted); font-size:13.5px; }