/* © 2026 Kurtis Alexander. All rights reserved. */
:root { color-scheme: dark; }
body { margin: 0; background: #07090d; color: #dfeee6; font: 1rem/1.65 Inter, system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 860px; margin: 0 auto; padding: 32px max(20px, env(safe-area-inset-right)) calc(72px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left)); overflow-wrap: anywhere; }
h1, h2 { color: #7CFF9B; font-weight: 650; letter-spacing: .2px; } h1 { font-size: 1.75rem; margin-bottom: 4px; } h2 { font-size: 1.1875rem; margin-top: 34px; }
a { color: #5CE1E6; } a:focus-visible, .skip:focus { outline: 3px solid #FFB547; outline-offset: 2px; }
.dim { color: #8a97a6; } .eff { color: #8a97a6; margin-top: 0; }
.skip { position: absolute; left: -999px; } .skip:focus { left: 8px; top: 8px; background: #07090d; padding: 6px 10px; z-index: 9; }
pre { white-space: pre-wrap; background: #0d1219; border: 1px solid #263040; border-radius: 10px; padding: 14px; font: 0.75rem/1.5 ui-monospace, "JetBrains Mono", Menlo, monospace; color: #a9c2b0; max-height: 420px; overflow: auto; }
li { margin: 5px 0; } code { color: #FFB547; font-family: ui-monospace, "JetBrains Mono", Menlo, monospace; font-size: .92em; }
.caps { font-size: 0.875rem; } hr { border: 0; border-top: 1px solid #263040; margin: 36px 0 16px; }
.legal-nav { font-size: 0.875rem; line-height: 2; } .legal-nav b { color: #FFB547; font-weight: 600; }
table { border-collapse: collapse; width: 100%; font-size: 0.875rem; } th, td { border: 1px solid #263040; padding: 8px 10px; text-align: left; vertical-align: top; } th { background: #0d1219; }

/* small screens and zoom: tables and code scroll inside themselves instead of widening the page */
table { display: block; max-width: 100%; overflow-x: auto; } pre { overflow-x: auto; }
@media (max-width: 480px) { main { padding-top: 20px; } h1 { font-size: 1.5rem; } h2 { font-size: 1.1rem; margin-top: 26px; } th, td { padding: 6px 8px; } }
button[data-copy-text], button[data-copy-url] { font: inherit; font-size: .85rem; color: #e6edf3; background: #17202b; border: 1px solid #3a4a5e; border-radius: 8px; padding: 6px 12px; cursor: pointer; min-height: 36px; }
button[data-copy-text]:hover, button[data-copy-url]:hover { border-color: #3cf2ff; } button[data-copy-text]:focus-visible, button[data-copy-url]:focus-visible { outline: 2px solid #3cf2ff; outline-offset: 2px; }