:root {
  --bg: #ffffff; --text: #37352f; --muted: #6b6a66; --line: #e6e4de; --link: #2b3a99; --soft: #f7f6f3;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #191919; --text: #ebeae7; --muted: #a3a29e; --line: #333330; --link: #9aa7ff; --soft: #232322; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 32px 20px 64px; }
h1 { font-size: 1.9rem; line-height: 1.25; margin: 0 0 4px; }
h2 { font-size: 1.2rem; margin: 2.2em 0 .4em; }
p, li { margin: .5em 0; }
ul { padding-left: 1.2em; }
a { color: var(--link); }
.meta { color: var(--muted); font-size: .9rem; margin-bottom: 1.5em; }
.note { background: var(--soft); border: 1px solid var(--line); border-radius: 8px; padding: 12px 16px; }
table { border-collapse: collapse; width: 100%; margin: 1em 0; font-size: .95rem; }
th, td { border: 1px solid var(--line); padding: 8px 10px; text-align: start; vertical-align: top; }
th { background: var(--soft); }
nav { font-size: .9rem; margin-bottom: 1.5em; }
[dir="rtl"] ul { padding-left: 0; padding-right: 1.2em; }