:root { color-scheme: light dark; --bg: #fff; --text: #1a1a1a; --muted: #666; --accent: #16a34a; --card: #f5f5f5; }
@media (prefers-color-scheme: dark) { :root { --bg: #121212; --text: #eee; --muted: #999; --accent: #4ade80; --card: #1e1e1e; } }
body { margin: 0; background: var(--bg); color: var(--text); font: 15px/1.8 system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 24px 16px 64px; }
h1 { font-size: 24px; } h2 { font-size: 17px; margin-top: 32px; } h3 { font-size: 15px; margin-top: 20px; } h2 small { color: var(--muted); font-weight: 400; font-size: 12px; }
a { color: var(--accent); } pre { background: var(--card); padding: 12px; border-radius: 8px; white-space: pre-wrap; font-size: 12px; line-height: 1.6; }
.meta { color: var(--muted); font-size: 13px; }
.copyright { margin-top: 48px; color: var(--muted); font-size: 12px; text-align: center; }
.disclosure { width: 100%; border-collapse: collapse; margin: 24px 0; font-size: 14px; }
.disclosure th, .disclosure td { padding: 10px 12px; border-top: 1px solid var(--card); text-align: left; vertical-align: top; }
.disclosure th { width: 30%; background: var(--card); font-weight: 600; }
@media (max-width: 560px) { .disclosure th, .disclosure td { display: block; width: auto; } .disclosure td { border-top: 0; } }