:root { --ink:#16202a; --muted:#5b6470; --line:#e3e6ea; --bg:#fff; --accent:#0f5a61; --accent-2:#5cc2b5; }
* { box-sizing:border-box; }
body { margin:0; font:15px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color:var(--ink); background:var(--bg); }
main { max-width:760px; margin:0 auto; padding:32px 20px 64px; }
h1 { font-size:26px; margin:0 0 6px; letter-spacing:-.01em; }
h2 { font-size:18px; margin:32px 0 8px; }
p.lead { color:var(--muted); margin:0 0 20px; }
a { color:var(--accent); }
table { width:100%; border-collapse:collapse; font-size:14px; margin:8px 0 4px; }
th,td { text-align:left; padding:7px 6px; border-bottom:1px solid var(--line); vertical-align:top; }
th { color:var(--muted); font-weight:600; }
td.num, th.num { text-align:right; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.muted { color:var(--muted); } .small { font-size:13px; }
.alert { border:1px solid #f59e0b; background:#fff7ed; border-radius:6px; padding:10px 12px; margin:8px 0 12px; }
nav { display:flex; flex-wrap:wrap; align-items:center; gap:4px 18px; font-size:14px; margin:0 0 28px; padding-bottom:12px; border-bottom:1px solid var(--line); }
nav a { text-decoration:none; font-weight:550; } nav a:hover { text-decoration:underline; }
nav a.brand { margin-right:auto; color:var(--ink); font-weight:700; font-size:18px; letter-spacing:-.015em; }
a:focus-visible { outline:3px solid var(--accent-2); outline-offset:2px; border-radius:4px; }
footer { margin-top:48px; padding-top:16px; border-top:1px solid var(--line); font-size:13px; color:var(--muted); }
.short { border:1px solid var(--line); border-left:4px solid var(--accent); border-radius:8px; padding:2px 18px 6px; background:#f5f7f8; margin:0 0 8px; }
.short h2 { margin:14px 0 4px; } .short ul { margin:0; padding-left:18px; } .short li { margin:7px 0; }