:root {
  --bg: #F6F5F1;
  --text: #1B2433;
  --muted: #4A5568;
  --accent: #14284B;
  --gold: #A07A2C;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0E1A30;
    --text: #F3EEE3;
    --muted: #C9C3B6;
    --accent: #F2D59A;
    --gold: #E0B65C;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, sans-serif;
}
main { max-width: 680px; margin: 0 auto; padding: 48px 20px; }
header { margin-bottom: 40px; }
h1 { margin: 0; font-size: 2.2rem; color: var(--accent); }
h2 { margin-top: 36px; font-size: 1.3rem; color: var(--accent); }
h3 { margin: 20px 0 4px; font-size: 1.05rem; }
p { margin: 0 0 12px; }
.tagline { color: var(--muted); }
.contact { font-size: 1.15rem; font-weight: 600; }
a { color: var(--gold); }
footer { margin-top: 56px; padding-top: 20px; border-top: 1px solid var(--muted); color: var(--muted); font-size: 0.9rem; }
.langs { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 8px 18px; font-weight: 600; }
.langs a { text-decoration: none; }
article { padding-top: 8px; }
article + article { margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--muted); }
[dir="rtl"] { text-align: right; }
:lang(ar) { font-family: "Geeza Pro", "Noto Naskh Arabic", "Segoe UI", Tahoma, sans-serif; line-height: 1.9; }
footer a { display: block; margin-bottom: 6px; }