:root { color-scheme: light dark; --fg: #1c1b24; --muted: #5d5b6b; --bg: #f7f7fb; --accent: #5b4bdb; --border: #dcdae6; }
@media (prefers-color-scheme: dark) { :root { --fg: #ecebf3; --muted: #aaa8ba; --bg: #14141b; --accent: #9b8cff; --border: #34334a; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--fg); font: 16px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 42rem; margin: 0 auto; padding: 2rem 1rem 4rem; }
h1 { font-size: 1.6rem; line-height: 1.25; margin: 0 0 0.25rem; }
h2 { font-size: 1.1rem; margin: 2rem 0 0.4rem; }
p, li { margin: 0.5rem 0; }
ul { padding-inline-start: 1.25rem; }
a { color: var(--accent); text-underline-offset: 2px; }
.muted { color: var(--muted); font-size: 0.9rem; }
nav { display: flex; gap: 1rem; margin-bottom: 1.5rem; font-size: 0.9rem; }
table { width: 100%; border-collapse: collapse; font-size: 0.92rem; margin: 0.5rem 0; }
th, td { text-align: start; padding: 0.4rem 0.5rem; border-bottom: 1px solid var(--border); vertical-align: top; }
/* The language links under the navigation. The current language is plain text, the others are links. */
.languages { margin: 0 0 1.25rem; font-size: 0.9rem; color: var(--muted); }
.languages [aria-current] { color: var(--fg); font-weight: 600; }
/* Shown on every translation: it is not the legally authoritative text. */
.notice { margin: 1rem 0; padding: 0.6rem 0.8rem; border: 1px solid var(--border); border-radius: 0.5rem; font-size: 0.9rem; }
/* Fonts for scripts the system UI font may not cover; system fonts only. */
:lang(zh) { font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif; }
:lang(ar) { font-family: system-ui, "Segoe UI", "Geeza Pro", "Noto Sans Arabic", "Noto Naskh Arabic", Tahoma, sans-serif; line-height: 1.8; }
/* The page's own language is set on <html>; names of other languages carry their own lang and keep their script's font. */
:lang(ar), :lang(zh) { letter-spacing: 0; }
/* Code such as _ga or /stop is left to right: inside right-to-left text its slashes and underscores would swap sides. */
code { direction: ltr; unicode-bidi: isolate; }