:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #e9dfc8; background: #0a0a0a; }
* { box-sizing: border-box; }
html, body { height: 100%; overflow: hidden; }
body { margin: 0; height: 100dvh; padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px); line-height: 1.65; }
main { max-width: 680px; height: 100%; overflow-y: auto; padding: 28px 20px 40px; margin: 0 auto; }
h1, h2 { color: #f0c94b; line-height: 1.25; }
h1 { font-family: Georgia, serif; font-size: clamp(1.75rem, 6vw, 2.25rem); margin: 20px 0 12px; }
h2 { font-size: 1.2rem; margin-top: 32px; }
p, li { overflow-wrap: anywhere; }
li + li { margin-top: 8px; }
ul { padding-left: 24px; }
a { color: #f0c94b; text-underline-offset: 4px; }
a:focus-visible { outline: 2px solid #f0c94b; outline-offset: 4px; border-radius: 2px; }
nav { display: flex; flex-wrap: wrap; gap: 8px 24px; }
nav a { display: inline-flex; align-items: center; min-height: 44px; }
.meta { color: #bbae90; font-size: .875rem; }
.notice { border: 1px solid #c9a22766; border-radius: 12px; background: #151515; padding: 16px; }
.notice p { margin: 0; }
.notice p + p { margin-top: 10px; }
footer { border-top: 1px solid #c9a22744; margin-top: 32px; padding-top: 16px; }