body { margin: 0; font: 16px/1.55 system-ui, sans-serif; background: #f6f5f1; color: #17181c; }
main { max-width: 720px; margin: 0 auto; padding: 24px 18px 48px; }
h1 { font-size: 26px; } h2 { font-size: 18px; margin-top: 24px; }
a { color: #0f7a57; } .draft { background: #fff3d6; padding: 8px 12px; border-radius: 8px; font-size: 14px; }
@media (prefers-color-scheme: dark) { body { background: #121316; color: #f1f1f3; } a { color: #2fb787; } .draft { background: #3a2f12; } }
.brand { font-weight: 800; color: #0f7a57; margin: 0 0 4px; }
.todo { background: #ffe1dc; color: #7a1d10; padding: 0 4px; border-radius: 4px; font-weight: 600; }
.updated { color: #6b6e76; font-size: 14px; margin-top: 0; }
nav.legal-nav { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 14px; margin: 8px 0 20px; }
table { border-collapse: collapse; width: 100%; font-size: 14px; margin: 8px 0; }
th, td { border: 1px solid #dcdad3; padding: 6px 8px; text-align: left; vertical-align: top; }
th { background: #ecebe5; }
@media (prefers-color-scheme: dark) { .todo { background: #4a1d17; color: #ffd2ca; } th { background: #24262b; } th, td { border-color: #2e3036; } }