:root { color-scheme: light; font-family: system-ui, sans-serif; color: #242424; background: #faf8f5; }
body { margin: 0; padding: 24px; }
main { max-width: 540px; margin: 36px auto; padding: 28px; background: #fff; border-radius: 18px; }
.brand { font-size: 24px; font-weight: 750; }
h1, h2 { font-size: 24px; }
p { line-height: 1.6; }
section + section { border-top: 1px solid #ddd; margin-top: 28px; padding-top: 12px; }
a { display: inline-block; padding: 14px 20px; border-radius: 10px; background: #fb9c00; color: #242424; font-weight: 700; text-decoration: none; }
a:focus-visible { outline: 3px solid #242424; outline-offset: 4px; }
[hidden] { display: none; }