:root { --bg: #fff; --fg: #1b1b1b; --muted: #4a4f55; --line: #d0d4d9; --link: #0b4f9c; --ok-bg: #e3f3e8; --ok-fg: #0f4d22; --warn-bg: #fff3d6; --warn-fg: #5a3d00; --focus: #0b4f9c; }
@media (prefers-color-scheme: dark) { :root { --bg: #121416; --fg: #ececec; --muted: #b8bec6; --line: #3a4046; --link: #8fc1ff; --ok-bg: #163b22; --ok-fg: #c8f0d2; --warn-bg: #4a3608; --warn-fg: #ffe4a3; --focus: #8fc1ff; } }
* { box-sizing: border-box; }
body { margin: 0 auto; padding: 0 16px 48px; max-width: 64rem; background: var(--bg); color: var(--fg); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; line-height: 1.5; }
a { color: var(--link); }
a:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
.skip { position: absolute; left: -999px; top: 8px; background: var(--bg); padding: 8px 12px; }
.skip:focus { left: 16px; }
nav a { display: inline-block; min-height: 44px; line-height: 44px; padding: 0 12px; }
h1 { font-size: 1.75rem; margin: 24px 0 8px; }
h2 { font-size: 1.35rem; margin: 32px 0 8px; }
.muted { color: var(--muted); }
.card { border: 1px solid var(--line); border-radius: 8px; padding: 16px; margin: 16px 0; }
dl { display: grid; grid-template-columns: max-content 1fr; gap: 4px 16px; }
dt { color: var(--muted); } dd { margin: 0; overflow-wrap: anywhere; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.9em; overflow-wrap: anywhere; }
pre { background: var(--ok-bg); color: var(--fg); padding: 12px; border-radius: 6px; overflow-x: auto; }
.badge { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 0.9rem; }
.badge.ok { background: var(--ok-bg); color: var(--ok-fg); }
.badge.warn { background: var(--warn-bg); color: var(--warn-fg); }