/* الخطوط وسلم الأحجام (أكتوبر 2026): خط النظام للواجهة (--font-ui في index.html)، وخط أميري المستضاف ذاتيًا للشعر والمعلقات فقط،
   ورموز الأحجام، وحد أدنى 12.5px لكل نص، ونص القراءة 17px في الهاتف و18px في الشاشات العريضة. يُحمَّل بعد app-ux.css. */

/* أميري (رخصة OFL، fonts/OFL.txt) مقتطع على العربية: لا يُنزَّل إلا إذا ظهر نص عربي بخط الشعر */
@font-face{font-family:"Amiri";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/amiri-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Amiri";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/amiri-arabic-700-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}

:root{--font-verse:"Amiri","Noto Naskh Arabic","Traditional Arabic",serif;--fs-cap:12.5px;--fs-sm:14px;--fs-ui:16px;--fs-read:17px;--lh-read:1.9;--fs-h2:24px}
@media(min-width:761px){:root{--fs-read:18px}}

/* ---------- الحقول 16px فأكثر حتى لا يكبّر Safari الصفحة عند لمسها (دون maximum-scale) ---------- */
:is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:16px}

/* ---------- حلقة التركيز: خضراء على الأسطح الفاتحة، وذهبية فوق الشريط العلوي الداكن والخريطة ---------- */
.top,#map{--focus-ring:#e6b860}
html :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline-color:var(--focus-ring)}

/* ---------- العناوين والسطر العلوي ---------- */
.panelhead h1{font-size:15px;font-weight:600;color:var(--muted)}
.content h2{font-size:var(--fs-h2)}
/* السطر العلوي (العصر والمنطقة…): كل جزء في <bdi>، والسطر معزول الاتجاه؛ الجزء العربي غير المترجم في سطر ثانٍ */
.content p.eyebrow,.eyebrow{font-size:13px;line-height:1.7;color:var(--gold-text);unicode-bidi:isolate}
.eyebrow-ar{display:block;font-size:var(--fs-cap);opacity:.9;margin-top:2px;text-align:start}
html[dir=ltr] .eyebrow-ar{text-align:left}

/* ---------- نص القراءة: السرد والسيرة ونبذة المكان بحجم واحد ---------- */
.content .readable p,.content .narrative-paragraph{font-size:var(--fs-read);line-height:var(--lh-read)}
.content .factcard .narrative-paragraph{font-size:var(--fs-ui)}
.content .reading-note{font-size:13px;line-height:1.9}
.storycard-lead{font-size:var(--fs-sm)}
.facts strong{font-size:14.5px}

/* ---------- الشعر والمعلقات بخط أميري ---------- */
.verses p,.verse-para,.verse-inline,.quote-ar,.ex-verses p,.placeitem .muopen,.quote.proverb p{font-family:var(--font-verse)}
.verses p{font-size:19px;line-height:2.1}
@media(max-width:760px){.verses p{font-size:18px}}
.placeitem .muopen{font-size:17px}

/* ---------- الأرقام: عرض ثابت في العدادات والتجمعات ---------- */
.count,.cluster,.people-cluster,.lo-count,.saved-count,.battle-count,.battle-filter-count,.erastrip-reset small,.tlyear,.hnum,.stepnum{font-variant-numeric:tabular-nums}
