/* The approved shared header. Magazine and admin headers do not use this component. */
@font-face{font-family:'Site Kufi';font-style:normal;font-weight:400 600;font-display:swap;src:url('../fonts/economy/NotoKufiArabic-Regular.ttf') format('truetype')}
@font-face{font-family:'Site Kufi';font-style:normal;font-weight:700 900;font-display:swap;src:url('../fonts/economy/NotoKufiArabic-Bold.ttf') format('truetype')}
.public-site-header{border-top:3px solid #303030;font-family:Inter,Cairo,sans-serif;color:#061b2b}
html[dir=rtl] .public-site-header{font-family:Cairo,'Site Kufi',sans-serif}
.public-site-header .container{width:min(1440px,calc(100% - 40px));margin-inline:auto}
.public-site-header .utility{background:#fff;color:#061b2b;border-bottom:1px solid #e2e8ed}
.public-site-header .utility-inner{height:38px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px;line-height:1.5;font-weight:700}
.public-site-header .language{display:flex;align-items:center;gap:5px;white-space:nowrap;direction:ltr;font-size:12px;font-weight:800}
.public-site-header .language a{padding:5px}.public-site-header .language a.active{color:#ed092c}
.public-site-header .brand-skyline{position:relative;padding:0;border-bottom:1px solid #dbe2e7;background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.72),rgba(255,255,255,.95)),url('https://images.unsplash.com/photo-1512453979798-5ea266f8880c?auto=format&fit=crop&w=1800&q=70') center 43%/cover no-repeat,url('../images/header/skyline-fallback.png') center 43%/cover no-repeat}
.public-site-header .brand-row{height:116px;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:28px;align-items:center;position:relative}
.public-site-header .brand{justify-self:center;display:block;margin:0;padding:0;min-width:0}
.public-site-header .site-logo-header{display:block;width:235px;height:104px;max-width:100%;object-fit:contain}
.public-site-header .search{justify-self:start;width:min(300px,100%);height:44px;display:flex;align-items:center;padding:0 13px;gap:7px;border:1px solid #dfe5ea;border-radius:25px;background:rgba(255,255,255,.92);box-shadow:0 5px 20px rgba(6,27,43,.06);font-size:11px;line-height:1.5}
.public-site-header .search input,.public-site-header .mobile-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;padding:9px 0;font:inherit;color:#061b2b}
.public-site-header .search input::placeholder,.public-site-header .mobile-search input::placeholder{color:#7c8c9d}
.public-site-header .search button,.public-site-header .mobile-search button{display:grid;place-items:center;flex:0 0 20px;min-width:20px;width:20px;height:30px;padding:0;border:0;background:none;color:#061b2b;cursor:pointer}
.public-site-header svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.public-site-header .header-flag{justify-self:end;display:flex;align-items:center;gap:10px;max-width:100%;min-width:0;color:#061b2b;font-size:14px;line-height:1.6}
.public-site-header .header-flag span{font:700 24px/1 Inter,sans-serif}.public-site-header .header-flag span::before{content:none}
.public-site-header .header-flag strong{min-width:0}
.public-site-header .mobile-search,.public-site-header .mobile-menu-button{display:none}
.public-site-header nav{background:#061b2b;color:#fff;border:0}
.public-site-header .nav-inner{display:flex;align-items:stretch;height:54px;min-height:0;padding:0;overflow-x:auto;overflow-y:hidden;gap:0;scrollbar-width:none}
.public-site-header .nav-inner::-webkit-scrollbar{display:none}
.public-site-header .nav-inner>a{display:grid;place-items:center;flex:0 0 auto;white-space:nowrap;min-height:54px;margin:0;padding:0 20px;font-size:16px;line-height:1.5;font-weight:700;color:#fff;border-radius:0}
@media(min-width:1001px){html[dir=ltr] .public-site-header .nav-inner>a{padding-inline:18px}}
.public-site-header .nav-inner>a.active,.public-site-header .nav-inner>a:hover{background:#ed092c;color:#fff}
.public-site-header a:focus-visible,.public-site-header button:focus-visible{outline:2px solid #ed092c;outline-offset:3px}.public-site-header form:focus-within{border-color:#a3b9c9;box-shadow:0 0 0 2px #a3b9c955}
.public-site-header+main>.ticker{height:38px;min-height:38px;margin:0 0 10px;padding-inline-start:132px;line-height:1.5}
.public-site-header+main>.ticker .ticker-title{width:132px;font-size:16px;line-height:1.5}
.public-site-header+main>.ticker .ticker-item{font-size:14px;line-height:1.5}
html[dir=rtl] .public-site-header+main>.ticker{font-family:Cairo,'Site Kufi',sans-serif}
@media(max-width:1000px) and (min-width:721px){.public-site-header .brand-row{gap:18px}.public-site-header .header-flag{font-size:12px}.public-site-header .header-flag span{font-size:22px}.public-site-header .nav-inner>a{padding-inline:17px;font-size:14px}}
@media(max-width:720px){
 .public-site-header .container{width:calc(100% - 24px)}
 .public-site-header .utility-inner{height:34px;gap:8px;font-size:10px}.public-site-header .utility-inner>span:nth-child(2){display:inline;font-size:9px;white-space:nowrap}.public-site-header .language{font-size:10px;gap:2px}.public-site-header .language a{padding:5px 2px}
 .public-site-header .brand-skyline{padding-bottom:10px;background-position:center}
 .public-site-header .brand-row{height:86px;display:flex;align-items:center;justify-content:center;gap:0;padding:0}
 .public-site-header .site-logo-header{width:175px;height:78px}
 .public-site-header .search,.public-site-header .header-flag{display:none}
 .public-site-header .mobile-menu-button{position:absolute;inset-inline-end:0;top:28px;display:grid;place-items:center;width:38px;height:34px;padding:6px;border:0;border-radius:5px;background:rgba(255,255,255,.9);color:#061b2b;cursor:pointer}.public-site-header .mobile-menu-button svg{width:23px;height:23px;stroke-width:1.8}
 .public-site-header .mobile-search{height:38px;display:flex;align-items:center;gap:7px;border:1px solid #d2dce4;border-radius:22px;background:#fff;padding:0 12px;font-size:11px;line-height:1.5;box-shadow:0 4px 16px rgba(6,27,43,.08)}
 .public-site-header .nav-inner{height:44px;min-height:44px;display:flex;padding:0;max-height:none;overflow-x:auto;overflow-y:hidden}
 .public-site-header .nav-inner>a{min-height:44px;padding-inline:15px;font-size:12px}
 .public-site-header nav.mobile-expanded .nav-inner{height:auto;max-height:270px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:6px;gap:4px;overflow:auto}
 .public-site-header nav.mobile-expanded .nav-inner>a{min-width:0;white-space:normal;text-align:center;border-radius:4px}
 .public-site-header+main>.ticker{height:36px;min-height:36px;padding-inline-start:104px;margin-bottom:8px}.public-site-header+main>.ticker .ticker-title{width:104px;font-size:12px}.public-site-header+main>.ticker .ticker-item{font-size:11px}
}

/* v78: reference mobile/tablet menu; desktop keeps the shared header. */
.public-site-header .compact-actions,.public-site-header .compact-search-button,.public-site-header .compact-menu,.public-site-header .menu-close{display:none}
.public-site-header [hidden]{display:none!important}
@media(max-width:1100px){
 .public-site-header{border-top:0}
 .public-site-header .utility,.public-site-header .header-flag,.public-site-header .search,.public-site-header .mobile-search,.public-site-header #public-site-menu{display:none}
 .public-site-header .brand-skyline{background:#fff;padding:0;border-bottom:1px solid #dce3e8}
 .public-site-header .container{width:calc(100% - 32px)}
 .public-site-header .brand-row{height:76px;display:grid;grid-template-columns:1fr auto 1fr;gap:8px;padding:0;direction:ltr}
 .public-site-header .brand{grid-column:2;grid-row:1;justify-self:center}
 .public-site-header .site-logo-header{width:116px;height:66px;max-width:100%;object-fit:contain}
 .public-site-header .compact-search-button{grid-column:1;grid-row:1;justify-self:start;display:grid;place-items:center;width:40px;height:44px;background:none;border:0;color:#061b2b;padding:0;cursor:pointer}
 .public-site-header .compact-actions{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:6px;direction:ltr}
 .public-site-header .compact-language{font:700 11px/1.5 Arial,sans-serif;gap:1px}
 .public-site-header .compact-language a{padding:6px 2px;color:#061b2b;text-decoration:none}
 .public-site-header .compact-language a.active{color:#ed092c}
 .public-site-header .mobile-menu-button{position:static;display:grid;place-items:center;width:40px;height:44px;padding:8px;background:none;border:0;border-radius:0;cursor:pointer}
 .public-site-header .mobile-menu-button svg,.public-site-header .compact-search-button svg{width:21px;height:21px}
 .public-site-header.is-menu-open .menu-bars{display:none}
 .public-site-header.is-menu-open .menu-close{display:block}
 .public-site-header .compact-menu{display:block;background:#031d2c;color:#f7f9fc;border:0}
 .public-site-header .compact-menu-content{padding:18px 0 24px;max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain}
 .public-site-header .compact-search{display:flex;align-items:center;gap:10px;width:100%;height:44px;margin:0 0 18px;padding:0 12px;background:#1b3443;border:1px solid #3b5060;border-radius:8px;box-sizing:border-box}
 .public-site-header .compact-search input{flex:1;min-width:0;width:100%;padding:0;border:0;outline:0;background:none;color:#fff;font:inherit;font-size:13px;text-align:start}
 .public-site-header .compact-search input::placeholder{color:#abb7c1;opacity:1}
 .public-site-header .compact-search button{display:grid;place-items:center;flex:0 0 32px;height:40px;padding:0;border:0;background:none;color:#fff;cursor:pointer}
 .public-site-header .compact-search svg{width:21px;height:21px}
 .public-site-header .compact-links{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
 .public-site-header .compact-item{min-width:0;border-bottom:1px solid #314451;align-self:start}
 .public-site-header .compact-item-row{display:flex;align-items:stretch;border-radius:3px}
 .public-site-header .compact-link{display:flex;align-items:center;gap:12px;flex:1;min-width:0;min-height:44px;padding:5px 12px;box-sizing:border-box;text-decoration:none;color:#fff;font-size:15px;font-weight:700;line-height:1.6;border-radius:3px}
 .public-site-header .compact-link.active,.public-site-header .compact-item-row.active{background:#ed002b}
 .public-site-header .compact-link:hover{background:#ffffff10}
 .public-site-header .compact-link.active:hover{background:#d60028}
 .public-site-header .compact-home svg{width:20px;height:20px;fill:currentColor;stroke-width:1.5}
 .public-site-header .compact-topic-toggle{flex:0 0 44px;width:44px;min-height:44px;padding:10px;display:grid;place-items:center;background:none;border:0;color:#fff;cursor:pointer}
 .public-site-header .compact-topic-toggle svg{width:17px;height:17px;transition:transform .15s}
 html[dir=ltr] .public-site-header .compact-topic-toggle svg{transform:rotate(180deg)}
 .public-site-header .compact-topic-toggle[aria-expanded=true] svg{transform:rotate(-90deg)}
 .public-site-header .compact-topics{background:#102c3d;padding:4px 12px 8px;border-inline-start:2px solid #ed002b}
 .public-site-header .compact-topics a{display:flex;align-items:center;min-height:44px;padding:5px 12px;color:#e2e9ee;text-decoration:none;font-size:13px;line-height:1.6;box-sizing:border-box}
 .public-site-header .compact-topics a:hover{color:#fff;background:#ffffff10}
}
@media(min-width:600px) and (max-width:1100px){
 .public-site-header .container{width:calc(100% - 48px)}
 .public-site-header .compact-menu-content{padding-top:20px;padding-bottom:28px}
 .public-site-header .compact-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;position:relative}
 .public-site-header .compact-links:before{content:"";position:absolute;inset-block:0;left:50%;border-left:1px solid #314451;pointer-events:none}
 .public-site-header .compact-home{grid-column:1 / -1;width:calc(50% - 12px)}
 .public-site-header .compact-link{min-height:48px;font-size:16px}
}
@media(prefers-reduced-motion:reduce){.public-site-header .compact-topic-toggle svg{transition:none}}