:root { --bg: #FBF7F2; --fg: #1F1A16; --muted: #5C534B; --accent: #B84A00; --line: #E7DED4; }
@media (prefers-color-scheme: dark) { :root { --bg: #141110; --fg: #F1ECE6; --muted: #B5ABA1; --accent: #FF9A4D; --line: #2E2824; } }
* { box-sizing: border-box; }
body { font-family: -apple-system, system-ui, "Segoe UI", sans-serif; max-width: 720px; margin: 0 auto; padding: 24px 18px 60px;
  line-height: 1.6; color: var(--fg); background: var(--bg); }
h1 { font-size: 1.9rem; line-height: 1.2; margin: 0.4em 0 0.2em; }
h2 { font-size: 1.2rem; margin-top: 1.8em; }
h3 { font-size: 1.02rem; margin: 1.4em 0 0.2em; }
a { color: var(--accent); }
.muted { color: var(--muted); }
.brand { display: flex; align-items: center; gap: 10px; font-weight: 600; color: var(--accent); text-decoration: none; }
.brand span { width: 30px; height: 30px; border-radius: 8px; background: var(--accent); display: inline-grid; place-items: center; color: #fff; font-size: 17px; }
hr { border: 0; border-top: 1px solid var(--line); margin: 2.5em 0; }
footer { margin-top: 3em; font-size: 0.9rem; color: var(--muted); }