:root { color-scheme: dark; }
body {
  margin: 0;
  background: #0b0f0d;
  color: #f3ece0;
  font-family: "IBM Plex Sans Arabic", "Inter", system-ui, sans-serif;
  line-height: 1.85;
}
main { max-width: 760px; margin: 0 auto; padding: 56px 20px 80px; }
.seal {
  width: 52px; height: 52px; border-radius: 50%; border: 1px solid #c9a96a;
  display: flex; align-items: center; justify-content: center;
  font-family: "Cormorant Garamond", Georgia, serif; font-style: italic; font-size: 24px; color: #e8d3a3;
}
h1, h2 { font-family: "Noto Kufi Arabic", "Inter", sans-serif; font-weight: 600; }
h1 { font-size: 30px; margin: 24px 0 6px; }
h2 { font-size: 19px; margin: 36px 0 8px; color: #e8d3a3; }
p, li { color: #d8d1c4; font-size: 16px; }
.muted { color: #a9a294; font-size: 14px; }
.rule { width: 44px; height: 1px; background: #c9a96a; margin: 18px 0 8px; }
hr { border: 0; border-top: 1px solid rgba(201, 169, 106, 0.25); margin: 56px 0; }
a { color: #c9a96a; }
a:hover { color: #e8d3a3; }
[dir="ltr"] { font-family: "Inter", system-ui, sans-serif; }