:root {
  --bg: #FBF5EC; --card: #FFFDF8; --sunken: #F2E6D4; --line: #DCC8AE;
  --ink: #2B1D14; --secondary: #8B6B52; --accent: #C2562F;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #1A120D; --card: #2B1D14; --sunken: #3A2A20; --line: #5A4334;
          --ink: #F5E9D7; --secondary: #B9A08A; --accent: #E07A4C; }
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 48px; }
header { display: flex; align-items: center; gap: 14px; margin-bottom: 8px; }
header img { width: 56px; height: 56px; border-radius: 13px; }
header a { color: inherit; text-decoration: none; font-size: 22px; font-weight: 800; }
h1 { font-size: 30px; margin: 20px 0 4px; }
.updated { color: var(--secondary); margin: 0 0 20px; }
section { background: var(--card); border-radius: 16px; padding: 18px 20px; margin-bottom: 14px; }
section h2 { font-size: 19px; margin: 0 0 8px; }
section p, section ul, section ol { margin: 6px 0; }
a { color: var(--accent); }
.email { direction: ltr; unicode-bidi: embed; font-weight: 700; }
nav { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 28px 0 0; color: var(--secondary); font-size: 15px; }
footer { color: var(--secondary); font-size: 14px; margin-top: 18px; }