/* Shared public header: same geometry on home and all directory views. */
.site-header-shell{max-width:1600px;margin:auto;padding:0 5%;background:#7e2247;color:#fff}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:124px;gap:35px;border-bottom:1px solid #ffffff24;color:#fff;font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif}.site-header .brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:bold;white-space:nowrap;color:#fff}.site-header .brand small{display:block;font-size:10px;font-weight:normal;letter-spacing:1px;margin-top:6px}.site-header .brand-symbol{display:block;width:47px;height:64px;overflow:hidden;position:relative;mix-blend-mode:lighten}.site-header .brand-symbol img{position:absolute;width:113px;height:113px;max-width:none;top:-25px;left:-33px}.site-header nav{display:flex;align-items:center;gap:26px;font-size:13px;flex-wrap:nowrap}.site-header nav button,.site-header nav a{font:inherit;color:inherit;border:0;background:none;padding:12px 0;text-decoration:none;white-space:nowrap;cursor:pointer}.site-header nav .active{position:relative}.site-header nav .active:after{content:'';position:absolute;bottom:0;right:0;width:20px;height:3px;background:#feda3f}.site-header .soon-tag{font-size:9px;color:#feda3f;margin-right:3px}.site-header nav .nav-sign{border:1px solid #ffffff60;border-radius:30px;padding:12px 19px}.site-header .nav-sign span{margin-right:15px;color:#feda3f}.site-header .menu-toggle{display:none}.site-header a:focus-visible,.site-header button:focus-visible{outline:3px solid #feda3f;outline-offset:7px}.site-header a{color:inherit;text-decoration:none}.site-header{line-height:normal}
@media(max-width:1100px){.site-header nav{gap:16px;font-size:11px}.site-header .brand{font-size:20px}}
@media(max-width:760px){.site-header-shell{padding:0 6%}.site-header{min-height:95px}.site-header .brand{font-size:21px}.site-header .brand-symbol{scale:.85;width:43px}.site-header .menu-toggle{display:flex;gap:15px;border:1px solid #ffffff50;border-radius:25px;background:none;color:#fff;padding:10px 15px;font:12px "IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;min-height:44px;align-items:center}.site-header nav{display:none;position:absolute;top:85px;right:6%;left:6%;background:#6c1b3c;padding:20px;border:1px solid #ffffff30;border-radius:16px;z-index:10;box-shadow:0 20px 40px #30082040}.site-header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:8px}.site-header nav button,.site-header nav a{text-align:right;padding:10px;font-size:13px}.site-header nav .active:after{right:10px}.site-header nav .nav-sign{margin-top:5px}}
.header-dialog{background:#fffaf5;color:#7e2247;width:min(550px,90vw);border:0;border-radius:22px;padding:48px 38px;text-align:right;box-shadow:0 30px 120px #24071760;font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif}.header-dialog::backdrop{background:#290a1ac7;backdrop-filter:blur(9px)}.header-dialog .close-dialog{position:absolute;left:17px;top:12px;border:0;background:transparent;color:#7e2247;font-size:30px;width:44px;height:44px;cursor:pointer}.header-dialog h2{font-size:27px}.header-dialog p{line-height:2;font-size:15px}.header-dialog .dialog-kicker{font-size:12px}.header-dialog button:focus-visible{outline:3px solid #7e2247}
html{scrollbar-gutter:stable}
/* Extend the header background beyond its centered content on wide screens. */
body.directory-page{background-image:linear-gradient(#7e2247,#7e2247);background-size:100% 124px;background-repeat:no-repeat}@media(max-width:760px){body.directory-page{background-size:100% 95px}}