/* Approved navigation: solid ZSSF blue bar at 65% of its previous height, dedicated Shariah action, flag dropdown. */
body>header.institution-header .institution-nav-band{background:#35b5e5;background-image:none;border-bottom:3px solid #087548}
body>header.institution-header .header-inner{gap:12px;align-items:center;flex-wrap:wrap}
body>header.institution-header #navigation>a,body>header.institution-header #navigation>.nav-dropdown>summary{border-radius:7px;font-size:15px}
body>header.institution-header #navigation>a:hover,body>header.institution-header #navigation>.nav-dropdown>summary:hover{background:#ffffffa6;color:#075f8b}
body>header.institution-header .header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;margin-left:auto}
body>header.institution-header .header-sharia-button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 13px;background:linear-gradient(115deg,#096e4e,#064c50);color:#fff;border:1px solid #0a7559;border-radius:9px;text-decoration:none;font:700 14px/1.25 Arial,sans-serif;white-space:nowrap;box-shadow:0 4px 10px #075b8824;transition:transform .2s,background .2s,box-shadow .2s}
body>header.institution-header .header-sharia-button::after{content:"";position:absolute;inset:-40% auto -40% -65%;width:35%;background:linear-gradient(90deg,transparent,#ffffff35,transparent);transform:skewX(-20deg);transition:left .55s;pointer-events:none}
body>header.institution-header .header-sharia-button:hover,body>header.institution-header .header-sharia-button:focus-visible{transform:translateY(-2px);background:linear-gradient(115deg,#087548,#0786b0);box-shadow:0 7px 16px #075b883d}
body>header.institution-header .header-sharia-button:hover::after{left:140%}
body>header.institution-header .header-sharia-moon{font-size:24px;line-height:1}
body>header.institution-header .header-sharia-arrow{font-size:18px;line-height:1}
body>header.institution-header .header-language-picker{position:relative;display:block;flex:0 0 auto;margin:0;color:#113e5c}
body>header.institution-header .header-language-picker>summary{display:flex;align-items:center;gap:7px;list-style:none;min-height:44px;padding:8px 10px;border:1px solid #83b8d2;border-radius:7px;background:#f5fcff;font:600 14px/1.3 Arial,sans-serif;cursor:pointer;white-space:nowrap}
body>header.institution-header .header-language-picker>summary::-webkit-details-marker{display:none}
body>header.institution-header .header-language-picker img{display:block;width:24px;height:16px;object-fit:contain;flex:0 0 24px;border:0;border-radius:0}
body>header.institution-header .header-language-options{position:absolute;z-index:110;right:0;left:auto;top:calc(100% + 7px);min-width:158px;padding:6px;background:#fff;border:1px solid #b8dce9;border-radius:9px;box-shadow:0 12px 25px #113e5c25}
body>header.institution-header .header-language-options>a{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px;color:#113e5c;text-decoration:none;border-radius:5px;background:#fff;font:400 14px/1.3 Arial,sans-serif;white-space:nowrap}
body>header.institution-header .header-language-options>a:hover,body>header.institution-header .header-language-options>a[aria-current]{background:#e9f7ff}
body>header.institution-header .header-actions>#language[hidden]{display:none!important}
body>header.institution-header :is(.header-sharia-button,.header-language-picker summary,.header-language-options>a):focus-visible{outline:3px solid #006b47;outline-offset:3px}
body>header.institution-header .header-faq-icon,body>header.institution-header .site-search-trigger{}
@media(min-width:1200px){body>header.institution-header .header-inner{flex-wrap:nowrap}body>header.institution-header #navigation{flex-wrap:nowrap;justify-content:flex-start}}
@media(min-width:768px) and (max-width:1199px){body>header.institution-header .header-inner{flex-wrap:wrap}body>header.institution-header #navigation{display:flex;flex-basis:100%;flex-wrap:wrap;justify-content:center}body>header.institution-header .header-actions{width:100%;justify-content:flex-end}}
@media(max-width:767px){body>header.institution-header .header-inner{position:relative;gap:10px}body>header.institution-header .menu{flex:0 0 auto}body>header.institution-header .header-actions{flex:1 1 180px;justify-content:flex-end;gap:6px}body>header.institution-header #navigation.open{left:0;right:auto;top:100%;width:100%;margin:0}body>header.institution-header #navigation .nav-submenu{left:0;right:auto}body>header.institution-header .header-sharia-button{padding:9px 10px;font-size:13px}body>header.institution-header .header-language-picker>summary{padding:8px;font-size:13px}body>header.institution-header .header-language-options{right:0}}
@media(prefers-reduced-motion:reduce){body>header.institution-header .header-sharia-button,body>header.institution-header .header-sharia-button::after{transition:none}body>header.institution-header .header-sharia-button:hover{transform:none}}
@media print{body>header.institution-header .header-language-picker,body>header.institution-header .header-sharia-button{display:none}}

/* 40px single-row band: 36px controls plus the existing 4px green strip. */
body>header.institution-header .institution-nav-band{}
body>header.institution-header .header-inner{gap:8px}
body>header.institution-header #navigation>a,body>header.institution-header #navigation>.nav-dropdown>summary{}
body>header.institution-header .header-sharia-button{padding:6px 11px}
body>header.institution-header .header-language-picker>summary{min-height:36px;padding:5px 8px;gap:5px;transition:background-color .2s,box-shadow .2s}
body>header.institution-header .header-language-picker>summary:hover,body>header.institution-header .header-language-picker[open]>summary{background:#e3f6ff;box-shadow:0 2px 8px #113e5c24}
body>header.institution-header .header-language-picker .header-language-globe{width:20px;height:20px;flex-basis:20px;transition:transform .2s}
body>header.institution-header .header-language-picker>summary:hover .header-language-globe{transform:rotate(15deg) scale(1.06)}
body>header.institution-header .header-faq-icon,body>header.institution-header .menu{}
body>header.institution-header .search-icon,body>header.institution-header .search-icon:hover{display:inline-flex;align-items:center;justify-content:center;background:transparent;background-image:none;border:0;border-radius:0;box-shadow:none}
body>header.institution-header .search-icon .search-brand-icon{width:25px;height:25px;filter:none}
@media(max-width:767px){body>header.institution-header .header-inner{}body>header.institution-header .header-sharia-button{padding-block:6px}body>header.institution-header .header-language-picker>summary{min-height:36px;padding-block:5px}}
@media(prefers-reduced-motion:reduce){body>header.institution-header .header-language-picker>summary,body>header.institution-header .header-language-picker .header-language-globe{transition:none}body>header.institution-header .header-language-picker>summary:hover .header-language-globe{transform:none}}

/* Direct language choices: no dropdown; active ENG/SWA is always visible. */
body>header.institution-header .header-language-direct{display:inline-flex;align-items:center;gap:3px;min-height:36px;flex:0 0 auto;color:#113e5c}
body>header.institution-header .header-language-direct .header-language-globe{width:20px;height:20px;flex:0 0 20px;margin-right:3px;transition:transform .2s}
body>header.institution-header .header-language-choice{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 8px;border-radius:6px;color:#113e5c;text-decoration:none;font:600 13px/1.2 Arial,sans-serif;background:transparent;transition:background-color .2s,box-shadow .2s}
body>header.institution-header .header-language-choice:hover{background:#e3f6ff;box-shadow:0 2px 7px #113e5c20}
body>header.institution-header .header-language-choice[aria-current]{background:#f5fcff;box-shadow:inset 0 -2px #087548}
body>header.institution-header .header-language-choice:focus-visible{outline:3px solid #006b47;outline-offset:2px}
body>header.institution-header .header-language-direct:hover .header-language-globe{transform:rotate(15deg)}
@media(prefers-reduced-motion:reduce){body>header.institution-header .header-language-choice,body>header.institution-header .header-language-direct .header-language-globe{transition:none}body>header.institution-header .header-language-direct:hover .header-language-globe{transform:none}}
@media print{body>header.institution-header .header-language-direct{display:none}}

/* 35px single-row menu: 31px content plus 4px green strip. */
body>header.institution-header .institution-nav-band{}
body>header.institution-header .header-inner{}
body>header.institution-header #navigation>a,body>header.institution-header #navigation>.nav-dropdown>summary{}
body>header.institution-header .header-sharia-button{padding:4px 10px}
body>header.institution-header .header-language-direct{min-height:31px}
body>header.institution-header .header-language-choice{min-height:31px;padding:4px 7px}
body>header.institution-header .header-faq-icon,body>header.institution-header .menu{}
body>header.institution-header .search-icon,body>header.institution-header .search-icon:hover{}

/* One flag/name language switch; 38px band (34px + 4px green strip). */
body>header.institution-header .institution-nav-band{}
body>header.institution-header .header-inner{}
body>header.institution-header #navigation>a,body>header.institution-header #navigation>.nav-dropdown>summary{}
body>header.institution-header .header-sharia-button{padding:5px 10px}
body>header.institution-header .header-faq-icon,body>header.institution-header .menu{}
body>header.institution-header .search-icon,body>header.institution-header .search-icon:hover{}
body>header.institution-header #language,body>header.institution-header .article-language{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:5px 9px;background:#f5fcff;border:1px solid #83b8d2;border-radius:6px;color:#113e5c;text-decoration:none;font:600 13px/1.25 Arial,sans-serif;white-space:nowrap;cursor:pointer}
body>header.institution-header #language .language-flag,body>header.institution-header .article-language .language-flag{display:block;width:24px;object-fit:contain;flex:0 0 24px;border:0;border-radius:0}
body>header.institution-header #language:hover,body>header.institution-header .article-language:hover{background:#e3f6ff;box-shadow:0 2px 7px #113e5c20}
body>header.institution-header #language:focus-visible,body>header.institution-header .article-language:focus-visible{outline:3px solid #006b47;outline-offset:2px}

/* 45px single-row menu: 41px controls plus the 4px green strip. */
body>header.institution-header .institution-nav-band{}
body>header.institution-header .header-inner{}
body>header.institution-header #navigation>a,body>header.institution-header #navigation>.nav-dropdown>summary{}
body>header.institution-header .header-sharia-button{padding:8px 10px}
body>header.institution-header .header-faq-icon,body>header.institution-header .menu{}
body>header.institution-header .search-icon,body>header.institution-header .search-icon:hover{}
body>header.institution-header #language,body>header.institution-header .article-language{padding:8px 9px}

/* Theme-default bar height: navigation.css owns bar/menu sizing. */
body>header.institution-header .header-sharia-button{padding:4px 10px}
body>header.institution-header #language,body>header.institution-header .article-language{padding:4px 8px}
body>header.institution-header .search-icon .search-brand-icon{width:20px;height:20px}

/* Breathing room between menu content and the bar edges; natural height. */
body>header.institution-header .header-inner{padding:8px 12px;box-sizing:border-box}