/* univ2.css — «جامعات أثر» v2: صفحة جامعة تحريرية + مقارنة قرار + تجارب + طلب معلومات.
   توكنز الموقع بس (src/styles.css) ⇒ الوضع الليلي تلقائي. منطقيات (inline-start/end) ⇒ RTL/LTR. موبايل الأول. */

/* ── الغلاف ── */
.uv2-wrap{max-width:1120px}
.uv2-hero{padding:22px 0 18px;max-width:760px}
.uv2-eyebrow{font-size:12.5px;font-weight:600;color:var(--goldText);letter-spacing:.02em;margin-bottom:8px}
.uv2-hero h1{font-weight:700;font-size:clamp(26px,5.4vw,40px);line-height:1.3;margin:0 0 10px;overflow-wrap:anywhere;letter-spacing:-.005em}
.uv2-names{display:flex;flex-direction:column;gap:2px;margin:0 0 14px;color:var(--n62);font-size:14px;line-height:1.6}
.uv2-name-alt{overflow-wrap:anywhere}
@media(min-width:720px){.uv2-names{flex-direction:row;flex-wrap:wrap;gap:4px 14px}.uv2-name-alt+.uv2-name-alt{padding-inline-start:14px;border-inline-start:1px solid var(--border-warm)}}
.uv2-lead{font-size:16.5px;line-height:1.95;color:var(--n72);max-width:68ch;margin:0 0 14px}
.uv2-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}

/* ── في لمحة ── */
.uv2-glance{margin:6px 0 26px;padding:18px 16px 12px;border-radius:20px;background:var(--white);border:1px solid var(--border);box-shadow:var(--sh-card, var(--sh-1))}
.uv2-glance-t{font-size:13px;font-weight:700;color:var(--goldText);letter-spacing:.03em;margin:0 0 10px}
.uv2-kf{display:grid;grid-template-columns:1fr;gap:0;margin:0}
.uv2-kf-i{padding:12px 0;border-top:1px solid var(--border)}
.uv2-kf-i:first-child{border-top:0;padding-top:4px}
.uv2-kf dt{font-size:12.5px;font-weight:700;color:var(--n62);margin-bottom:3px}
.uv2-kf dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--navy)}
@media(min-width:720px){
  .uv2-glance{padding:22px 24px 14px}
  .uv2-kf{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
  .uv2-kf-i:nth-child(2){border-top:0;padding-top:4px}
}
@media(min-width:1080px){.uv2-kf{grid-template-columns:repeat(3,minmax(0,1fr))}.uv2-kf-i:nth-child(3){border-top:0;padding-top:4px}}

/* ── تخطيط: فهرس جانبي على الديسكتوب، شريط أفقي على الموبايل ── */
.uv2-layout{display:block}
.uv2-toc{margin:0 0 18px}
.uv2-toc-t{font-size:12.5px;font-weight:700;color:var(--n62);margin:0 0 6px}
.uv2-toc ul{list-style:none;margin:0;padding:2px 0 6px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.uv2-toc li{flex:none}
.uv2-toc a{display:inline-flex;align-items:center;min-height:40px;padding:6px 12px;border-radius:999px;border:1px solid var(--border-warm);background:var(--white);color:var(--navy);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
.uv2-toc a:hover{border-color:var(--gold);background:var(--hover-warm)}
.uv2-toc a:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}
@media(min-width:1000px){
  .uv2-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px;align-items:start}
  .uv2-side{position:sticky;top:calc(var(--hdr-h, 96px) + 12px)}
  .uv2-toc ul{flex-direction:column;overflow:visible;gap:2px}
  .uv2-toc a{border:0;background:transparent;border-radius:10px;min-height:36px;padding:6px 10px;white-space:normal;color:var(--n70);border-inline-start:2px solid var(--border)}
  .uv2-toc a:hover{color:var(--navy);border-inline-start-color:var(--gold);background:var(--soft)}
}
.uv2-main{min-width:0;max-width:800px}

/* ── الأقسام ── */
.uv2-sec{margin:0 0 34px;scroll-margin-top:calc(var(--hdr-h, 96px) + 10px)}
.uv2-sec>h2,.uv2-missing>h2,.uv2-ask>h2{font-size:clamp(19px,3.6vw,23px);font-weight:700;line-height:1.45;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.uv2-h3{font-size:15.5px;font-weight:700;margin:18px 0 8px}
.uv2-h-sm{font-size:16px!important}
.uv2-claims{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.uv2-claim{margin:0}
.uv2-tx{margin:0;font-size:15.5px;line-height:1.95;color:var(--navy)}
.uv2-scope{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 4px;align-items:center}
.uv2-sc-name{font-size:13px;font-weight:700;color:var(--gold-tx)}
.uv2-sc-k{font-weight:600;color:var(--n62)}
.uv2-sc-tag{font-size:11.5px;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--soft2);color:var(--n70);border:1px solid var(--border)}
.uv2-items{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.uv2-items li{font-size:13px;line-height:1.6;padding:4px 10px;border-radius:10px;background:var(--soft);border:1px solid var(--border)}
.uv2-claim[data-scope="program"],.uv2-claim[data-scope="group"],.uv2-claim[data-scope="faculty"],.uv2-claim[data-scope="campus"]{padding-inline-start:12px;border-inline-start:2px solid var(--goldSoft)}
.uv2-secnote{font-size:13.5px;color:var(--n62);margin:0 0 12px;line-height:1.8}
.uv2-ctarow{margin:14px 0 0}

/* ملاحظة المصدر — سطر واحد هادي لكل قسم */
.uv2-src{margin-top:14px;padding-top:10px;border-top:1px dashed var(--border-warm);font-size:12.5px;color:var(--n62);line-height:1.8}
.uv2-src p{margin:0}
.uv2-src-links{display:flex;flex-wrap:wrap;gap:2px 6px;align-items:baseline}
.uv2-src-a{color:var(--goldText);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.uv2-dot{color:var(--n35)}
.uv2-src-more{color:var(--n55)}

/* الرسوم */
.uv2-fees{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 6px}
@media(min-width:720px){.uv2-fees{grid-template-columns:repeat(2,minmax(0,1fr))}}
.uv2-fee{padding:14px 14px 12px;border-radius:16px;background:var(--white);border:1px solid var(--border);box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:4px}
.uv2-fee-hd{display:flex;flex-direction:column;gap:2px}
.uv2-fee-name{font-weight:700;font-size:14.5px;line-height:1.5}
.uv2-fee-meta{font-size:12px;color:var(--n62)}
.uv2-fee-amt{margin:4px 0 0;font-family:'Inter','IBM Plex Sans Arabic',sans-serif;font-weight:700;font-size:18px;color:var(--navy);font-variant-numeric:tabular-nums}
.uv2-fee-tx{margin:0;font-size:12.5px;color:var(--n62);line-height:1.7}

/* الفرص */
.uv2-opps ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.uv2-opps li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--white)}
.uv2-opps a{font-weight:600;color:var(--navy)}
.uv2-meta{font-size:12.5px;color:var(--n62)}

/* الناقص — لوحة واحدة */
.uv2-missing{margin:0 0 34px;padding:18px;border-radius:18px;background:var(--soft);border:1px dashed var(--n35)}
.uv2-missing>h2{border-bottom:0;padding-bottom:0;font-size:17px}
.uv2-missing p{margin:0 0 6px;color:var(--n70);font-size:14.5px;line-height:1.85}

/* التجارب */
.uv2-exp-note{font-size:13.5px;color:var(--n62);line-height:1.85;margin:0 0 12px;padding:10px 12px;border-radius:12px;background:var(--note-bg);border:1px solid var(--note-bd);color:var(--note-tx)}
.uv2-exp-list{display:flex;flex-direction:column;gap:12px}
.uv2-exp-empty{margin:0;color:var(--n70);font-size:14.5px}
.uv2-exp-card{padding:14px 16px;border-radius:16px;background:var(--white);border:1px solid var(--border)}
.uv2-exp-card header{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12.5px;color:var(--n62);margin-bottom:6px}
.uv2-exp-card header b{color:var(--navy);font-size:13.5px}
.uv2-exp-card p{margin:0;font-size:15px;line-height:1.9;white-space:pre-line}
.uv2-exp-cta{margin-top:14px}
.uv2-exp-form{margin-top:12px;padding:16px;border-radius:16px;border:1px solid var(--border);background:var(--white);display:flex;flex-direction:column;gap:12px}
.uv2-exp-form h3{font-size:16px;margin:0}
.uv2-exp-form textarea,.uv2-exp-form select,.uv2-req textarea{width:100%;font:inherit;font-size:16px;padding:10px 14px;border-radius:12px;border:1.5px solid var(--border-warm);background:var(--beige);color:var(--navy)}
.uv2-exp-form textarea:focus-visible,.uv2-exp-form select:focus-visible,.uv2-req textarea:focus-visible{outline:3px solid var(--gold);outline-offset:1px;border-color:var(--gold)}
.uv2-exp-form label.lbl{font-weight:600;font-size:14px;display:block;margin-bottom:4px}
.uv2-tags,.uv2-topics{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0}
.uv2-topics legend,.uv2-mode legend{font-weight:600;font-size:14px;margin-bottom:6px;padding:0}
.uv2-tag{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 12px;border-radius:999px;border:1px solid var(--border-warm);font-size:13.5px;cursor:pointer;background:var(--white)}
.uv2-tag:has(input:checked){border-color:var(--gold);background:var(--cream)}
.uv2-tag input{accent-color:var(--gold);width:16px;height:16px}
.uv2-tag:focus-within{outline:3px solid var(--gold);outline-offset:2px}

/* اسأل عن الجامعة */
.uv2-ask{margin:0 0 30px;padding:20px 18px;border-radius:20px;background:var(--feature-bg, var(--cream));border:1px solid rgba(200,169,107,.45)}
.uv2-ask>h2{border-bottom:0;padding-bottom:0}
.uv2-ask p{color:var(--n72);line-height:1.9;margin:0 0 14px;max-width:62ch}
.uv2-ask-dir{margin-top:26px}

/* مصادر أخرى */
.uv2-more{border:1px solid var(--border);border-radius:14px;background:var(--white);padding:4px 14px}
.uv2-more summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:14px;font-weight:600;color:var(--n70)}
.uv2-more summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:8px}
.uv2-more ul{margin:4px 0 12px;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:13px}
.uv2-more a{color:var(--goldText);overflow-wrap:anywhere}

/* الإهداء — هادي */
.uv2-dedic{margin:30px auto 10px;max-width:640px;text-align:center;padding:18px 16px;border-top:1px solid rgba(200,169,107,.45);border-bottom:1px solid rgba(200,169,107,.45)}
.uv2-dedic p{margin:0;font-size:15.5px;line-height:2;color:var(--n72)}
.uv2-dedic .uv2-dedic-ar{margin-top:6px;font-size:14.5px;color:var(--n62)}
.uv2-foot{margin:22px 0 8px;font-size:13px;text-align:center}
.uv2-foot a{color:var(--goldText);font-weight:600}
.uv2-dirnote{font-size:13.5px;color:var(--n62);line-height:1.85;max-width:68ch;margin-top:6px}
.uv2-dirnote a{color:var(--goldText);font-weight:600}

/* ── الكارت ── */
.uv2-card .uv-card-t{font-size:16.5px}
.uv2-alt{display:flex;flex-direction:column;gap:1px;margin:0;font-size:12.5px;line-height:1.6;color:var(--n62)}
.uv2-alt-n{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.uv2-ind{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.uv2-ind li{font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--soft2);color:var(--n70);border:1px solid var(--border)}
.uv2-ind li.sparse{background:transparent;color:var(--n55);border-style:dashed}

/* ── المصادر ── */
.uv2-prose p{font-size:15.5px;line-height:2;margin:0 0 12px;max-width:68ch}

/* ── طلب المعلومات ── */
.uv2-mode{border:0;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:8px}
.uv2-mode legend{width:100%}
.uv2-radio{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border-radius:12px;border:1.5px solid var(--border-warm);cursor:pointer;font-weight:600;font-size:14px;background:var(--white)}
.uv2-radio:has(input:checked){border-color:var(--gold);background:var(--cream)}
.uv2-radio input{accent-color:var(--gold);width:18px;height:18px}
.uv2-radio:focus-within{outline:3px solid var(--gold);outline-offset:2px}
.uv2-picked{margin:8px 0 0;padding:10px 12px;border-radius:12px;background:var(--tip-bg);color:var(--tip-tx);font-size:14px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.uv2-mine-q{font-size:14px;line-height:1.8;margin:2px 0}

/* ── المقارنة ── */
.uv2-cmp .uv-hero{max-width:760px}
.uv2-cmp-heads{position:sticky;top:var(--hdr-h, 64px);z-index:5;display:grid;gap:6px;padding:8px 0;background:var(--beige);border-bottom:1px solid var(--border);margin-bottom:14px}
.uv2-cmp-h{font-size:12.5px;line-height:1.45;padding:6px 10px;border-radius:10px;background:var(--white);border:1px solid var(--border);overflow-wrap:anywhere;display:flex;flex-direction:column;gap:1px;min-width:0}
.uv2-cmp-h b{font-weight:700;font-size:13.5px}
.uv2-cmp-alt{font-size:11.5px;color:var(--n62);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uv2-cmp-sum{margin:0 0 26px;padding:18px;border-radius:20px;background:var(--white);border:1px solid var(--border);box-shadow:var(--sh-1)}
.uv2-cmp-sum h2,.uv2-cmp-detail h2{font-size:19px;margin:0 0 10px}
.uv2-cmp-sum ul{margin:0;padding-inline-start:18px;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.85}
.uv2-crit{margin:0 0 16px;border:1px solid var(--border);border-radius:18px;background:var(--white);overflow:hidden}
.uv2-crit>h3{margin:0;padding:12px 14px;font-size:15px;background:var(--soft);border-bottom:1px solid var(--border)}
.uv2-cells{display:grid;grid-template-columns:1fr}
.uv2-cell{padding:12px 14px;border-top:1px solid var(--border);min-width:0}
.uv2-cell:first-child{border-top:0}
.uv2-cell-n{font-size:12.5px;font-weight:700;color:var(--gold-tx);margin:0 0 4px}
.uv2-cell ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.uv2-cell li{font-size:14px;line-height:1.75}
.uv2-cell .sc{display:block;font-size:12px;font-weight:600;color:var(--n62)}
.uv2-cell .na{color:var(--n55);font-style:italic;font-size:13.5px}
.uv2-cell details summary{cursor:pointer;font-size:13px;color:var(--goldText);font-weight:600;min-height:36px;display:flex;align-items:center}
@media(min-width:900px){
  .uv2-cells{grid-template-columns:repeat(var(--n,2),minmax(0,1fr))}
  .uv2-cell{border-top:0;border-inline-start:1px solid var(--border)}
  .uv2-cell:first-child{border-inline-start:0}
  .uv2-cell-n{display:none}
}
@media(max-width:899px){.uv2-cmp-heads{display:none}}
.uv2-cmp-heads{grid-template-columns:repeat(var(--n,2),minmax(0,1fr))}

/* ── v2 UX round: طيّ التفاصيل (details/summary أصلي — كيبورد وfocus من المتصفح، RTL/LTR) ── */
.uv2-fold{margin-top:10px}
.uv2-fold>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border-radius:12px;border:1px solid var(--border-warm);background:var(--white);color:var(--goldText);font-weight:600;font-size:13.5px}
.uv2-fold>summary::-webkit-details-marker{display:none}
.uv2-fold>summary::before{content:"";width:8px;height:8px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform var(--t-base)}
.uv2-fold[open]>summary::before{transform:rotate(-135deg);margin-top:4px}
.uv2-fold>summary:hover{border-color:var(--gold);background:var(--hover-warm)}
.uv2-fold>summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.uv2-fold[open]>summary{margin-bottom:12px}
.uv2-fold-items>summary{min-height:36px;padding:4px 12px;font-size:12.5px}
.uv2-feesum{margin:0 0 14px;padding:14px 16px;border-radius:16px;background:var(--soft);border:1px solid var(--border)}
.uv2-feesum .uv2-h3{margin:0 0 6px;font-size:14px}
.uv2-feesum ul{margin:0;padding-inline-start:18px;display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.8;font-variant-numeric:tabular-nums}
.uv2-h4{font-size:13.5px;font-weight:700;color:var(--n70);margin:14px 0 8px}
.uv2-src-fold{margin-top:2px}
.uv2-src-fold summary{cursor:pointer;color:var(--n62);font-size:12px;min-height:32px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:3px}
.uv2-src-fold summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}
.uv2-src-fold ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}
.uv2-fold-kf{margin-top:4px}
.uv2-fold-kf .uv2-kf-i:first-child{border-top:1px solid var(--border);padding-top:12px}
@media(max-width:719px){.uv2-sec{margin-bottom:26px}.uv2-tx{font-size:15px;line-height:1.85}}
.uv2-dec{margin:0;display:flex;flex-direction:column;gap:0}
.uv2-dec-i{padding:10px 0;border-top:1px solid var(--border)}
.uv2-dec-i:first-child{border-top:0;padding-top:2px}
.uv2-dec dt{font-size:12.5px;font-weight:700;color:var(--n62);margin-bottom:2px}
.uv2-dec dd{margin:0;font-size:14.5px;line-height:1.8}
.uv2-dec dd ul{margin:0;padding-inline-start:18px;display:flex;flex-direction:column;gap:2px}
.uv2-dec-note{margin:10px 0 0;font-size:12.5px;color:var(--n62);line-height:1.8}
@media(min-width:900px){.uv2-dec-i{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px}}

/* ═══ UX round 2 — pilot only (.ux2 on the page wrapper; PILOT_UX2 in src/pages/universities/pilot.mjs) ═══ */
.ux-cover[hidden]{display:none!important}   /* reserved for «Athar Visual Covers» — no visual effect without an image */
.ux2 .ux-hero{padding-bottom:10px}
.ux-official{margin:12px 0 0;font-size:13px}
.ux-official-a{color:var(--goldText);font-weight:600;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.ux-caveats{margin:4px 0 22px;padding:14px 16px;border-radius:16px;background:var(--note-bg);border:1px solid var(--note-bd);color:var(--note-tx)}
.ux-caveats h2{font-size:14.5px;font-weight:700;margin:0 0 6px;color:inherit}
.ux-caveats ul{margin:0;padding-inline-start:18px;display:flex;flex-direction:column;gap:4px;font-size:13.5px;line-height:1.75}
.ux-caveats a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ux2 .uv2-sec>h2{border-bottom:0;padding-bottom:0;margin-bottom:10px;display:flex;align-items:center;gap:10px}
.ux2 .uv2-sec>h2::before{content:"";width:4px;height:1.1em;border-radius:4px;background:var(--gold);flex:none}
.ux2 .ux-sec{padding:18px 0 4px;border-top:1px solid var(--border)}
.ux2 .ux-sec:first-child{border-top:0}
.ux-lead .uv2-tx{font-size:16.5px;line-height:1.95;color:var(--navy)}
.ux-lead{margin-bottom:12px}
.ux-cards{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:720px){.ux-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ux-cards>.uv2-claim{padding:12px 14px;border-radius:14px;background:var(--white);border:1px solid var(--border);box-shadow:var(--sh-1);border-inline-start:1px solid var(--border)!important;padding-inline-start:14px!important}
.ux-cards .uv2-tx{font-size:14.5px;line-height:1.85}
.ux-list{gap:10px}
.ux-list>.uv2-claim{padding:0 0 10px;border-bottom:1px dashed var(--border)}
.ux-list>.uv2-claim:last-child{border-bottom:0}
.ux-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 4px}
.ux-tag{display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;padding:1px 8px;border-radius:999px;border:1px solid}
.ux-tag.warn{background:var(--warn-bg);color:var(--warn-tx);border-color:var(--warn-tx2)}
.ux-tag.old{background:var(--note-bg);color:var(--note-tx);border-color:var(--note-bd)}
.ux-seccv{margin:10px 0 0;font-size:13px;line-height:1.7;padding:8px 12px;border-radius:12px}
.ux-seccv.warn{background:var(--warn-bg);color:var(--warn-tx)}
.ux-seccv.old{background:var(--note-bg);color:var(--note-tx)}
.ux-src{margin-top:10px;padding-top:0;border-top:0}
.ux-srcctl>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:4px 10px;border-radius:999px;background:var(--soft);border:1px solid var(--border);font-size:12px;color:var(--n62)}
.ux-srcctl>summary::-webkit-details-marker{display:none}
.ux-srcctl>summary::before{content:"↗";font-size:11px}
.ux-srcctl>summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.ux-srcctl[open]>summary{margin-bottom:8px}
.ux-srcctl ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:12.5px}
.ux-h3{font-size:14.5px;font-weight:700;margin:16px 0 8px;color:var(--n70)}
.ux-feewhat{font-size:13.5px;color:var(--n62);line-height:1.8;margin:0 0 10px}
.ux-feesum{border:1px solid var(--border);border-radius:16px;background:var(--white);overflow:hidden}
.ux-feerow{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"lvl yr" "amt amt";gap:2px 10px;padding:10px 14px;border-top:1px solid var(--border);align-items:center}
.ux-feerow>span:nth-child(1){grid-area:lvl}.ux-feerow>span:nth-child(2){grid-area:yr;display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.ux-feerow>span:nth-child(3){grid-area:amt}
.ux-feehd{display:none}
.ux-feerow:nth-child(2){border-top:0}
.ux-feelvl{font-weight:700;font-size:14px}.ux-feelvl small{font-weight:500;color:var(--n55)}
.ux-feeamt{font-family:'Inter','IBM Plex Sans Arabic',sans-serif;font-variant-numeric:tabular-nums;font-weight:600;font-size:15px}
.ux-year{font-size:12.5px;font-weight:700;padding:1px 8px;border-radius:8px;background:var(--soft2);font-variant-numeric:tabular-nums}
.ux-year.old{background:var(--note-bg);color:var(--note-tx)}
@media(min-width:720px){
  .ux-feehd{display:grid;background:var(--soft);font-size:12px;font-weight:700;color:var(--n62)}
  .ux-feerow{grid-template-columns:minmax(0,1.2fr) 150px minmax(0,1.6fr);grid-template-areas:"lvl yr amt"}
  .ux-feerow>span:nth-child(2){justify-content:flex-start}
  .ux-feerow:nth-child(2){border-top:1px solid var(--border)}
}

/* ── Compare (pilot decision tool) ── */
.ux-cmp-people{display:grid;grid-template-columns:1fr;gap:8px;margin:0 0 16px}
@media(min-width:720px){.ux-cmp-people{grid-template-columns:repeat(var(--n,2),minmax(0,1fr))}}
.ux-person{padding:10px 12px;border-radius:14px;background:var(--white);border:1px solid var(--border);display:flex;flex-direction:column;gap:4px;min-width:0}
.ux-person b{font-size:14.5px;overflow-wrap:anywhere}
.ux-person .meta{font-size:12.5px;color:var(--n62)}
.ux-chips{display:flex;flex-wrap:wrap;gap:4px}
.ux-chip{font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--soft2);border:1px solid var(--border);color:var(--navy);white-space:nowrap}
.ux-chip.np{background:transparent;border-style:dashed;color:var(--n55);font-weight:500}
.ux-chip.na{background:var(--warn-bg);border-color:var(--warn-tx2);color:var(--warn-tx);white-space:normal}
.ux-chip.old{background:var(--note-bg);border-color:var(--note-bd);color:var(--note-tx)}
.ux-crit{margin:0 0 10px;border:1px solid var(--border);border-radius:16px;background:var(--white);overflow:hidden}
.ux-crit>h3{margin:0;padding:9px 14px;font-size:13.5px;font-weight:700;background:var(--soft);border-bottom:1px solid var(--border)}
.ux-crow{display:grid;grid-template-columns:minmax(64px,30%) minmax(0,1fr);gap:8px;padding:8px 14px;border-top:1px solid var(--border);align-items:start}
.ux-crow:first-of-type{border-top:0}
.ux-crow .who{font-size:12.5px;font-weight:700;color:var(--gold-tx);overflow-wrap:anywhere;line-height:1.5}
.ux-crit details{padding:0 14px 8px}
.ux-crit details>summary{cursor:pointer;font-size:12.5px;color:var(--goldText);font-weight:600;min-height:36px;display:flex;align-items:center}
.ux-crit details>summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.ux-crit details ul{margin:0;padding-inline-start:18px;font-size:13px;line-height:1.75;display:flex;flex-direction:column;gap:4px}
.ux-legend{font-size:12px;color:var(--n62);line-height:1.7;margin:6px 0 12px}
/* desktop: real table, sticky first column + header */
.ux-table-wrap{display:none}
@media(min-width:900px){
  .ux-cards-wrap{display:none}
  .ux-table-wrap{display:block;overflow-x:auto;border:1px solid var(--border);border-radius:16px;background:var(--white)}
  .ux-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13.5px}
  .ux-table th,.ux-table td{padding:10px 12px;border-top:1px solid var(--border);vertical-align:top;text-align:start}
  .ux-table thead th{position:sticky;top:0;background:var(--soft);border-top:0;z-index:2;font-size:13.5px}
  .ux-table tbody th{position:sticky;inset-inline-start:0;background:var(--white);font-size:12.5px;color:var(--n62);width:180px;z-index:1}
}
.uv-cmp-sel .ux-mv{background:none;border:0;cursor:pointer;min-width:36px;min-height:36px;font-size:15px;color:var(--n62);border-radius:8px}
.uv-cmp-sel .ux-mv:focus-visible{outline:3px solid var(--gold);outline-offset:1px}
.uv-cmp-sel .ux-mv[disabled]{opacity:.3;cursor:default}
.ux-h2{font-size:17px;font-weight:700;margin:0 0 8px}
.ux-table-details{margin-top:10px}
@media(max-width:899px){.ux-table-details{display:none}}
.ux-table-details .ux-crit details{padding-top:4px}
/* compact compare on mobile: first view = selection + summary + first criteria */
.ux-cmp-people{grid-template-columns:repeat(2,minmax(0,1fr))}
.ux-person{padding:8px 10px;gap:2px}
.ux-person b{font-size:13px;line-height:1.5}
.ux-crow{padding:6px 12px;gap:6px}
.ux-crit>h3{padding:7px 12px;font-size:13px}
.ux-chip{white-space:normal}
@media(max-width:719px){
  .uv2-cmp .uv-hero .uv-lead{font-size:14px;line-height:1.8}
  .uv-cmp-sel{flex-wrap:wrap;gap:6px}
  .uv-cmp-sel .uv-chip-sel{max-width:100%}
  .uv-cmp-pick{padding:12px}
  .uv-cmp-pick .uv-combo input{min-height:44px}
  .ux-h2{font-size:15px}
}
@media(min-width:900px){.ux-table{table-layout:fixed}.ux-table tbody th{width:150px}}
.ux-plain{font-size:13px;line-height:1.7}
/* final round: caveat box polish + calmer mobile reorder controls */
.ux-caveats{display:grid;gap:6px;border-inline-start:4px solid var(--note-tx)}
.ux-caveats h2{display:flex;align-items:center;gap:8px}
.ux-caveats h2::before{content:"!";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--note-tx);color:var(--white);font-size:13px;font-weight:800;flex:none}
.ux-caveats ul{list-style:none;padding:0;gap:6px}
.ux-caveats li{position:relative;padding-inline-start:16px}
.ux-caveats li::before{content:"";position:absolute;inset-inline-start:2px;top:.75em;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7}
@media(max-width:719px){.uv-cmp-sel .ux-mv[data-dir="1"],.uv-cmp-sel .ux-mv[disabled]{display:none}}

/* ═══ الإصدار (٢٥ أكتوبر): الأغلفة · كروت بصور مصغّرة · صفحة الاعتمادات ═══
 * الغلاف رسم ٣:٢ **كامل** (مفيش قص آلي ٣:١/٧:٢): عائم جنب العنوان على الموبايل (≤١٢٠px ارتفاع) والتابلت (≤٢٠٠px)،
 * ولوحة جنب العنوان على الديسكتوب. الإطار من الـCSS (VISUAL-SYSTEM §7.2): radius + خط شعرة داخلي --border-warm
 * (بيتغيّر لوحده في الغامق) + خلفية حافة غسق وقت التحميل. مفيش filter في الغامق. */
:root{--cover-edge:#132C4C}
.ux-hero.has-cover{display:flow-root;max-width:none}
.ux-hero.has-cover .ux-hero-tx{max-width:760px}
.ux-cover{float:right;width:40%;max-width:170px;margin:4px 0 8px 14px}
[dir="rtl"] .ux-cover{float:left;margin:4px 14px 8px 0}
.ux-cover-frame{position:relative;aspect-ratio:3/2;border-radius:14px;overflow:hidden;background:var(--cover-edge)}
.ux-cover-frame::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--border-warm);pointer-events:none}
.ux-cover img,.uv2-thumb img,.uv-credit-img img{display:block;width:100%;height:100%;object-fit:contain}
.ux-cover-cap{margin:6px 0 0;font-size:11px;line-height:1.5;color:var(--n62);overflow-wrap:anywhere}
.ux-cover-cap a{color:var(--goldText);font-weight:600;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.ux-cover-cap a:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}
@media(min-width:600px){.ux-cover{width:280px;max-width:none;margin-inline-start:22px}.ux-cover-frame{border-radius:18px}.ux-cover-cap{font-size:12px}}
@media(min-width:1024px){
  .ux-hero.has-cover{display:grid;grid-template-columns:minmax(0,1fr) 320px;column-gap:32px;align-items:start}
  [dir="rtl"] .ux-cover,.ux-cover{float:none;width:auto;margin:0;grid-column:2;grid-row:1}
  .ux-hero.has-cover .ux-hero-tx{grid-column:1;grid-row:1}
}
@media(prefers-reduced-motion:no-preference){.ux-cover img{animation:uxFade .35s ease-out both}}
@keyframes uxFade{from{opacity:0}to{opacity:1}}
@media print{.ux-cover{display:none}}

/* كروت الدليل: صورة مصغّرة لكل الكروت أو ولا كارت (pages.mjs CARD_THUMBS)؛ مربّع ١:١ من الوكيل أو ٣:٢ كاملة (contain)؛
   الجامعة من غير غلاف = نقش أثر المحايد بنفس المقاس والإطار (مش صورة جامعة تانية). */
.uv2-card.has-thumb article{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:14px;align-items:start}
.uv2-card-b{display:flex;flex-direction:column;gap:6px;min-width:0;height:100%}
.uv2-thumb{position:relative;width:72px;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:var(--cover-edge)}
.uv2-thumb::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--border-warm);pointer-events:none}
.uv2-thumb.is-fb{background:radial-gradient(120% 90% at 50% 105%,rgba(200,169,107,.55) 0 18%,transparent 19%),linear-gradient(180deg,#0F2544 0%,#183456 62%,#132C4C 100%)}
.uv2-thumb.is-fb::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cpath d='M6 62 C22 54 30 40 36 30 S52 14 66 12' fill='none' stroke='%23E2CFA6' stroke-width='1.6' stroke-linecap='round' stroke-dasharray='1 5' opacity='.85'/%3E%3C/svg%3E") center/100% 100% no-repeat}
@media(min-width:768px){.uv2-card.has-thumb article{grid-template-columns:80px minmax(0,1fr)}.uv2-thumb{width:80px}}

/* صفحة الاعتمادات */
.uv-credits{list-style:none;margin:18px 0;padding:0;display:grid;gap:12px}
.uv-credit{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;padding:14px;border:1px solid var(--border);border-radius:18px;background:var(--white);scroll-margin-top:calc(var(--hdr-h,89px) + 12px)}
.uv-credit:target{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 35%,transparent)}
.uv-credit-img{position:relative;aspect-ratio:3/2;border-radius:12px;overflow:hidden;background:var(--cover-edge)}
.uv-credit-img::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--border-warm);pointer-events:none}
.uv-credit-t{font-size:15.5px;font-weight:700;margin:0 0 6px;line-height:1.5}
.uv-credit-t a{color:var(--navy);text-decoration:none}.uv-credit-t a:hover{color:var(--goldText)}
.uv-credit-dl{margin:0;display:grid;gap:4px;font-size:13px;line-height:1.7}
.uv-credit-dl div{display:grid;grid-template-columns:1fr;gap:0}
.uv-credit-dl dt{color:var(--n62);font-size:12px}
.uv-credit-dl dd{margin:0;overflow-wrap:anywhere}
.uv-credit-dl a{color:var(--goldText);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.uv-credit a:focus-visible,.uv-credits-files a:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}
@media(max-width:519px){.uv-credit{grid-template-columns:1fr}.uv-credit-img{max-width:240px}}
@media(min-width:768px){.uv-credit{grid-template-columns:240px minmax(0,1fr);gap:20px}.uv-credit-dl div{grid-template-columns:190px minmax(0,1fr);gap:12px}}
.uv-credits-files{display:flex;flex-wrap:wrap;gap:8px}
.uv2-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px}
.uv2-ask[data-ask="contact"] .cta{display:inline-flex}
/* موبايل: الأسماء المختارة ظاهرة في شرائح الاختيار وفي كل صف معيار — بلوك «الجامعات اللي اخترتها» تكرار بيدفع المعايير لتحت */
@media(max-width:719px){.ux-cmp-people{display:none}.ux-cmp .ux-h2:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
/* الموقع الرسمي + القبول الدولي — جنب الملخص؛ الغياب «غير منشورة» صريح (مش الرئيسية بدل صفحة القبول) */
.ux-links{margin:12px 0 0;display:grid;gap:6px;font-size:13px;line-height:1.6}
.ux-links>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
.ux-links dt{color:var(--n62);font-weight:600}
.ux-links dt::after{content:":"}
.ux-links dd{margin:0;min-width:0;overflow-wrap:anywhere}
.ux-links .ux-chip.np{white-space:normal;font-size:12px}
/* معلومات محدودة — هادية ومحترمة، فوق التنبيهات */
.ux-limited{margin:4px 0 18px;padding:14px 16px;border-radius:16px;background:var(--soft);border:1px solid var(--border);border-inline-start:4px solid var(--n55)}
.ux-limited h2{font-size:15px;font-weight:700;margin:0 0 6px;color:var(--navy)}
.ux-limited p{margin:0;font-size:13.5px;line-height:1.8;color:var(--n70)}
.ux-limited .ux-limited-go{margin-top:6px}
.ux-limited a{color:var(--goldText);font-weight:600;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.ux-limited a:focus-visible,.ux-links a:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}
.uv2-ind li.limited{background:transparent;border:1px dashed var(--n55);color:var(--n62)}
/* «الاسم قيد المراجعة» (صفحة الجامعة · المقارنة) — نفس شكل شريحة «معلومات محدودة» */
.uv2-name-review{display:inline-block;margin:0 0 10px;padding:2px 10px;border:1px dashed var(--n55);border-radius:999px;color:var(--n62);font-size:13px;line-height:1.6}
.uv-nr{display:inline-block;margin-inline-start:6px;padding:0 8px;border:1px dashed var(--n55);border-radius:999px;color:var(--n62);font-size:.78em;font-weight:400;line-height:1.6;white-space:nowrap}
