:root{
  --mag-font-arabic:"Tajawal","Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
  --mag-font-latin:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --mag-font-source:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --mag-font-heading-weight-ar:800;
  --mag-font-heading-weight-latin:850;
  --mag-font-section-weight-ar:750;
  --mag-font-section-weight-latin:780;
  --mag-font-ui-weight-ar:700;
  --mag-font-ui-weight-latin:720;
  --mag-font-body-weight:400;
  --mag-question-card-radius:20px;
  --mag-question-card-image-ratio-desktop:16/9;
  --mag-question-card-image-ratio-mobile:16/9;
  --mag-internal-link-radius:10px;
}

/* Canonical media containment. Intrinsic image dimensions must never escape the reading column or card frame. */
body[data-magazine-page="article"] .visual{display:block;width:100%;max-width:100%;overflow:hidden}
body[data-magazine-page="article"] .visual img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
body[data-magazine-page="directory"] [data-question-template="directory-card"],body[data-magazine-page="directory"] [data-question-template="directory-card"] .qcard-main-link,body[data-magazine-page="directory"] [data-question-template="directory-card"] .question-card-copy{min-width:0;max-width:100%}
body[data-magazine-page="directory"] [data-question-template="directory-card"] img{display:block;width:100%;max-width:100%;height:auto;object-fit:cover}

/* Canonical magazine identity link: calm by default, unmistakable on interaction, and touch-safe. */
body[data-magazine-ui="professional-v1"] .magazine-brand-link{display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:44px;padding:4px 2px;border-radius:8px;color:var(--mag-green-dark,#073f34);text-decoration:none;text-decoration-thickness:.08em;text-underline-offset:.18em;overflow-wrap:anywhere;transition:color .16s ease,background-color .16s ease,text-decoration-color .16s ease}
body[data-magazine-ui="professional-v1"] .magazine-brand-link:hover{color:var(--mag-green,#0b7459);text-decoration:underline;text-decoration-color:currentColor}
body[data-magazine-ui="professional-v1"] .magazine-brand-link:active{background:var(--mag-mint,#eaf5f0)}
body[data-magazine-ui="professional-v1"] .magazine-brand-link:focus-visible{outline:3px solid rgba(11,116,89,.2);outline-offset:3px;text-decoration:underline}

/* Canonical typography roles. Font loading remains owned by fonts-local.css. */
html body[data-magazine-ui="professional-v1"]{font-family:var(--mag-font-latin)}
html[dir="rtl"] body[data-magazine-ui="professional-v1"]{font-family:var(--mag-font-arabic);letter-spacing:0}
html[dir="rtl"] body[data-magazine-ui="professional-v1"] h1,html[dir="rtl"] body[data-magazine-ui="professional-v1"] h2,html[dir="rtl"] body[data-magazine-ui="professional-v1"] h3,html[dir="rtl"] body[data-magazine-ui="professional-v1"] .brand{letter-spacing:0}
html[dir="rtl"] [data-font-role="body"],html[dir="rtl"] [data-font-role="heading"],html[dir="rtl"] [data-font-role="ui"]{font-family:var(--mag-font-arabic)}
html[dir="ltr"] [data-font-role="body"],html[dir="ltr"] [data-font-role="heading"],html[dir="ltr"] [data-font-role="ui"]{font-family:var(--mag-font-latin)}
[data-font-role="source"]{font-family:var(--mag-font-source);direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] [data-font-role="heading"]{font-weight:var(--mag-font-heading-weight-ar)}
html[dir="ltr"] [data-font-role="heading"]{font-weight:var(--mag-font-heading-weight-latin)}
html[dir="rtl"] [data-font-role="ui"]{font-weight:var(--mag-font-ui-weight-ar)}
html[dir="ltr"] [data-font-role="ui"]{font-weight:var(--mag-font-ui-weight-latin)}
[data-font-role="body"]{font-weight:var(--mag-font-body-weight)}
html[dir="rtl"] body[data-magazine-page="article"] article{line-height:1.78}
html[dir="rtl"] body[data-magazine-page="article"] .card p,html[dir="rtl"] body[data-magazine-page="article"] .block p,html[dir="rtl"] body[data-magazine-page="article"] .trust p,html[dir="rtl"] body[data-magazine-page="article"] .study-body dd{line-height:1.82}
html[dir="rtl"] body[data-magazine-page="article"] article>header h1{font-weight:var(--mag-font-heading-weight-ar);letter-spacing:0;line-height:1.18}
html[dir="rtl"] body[data-magazine-page="article"] .card h2,html[dir="rtl"] body[data-magazine-page="article"] .block h2,html[dir="rtl"] body[data-magazine-page="article"] .trust h2{font-weight:var(--mag-font-section-weight-ar);line-height:1.5}
html[dir="rtl"] body[data-magazine-page="article"] .study-summary-title{font-weight:var(--mag-font-section-weight-ar);line-height:1.58}
html[dir="rtl"] body[data-magazine-page="article"] .refs a[href^="http"]{font-family:var(--mag-font-source);direction:ltr;text-align:left;unicode-bidi:isolate;justify-content:flex-start}
html[dir="rtl"] body[data-magazine-page="about"] .about-hero h1{font-weight:var(--mag-font-heading-weight-ar);line-height:1.2;letter-spacing:0}
html[dir="rtl"] body[data-magazine-page="about"] .about-card p,html[dir="rtl"] body[data-magazine-page="about"] .about-review p{line-height:1.86}

/* Canonical external-source containment. Width includes padding so LTR labels never bleed left out of RTL cards. */
body[data-magazine-page="article"] .refs a{box-sizing:border-box;min-width:0;max-width:100%;overflow-wrap:anywhere}
html[dir="rtl"] body[data-magazine-page="article"] .refs .institutional-source-link{direction:ltr;text-align:left;unicode-bidi:isolate;justify-content:space-between}

/* Canonical question templates. */
body[data-magazine-page="directory"] [data-question-template="directory-card"]{display:block;overflow:hidden;padding:0;border-radius:var(--mag-question-card-radius)}
body[data-magazine-page="directory"] [data-question-template="directory-card"] .qcard-main-link{display:grid;grid-template-columns:minmax(190px,230px) minmax(0,1fr);align-items:center;gap:20px;padding:14px;color:inherit;text-decoration:none}
body[data-magazine-page="directory"] [data-question-template="directory-card"] .qcard-main-link>div{min-width:0;padding:4px 8px}
body[data-magazine-page="directory"] [data-question-template="directory-card"] img{display:block;width:100%;aspect-ratio:var(--mag-question-card-image-ratio-desktop);object-fit:cover;object-position:center;border-radius:12px}
body[data-magazine-page="directory"] [data-question-template="directory-card"] .qcard-actions{display:flex;justify-content:flex-end;padding:0 14px 14px}
body[data-magazine-page="directory"] [data-question-template="directory-card"] .qcard-share{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 14px;border:1px solid #b9d7ca;border-radius:999px;background:#f3f9f6;color:#0b7459;font:inherit;font-size:.82rem;font-weight:800;line-height:1.2;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease,color .16s ease}
body[data-magazine-page="directory"] [data-question-template="directory-card"] .qcard-share::before{content:"↗";display:grid;place-items:center;width:22px;height:22px;margin-inline-end:7px;border-radius:50%;background:#0b7459;color:#fff;font-size:.78rem;font-weight:900}
body[data-magazine-page="directory"] [data-question-template="directory-card"] .qcard-share:hover{background:#eaf5f0;border-color:#94c4b1;color:#075f49;transform:translateY(-1px)}
body[data-magazine-page="directory"] [data-question-template="directory-card"] .qcard-share:focus-visible{outline:3px solid rgba(11,116,89,.2);outline-offset:3px}
body[data-magazine-page="directory"] [data-question-template="directory-card"] .qcard-share[data-share-state="copied"]{background:#e5f4ed;border-color:#8dbda9}
[data-question-template="related-link"]{list-style:none}
[data-question-template="inline-prompt"]{width:100%}

/* Canonical internal-link roles. These selectors intentionally outrank legacy context selectors. */
.mag-internal-link{display:inline-flex;align-items:center;gap:.45rem;color:var(--mag-v3-accent,#0b7459);text-decoration:none}
body[data-magazine-page="article"] .related-questions .refs li[data-question-template="related-link"]{padding:0;overflow:hidden;background:#f8fbf9;border-inline-start-color:#d3e5dd}
body[data-magazine-page="article"] .related-questions .refs li[data-question-template="related-link"]:hover{border-inline-start-color:#76aa95;background:#f1f8f4}
body[data-magazine-page="article"] .related-questions .refs .mag-internal-link-related{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:50px;padding:11px 13px;color:#315f52;font-weight:700;line-height:1.4;text-decoration:none}
body[data-magazine-page="article"] .related-questions .refs .mag-internal-link-related::after{content:"→";flex:0 0 auto;color:#739087}
html[dir="rtl"] body[data-magazine-page="article"] .related-questions .refs .mag-internal-link-related::after{content:"←"}
body[data-magazine-page="article"] .editorial-transparency p:last-child .mag-internal-link-editorial{display:inline-flex;align-items:center;gap:8px;width:auto;min-height:38px;padding:7px 10px;border:1px solid #d1e3db;border-radius:var(--mag-internal-link-radius);background:#f3f8f5;color:#315f52;font-weight:740;line-height:1.4;text-decoration:none}
body[data-magazine-page="article"] .editorial-transparency p:last-child .mag-internal-link-editorial::after{content:"→";flex:0 0 auto;color:#729188}
html[dir="rtl"] body[data-magazine-page="article"] .editorial-transparency p:last-child .mag-internal-link-editorial::after{content:"←"}
body[data-magazine-page="article"] .editorial-transparency p:last-child .mag-internal-link-editorial:hover{border-color:#aacdbd;background:#edf6f1;color:var(--mag-v3-accent-hover,#075f49)}
body[data-magazine-page="about"] .about-back .mag-internal-link-back{display:inline-flex;align-items:center;gap:9px;width:auto;min-height:42px;padding:9px 13px;border:1px solid #c9ddd4;border-radius:11px;background:#fff;color:#42685d;font-weight:720;line-height:1.35;text-decoration:none;box-shadow:0 1px 0 rgba(7,63,52,.02);transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}
body[data-magazine-page="about"] .about-back .mag-internal-link-back::before{content:"←";flex:0 0 auto;color:#78938a}
html[dir="rtl"] body[data-magazine-page="about"] .about-back .mag-internal-link-back::before{content:"→"}
body[data-magazine-page="about"] .about-back .mag-internal-link-back:hover{border-color:#9fc8b7;background:#f5faf7;color:var(--mag-v3-accent-hover,#075f49);transform:translateY(-1px)}

@media(max-width:720px){
  body[data-magazine-page="directory"] [data-question-template="directory-card"] .qcard-main-link{grid-template-columns:clamp(112px,34vw,132px) minmax(0,1fr);align-items:start;gap:12px;padding:12px}
  body[data-magazine-page="directory"] [data-question-template="directory-card"] .qcard-main-link>div{padding:2px 0 4px}
  body[data-magazine-page="directory"] [data-question-template="directory-card"] img{align-self:start;aspect-ratio:var(--mag-question-card-image-ratio-mobile);border-radius:11px}
  body[data-magazine-page="directory"] [data-question-template="directory-card"] h2{margin-bottom:5px;font-size:clamp(1.05rem,4.8vw,1.22rem);line-height:1.35}
  body[data-magazine-page="directory"] [data-question-template="directory-card"] p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.86rem;line-height:1.55}
  body[data-magazine-page="directory"] [data-question-template="directory-card"] .qcard-actions{padding:0 12px 12px}
  body[data-magazine-page="directory"] [data-question-template="directory-card"] .qcard-share{width:100%;min-height:44px;font-size:.8rem}
  body[data-magazine-page="article"] .editorial-transparency p:last-child .mag-internal-link-editorial{width:100%;justify-content:space-between}
  body[data-magazine-page="about"] .about-back .mag-internal-link-back{min-height:44px;padding:10px 12px}
  html[dir="rtl"] body[data-magazine-page="article"] article{line-height:1.78}
}

/* Five-language mobile navigation: every locale remains fully visible inside the viewport. */
@media(max-width:720px){
  body[data-magazine-ui="professional-v1"] .top .langs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;margin:0!important;padding:2px 0 5px!important;overflow:visible!important;direction:ltr!important;text-align:left!important}
  body[data-magazine-ui="professional-v1"] .top .langs a{box-sizing:border-box!important;width:auto!important;min-width:0!important;max-width:100%!important;padding-inline:3px!important;font-size:clamp(.65rem,2.75vw,.78rem)!important;white-space:nowrap!important}
}
