:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; background: #f0f2f5; color: #1e293b; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
.container { max-width: 900px; margin: 0 auto; padding: 24px; flex: 1; }
h1 { margin: 0 0 8px; }
h2 { margin-top: 20px; }
.footer { border-top: 1px solid #e7e7e7; padding: 16px 24px; margin-top: 40px; }
.footer-inner { max-width: 900px; margin: 0 auto; display: flex; gap: 12px; justify-content: space-between; flex-wrap: wrap; }
.footer-links a { text-decoration: none; }
.sep { padding: 0 8px; color: #64748b; }
.muted { color: #475569; margin-left: 8px; font-size: 0.9em; }
.beta-banner { max-width: 900px; margin: 0 auto; padding: 10px 24px; border-bottom: 1px solid #eee; font-size: 0.95em; }
.beta-banner a { margin-left: 10px; }