:root { --ink: #fff6ec; --night: #141a3d; --panel: rgba(255, 246, 236, .06); --line: rgba(255, 246, 236, .16); --gold: #e7c27a; --apricot: #f7b36b; --rose: #e2627f; color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(120% 60% at 50% 0%, #3a2a5e 0%, var(--night) 60%) fixed, var(--night); color: var(--ink);
  font: 16px/1.6 "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif; }
header, .pages, main, footer { max-width: 760px; margin: 0 auto; padding-left: 16px; padding-right: 16px; }
header { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding-top: 20px; padding-bottom: 8px; }
.brand { font: 28px/1 Didot, "Bodoni 72", Georgia, serif; color: var(--ink); text-decoration: none; }
.brand { display: inline-flex; align-items: center; gap: 10px; }
.brand img { border-radius: 10px; }
.brand em { font-style: normal; color: var(--apricot); }
.langs, .pages { display: flex; gap: 6px; flex-wrap: wrap; }
.langs a, .pages a { color: var(--ink); text-decoration: none; font-size: 13px; padding: 6px 12px; border: 1px solid var(--line); border-radius: 999px; opacity: .85; }
.langs a[aria-current], .pages a[aria-current] { background: var(--gold); color: #2a1630; border-color: var(--gold); opacity: 1; font-weight: 600; }
.pages { padding-top: 8px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
main { padding-top: 8px; padding-bottom: 32px; }
h1 { font: 40px/1.1 Didot, "Bodoni 72", Georgia, serif; margin: 24px 0 8px; text-wrap: balance; }
.p-index h1 { font-size: 56px; }
h2 { font-size: 20px; margin: 32px 0 8px; color: var(--gold); }
a { color: var(--apricot); }
p, li { max-width: 68ch; }
em { opacity: .8; }
table { width: 100%; border-collapse: collapse; font-size: 14px; display: block; overflow-x: auto; margin: 12px 0; }
th, td { text-align: left; vertical-align: top; padding: 8px 10px; border-bottom: 1px solid var(--line); min-width: 140px; }
th { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--gold); }
footer { padding-top: 16px; padding-bottom: 32px; border-top: 1px solid var(--line); font-size: 13px; opacity: .8; }
.note { opacity: .8; }