/* Stage 21: reusable Muhyiddin emblem. Existing favicon and site palette are unchanged. */
.ia21-logo-picture{display:block;line-height:0;max-width:100%}
.ia21-logo-picture img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
/* The image alone opens the biography; the adjacent site title still opens Home. */
.ia-header .ia-brand{display:flex;align-items:center;gap:11px;min-width:0}
.ia-header .ia-brand__logo{flex:0 0 68px;width:68px;height:68px;display:grid;place-items:center;padding:1px;border:0;background:transparent;border-radius:50%;overflow:visible}
.ia-header .ia-brand__logo .ia21-logo-picture{width:100%}
.ia-header .ia-brand__copy{display:flex;flex-direction:column;min-width:0}
.ia-header .ia-brand__logo:hover img,.ia21-primary-emblem:hover img,.ia21-hero-seal:hover img,.ia21-footer-emblem:hover img{transform:scale(1.04)}
.ia21-logo-picture img{transition:transform .2s ease}
.ia-header a.ia-brand__logo:focus-visible,.ia21-primary-emblem:focus-visible,.ia21-hero-seal:focus-visible,.ia21-footer-emblem:focus-visible{outline:3px solid #d2ae55;outline-offset:4px;border-radius:50%}
/* Primary four-language homepages retain their Damascus mosque hero photo. */
.ia21-hero-mast{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:620px}
.ia21-hero-seal{width:clamp(82px,9vw,128px);flex:0 0 auto;display:block;border-radius:50%;line-height:0;filter:drop-shadow(0 8px 18px rgba(0,0,0,.13))}
.ia21-hero-seal .ia21-logo-picture{width:100%}
/* Directory and newer-language homepages formerly showed the old logo.jpg. */
.ia16-hero .ia21-primary-emblem{display:flex;flex:0 0 clamp(114px,14vw,172px);width:clamp(114px,14vw,172px);align-items:center;justify-content:center;min-width:0;line-height:0;filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}
.ia16-hero .ia21-primary-emblem .ia21-logo-picture,.ia16-hero .ia21-primary-emblem img{display:block;width:100%;height:auto;max-width:none;background:none;padding:0;border-radius:0}
/* Global footer branding remains aligned in LTR and RTL. */
.ia16-footer-heading .ia21-footer-emblem{flex:0 0 62px;width:62px;height:62px;display:flex;align-items:center;justify-content:center;background:#f8f2dc;border:1px solid rgba(239,212,139,.6);border-radius:50%;padding:3px;line-height:0}
.ia16-footer-heading .ia21-footer-emblem .ia21-logo-picture{width:100%}
.ia16-footer-heading>div{min-width:0}
/* Historic scholarly pages still using the TemplateMo masthead. */
.ia21-legacy-site-header{padding:19px 18px 23px;text-align:center!important}
.ia21-legacy-brand{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 21px;max-width:1060px;margin:auto}
.ia21-legacy-logo{flex:0 0 100px;width:100px;display:block;line-height:0}
.ia21-legacy-brand h1{margin:0;font-size:clamp(1.2rem,2.7vw,2.1rem);line-height:1.5;color:#fff}
.ia21-legacy-brand h1 a{color:inherit;text-decoration:none}
.ia21-legacy-brand h1 a:hover{text-decoration:underline}
.ia21-legacy-logo .ia21-logo-picture{width:100%}
@media(max-width:1050px){.ia-header .ia-brand__logo{flex-basis:58px;width:58px;height:58px}}
@media(max-width:740px){.ia-header .ia-brand__logo{flex-basis:48px;width:48px;height:48px}.ia21-hero-seal{width:85px}.ia16-hero .ia21-primary-emblem{flex-basis:96px;width:96px}.ia21-legacy-site-header{padding:14px 12px}.ia21-legacy-logo{width:74px;flex-basis:74px}}
@media(max-width:440px){.ia-header .ia-brand__logo{flex-basis:42px;width:42px;height:42px}.ia21-hero-seal{width:68px}.ia21-hero-mast{gap:9px}.ia16-hero .ia21-primary-emblem{flex-basis:72px;width:72px}.ia16-hero .ia16-hero-inner{gap:12px}.ia16-footer-heading .ia21-footer-emblem{flex-basis:48px;width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.ia21-logo-picture img{transition:none}}