@font-face{font-family:"Readex Pro";src:url(fonts/readexpro-latin.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url(fonts/plexar-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0020,U+00A0,U+0600-06FF,U+200C-200F,U+2010}
@font-face{font-family:"IBM Plex Sans Arabic";src:url(fonts/plexar-700.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0020,U+00A0,U+0600-06FF,U+200C-200F,U+2010}
:root { color-scheme:light }
body { margin:0; font-family: "Readex Pro", "IBM Plex Sans Arabic", system-ui, sans-serif; color:oklch(22.99% 0.02 173.34); background:oklch(98.48% 0.005 95.1); line-height:1.6 }
  .container { max-width:780px; margin:0 auto; padding:24px 20px 60px }
  h1 { color:oklch(41.968% 0.0747 174.24) } h2 { color:oklch(35.39% 0.063 172.48); font-size:19px; margin-top:28px }
  section[lang=ar] { font-family:"IBM Plex Sans Arabic","Reem Kufi","Readex Pro",sans-serif; line-height:1.85; border-top:2px solid oklch(91.32% 0.014 88.69); margin-top:40px; padding-top:10px }
  nav a, a { color:oklch(41.968% 0.0747 174.24) } .note { color:oklch(51.28% 0.021 174.64); font-size:14px }
.credit{font-size:12px;opacity:.7;text-align:center}