:root { --fg:#1a1a1a; --muted:#555; --bg:#fff; --code:#f3f3f1; --line:#ddd; --accent:#0b5cad; }
@media (prefers-color-scheme: dark) { :root { --fg:#e8e8e6; --muted:#aaa; --bg:#151515; --code:#232323; --line:#333; --accent:#6aaef0; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:17px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif; }
main, nav { max-width:44rem; margin:0 auto; padding:1.5rem 16px; }
nav { border-top:1px solid var(--line); color:var(--muted); font-size:.9rem; padding-top:1rem; }
h1 { font-size:1.6rem; margin:.5rem 0 1rem; }
h2 { font-size:1.15rem; margin-top:2rem; }
a { color:var(--accent); }
pre { background:var(--code); padding:.75rem; overflow-x:auto; border-radius:6px; font-size:.85rem; white-space:pre-wrap; word-break:break-word; }
code { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
p code, dd code { background:var(--code); padding:0 .25em; border-radius:3px; }
dt { font-weight:600; margin-top:.5rem; }
dd { margin:0 0 .25rem 0; }
.buttons { display:flex; flex-wrap:wrap; gap:.5rem; }
.buttons a { border:1px solid var(--accent); border-radius:6px; padding:.35rem .75rem; text-decoration:none; }
.scroll { overflow-x:auto; }
table { border-collapse:collapse; width:100%; font-size:.85rem; }
th, td { border-bottom:1px solid var(--line); padding:.35rem .5rem; text-align:left; vertical-align:top; }
form { display:grid; gap:.5rem; max-width:22rem; }
label { display:flex; justify-content:space-between; gap:.5rem; align-items:center; }
button { padding:.4rem; font:inherit; }
details summary { cursor:pointer; color:var(--accent); }