:root {
  --canvas: #F4F3F0; --surface: #FFFFFF; --ink: #16161A; --ink2: #54545C; --ink3: #8A8A92;
  --sep: #00000014; --accent: #1668E3;
}
@media (prefers-color-scheme: dark) {
  :root { --canvas: #0E0E10; --surface: #1B1B1E; --ink: #F3F3F5; --ink2: #A6A6AD; --ink3: #6E6E76; --sep: #FFFFFF1A; --accent: #5AA0FF; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--canvas); color: var(--ink); font: 400 17px/1.6 -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
main { max-width: 720px; margin: 0 auto; padding: 64px 24px 96px; }
header { display: flex; align-items: center; gap: 14px; margin-bottom: 40px; }
header img { width: 56px; height: 56px; border-radius: 13px; }
header a { color: var(--ink); text-decoration: none; font-weight: 600; font-size: 22px; letter-spacing: -0.02em; }
h1 { font-size: 40px; line-height: 1.1; letter-spacing: -0.03em; margin: 0 0 16px; }
h2 { font-size: 20px; margin: 40px 0 8px; letter-spacing: -0.01em; }
p, li { color: var(--ink2); }
strong { color: var(--ink); }
a { color: var(--accent); }
table { width: 100%; border-collapse: collapse; background: var(--surface); border: 1px solid var(--sep); border-radius: 14px; overflow: hidden; font-size: 15px; }
th, td { text-align: left; padding: 12px 14px; border-bottom: 1px solid var(--sep); vertical-align: top; }
th { color: var(--ink3); font-weight: 500; }
.pills span { display: inline-block; font: 500 13px ui-monospace, "SF Mono", Menlo, monospace; border: 1px solid var(--sep); background: var(--surface); border-radius: 6px; padding: 7px 10px; margin: 0 6px 8px 0; color: var(--ink2); }
footer { margin-top: 64px; padding-top: 24px; border-top: 1px solid var(--sep); font-size: 14px; color: var(--ink3); }
footer a { margin-right: 16px; }