:root { --color-bg: oklch(0.985 0 0); --color-text: oklch(0.22 0 0); --color-accent: oklch(0.42 0.1 255); --color-muted: oklch(0.48 0 0); --color-border: oklch(0.88 0 0); }
@media (prefers-color-scheme: dark) { :root { --color-bg: oklch(0.18 0 0); --color-text: oklch(0.93 0 0); --color-accent: oklch(0.80 0.09 255); --color-muted: oklch(0.70 0 0); --color-border: oklch(0.32 0 0); } }
body { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: var(--grt-content-width); margin: 0 auto; padding: var(--grt-space-lg) var(--grt-space-sm); }
h1 { margin-top: 0; }
ul { list-style: none; padding: 0; }
li { padding: var(--grt-space-xs) 0; border-top: 1px solid var(--color-border); }
li a { font-weight: 600; font-size: var(--grt-step-1); line-height: var(--grt-step-lh-1); }
li span { display: block; color: var(--color-muted); }
.note { color: var(--color-muted); font-size: calc(var(--grt-scale-1) * 0.85); }