@font-face { font-family: 'Noto Kufi Arabic'; src: url('type/noto-kufi-arabic-arabic-400-normal.woff2') format('woff2'); font-weight: 400; }
@font-face { font-family: 'Noto Kufi Arabic'; src: url('type/noto-kufi-arabic-arabic-800-normal.woff2') format('woff2'); font-weight: 800; }
:root { --ink: #0A0A0A; --muted: #6B6B6B; --line: #E6E6E6; --lime: #CFF24A; }
* { box-sizing: border-box; }
body { margin: 0; background: #fff; color: var(--ink); font: 400 15px/1.9 'Noto Kufi Arabic', Tahoma, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 32px 20px 64px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; font-size: 22px; color: var(--ink); text-decoration: none; margin-bottom: 18px; }
.brand img { width: 30px; height: 30px; }
h1 { font-size: 30px; font-weight: 800; margin: 8px 0 0; }
h2 { font-size: 19px; font-weight: 800; margin: 28px 0 6px; padding-top: 14px; border-top: 1px solid var(--line); }
ul { padding-inline-start: 22px; margin: 6px 0; }
li { margin: 4px 0; }
a { color: var(--ink); }
.muted { color: var(--muted); font-size: 13px; }
.foot { margin-top: 36px; }
nav.top { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
nav.top span { font-size: 13px; }
.en { margin-top: 56px; padding-top: 24px; border-top: 3px solid var(--ink); font-family: 'Noto Kufi Arabic', system-ui, sans-serif; }
.en h2 { font-size: 17px; }
.missing { background: #FFE58A; padding: 0 4px; border-radius: 4px; }