*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
[data-theme="light"] {
  --bg-primary: #fafafa; --bg-secondary: #ffffff; --text-primary: #111111;
  --text-secondary: #444444; --text-muted: #777777; --border-subtle: #e5e5e5;
  --accent: #111111; --bg-nav: rgba(255,255,255,0.92);
}
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; background: var(--bg-primary); color: var(--text-primary); line-height: 1.7; }
nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: var(--bg-nav); backdrop-filter: blur(20px); border-bottom: 1px solid var(--border-subtle); padding: 1rem 2rem; display: flex; align-items: center; justify-content: space-between; }
nav a.logo { font-size: 1.25rem; font-weight: 700; color: var(--text-primary); text-decoration: none; }
nav a.back { font-size: 0.875rem; color: var(--text-secondary); text-decoration: none; }
nav a.back:hover { color: var(--text-primary); }
.container { max-width: 720px; margin: 0 auto; padding: 8rem 2rem 4rem; }
h1 { font-size: 2rem; font-weight: 700; margin-bottom: 0.5rem; }
.updated { color: var(--text-muted); font-size: 0.875rem; margin-bottom: 3rem; }
h2 { font-size: 1.25rem; font-weight: 600; margin: 2.5rem 0 1rem; }
p, li { color: var(--text-secondary); margin-bottom: 1rem; }
ul { padding-left: 1.5rem; }
li { margin-bottom: 0.5rem; }
a { color: var(--accent); }
footer { text-align: center; padding: 2rem; color: var(--text-muted); font-size: 0.8rem; border-top: 1px solid var(--border-subtle); margin-top: 4rem; }