/* The approved Contributors header, shared across public frontend shells. */
#pre-global-header { --cr-red:#ff2438; --cr-text:#f5f6f7; --cr-muted:#b6bdc4; --cr-border:#284657; color:var(--cr-text); font-family:Cairo,Tahoma,sans-serif; font-size:15px; line-height:1.6; letter-spacing:0; text-align:start; width:100%; margin:0; padding:0; }
#pre-global-header, #pre-global-header * { box-sizing:border-box; letter-spacing:0; }
#pre-global-header a { color:var(--cr-text); text-decoration:none; }
#pre-global-header a:hover { color:#fff; text-decoration:none; }
#pre-global-header .pre-cr-line-icon { display:block; width:24px; height:24px; flex:0 0 24px; }
#pre-global-header :focus-visible { outline:2px solid #ff6675; outline-offset:4px; }
#pre-global-header.pre-cr-topbar { min-height:68px; flex-shrink:0; border-bottom:1px solid #ae1424; background:rgba(3,7,10,.95); position:relative; z-index:3; }
#pre-global-header .pre-cr-topbar-inner { position:relative; width:calc(100% - 48px); max-width:1600px; min-height:68px; margin:auto; display:grid; grid-template-columns:260px minmax(0,1fr) 112px minmax(0,1fr) 260px; align-items:center; gap:20px; }
#pre-global-header .pre-cr-primary-nav, #pre-global-header .pre-cr-community-nav { display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; min-width:0; padding-block:8px; }
#pre-global-header .pre-cr-primary-nav { grid-column:2; justify-content:flex-end; }
#pre-global-header .pre-cr-community-nav { grid-column:4; justify-content:flex-start; }
#pre-global-header .pre-cr-primary-nav a, #pre-global-header .pre-cr-community-nav a { display:inline-flex; align-items:center; gap:10px; position:relative; font-size:15px; font-weight:700; line-height:1.5; white-space:nowrap; }
#pre-global-header.pre-cr-topbar nav .pre-cr-line-icon { width:21px; height:21px; flex-basis:21px; }
#pre-global-header .pre-cr-community-nav .is-current { color:var(--cr-red); }
#pre-global-header .pre-cr-community-nav .is-current::after { content:""; height:2px; background:var(--cr-red); position:absolute; inset-inline:0; bottom:-16px; box-shadow:0 0 8px #e8162d; }
#pre-global-header .pre-cr-library-search { grid-column:5; justify-self:end; display:flex; align-items:center; width:260px; min-width:0; max-width:100%; height:40px; border:1px solid #4b6575; background:rgba(7,16,22,.8); border-radius:8px; }
#pre-global-header .pre-cr-library-search input { background:none; border:0; border-radius:0; font:inherit; font-size:14px; color:#e6ecf0; min-height:0; height:100%; width:100%; margin:0; padding:0 12px; }
#pre-global-header .pre-cr-library-search input::placeholder { color:#a6adb4; }
#pre-global-header .pre-cr-library-search button { display:grid; place-items:center; background:none; border:0; color:#f5f6f7; height:38px; width:42px; flex:0 0 42px; padding:0; cursor:pointer; }
#pre-global-header .pre-cr-library-search button svg { width:20px; height:20px; }
#pre-global-header .pre-cr-site-logo { grid-column:3; position:relative; display:flex; justify-content:center; height:68px; align-self:start; }
#pre-global-header .pre-cr-site-logo::before { content:""; position:absolute; width:144px; height:36px; top:66px; background:#05080b; border:1px solid #ae1424; border-top:0; border-radius:0 0 72px 72px; z-index:-1; }
#pre-global-header .pre-cr-site-logo img { display:block; position:absolute; top:4px; width:78px; height:96px; max-width:none; object-fit:contain; }
#pre-global-header .pre-cr-site-logo .pre-cr-line-icon { position:absolute; top:22px; width:52px; height:52px; }
@media (max-width:1500px) {
  #pre-global-header .pre-cr-topbar-inner { grid-template-columns:225px minmax(0,1fr) 90px minmax(0,1fr) 225px; gap:14px; }
  #pre-global-header .pre-cr-primary-nav, #pre-global-header .pre-cr-community-nav { gap:14px; }
  #pre-global-header .pre-cr-library-search { width:225px; min-width:170px; }
  #pre-global-header .pre-cr-primary-nav a, #pre-global-header .pre-cr-community-nav a { gap:7px; font-size:14px; }
}
@media (max-width:1280px) {
  #pre-global-header .pre-cr-topbar-inner { grid-template-columns:190px minmax(0,1fr) 90px minmax(0,1fr) 190px; gap:12px; }
  #pre-global-header .pre-cr-library-search { width:190px; min-width:150px; }
  #pre-global-header .pre-cr-primary-nav, #pre-global-header .pre-cr-community-nav { gap:12px; }
  #pre-global-header .pre-cr-primary-nav a, #pre-global-header .pre-cr-community-nav a { font-size:13px; gap:6px; }
  #pre-global-header.pre-cr-topbar nav .pre-cr-line-icon { width:18px; height:18px; flex-basis:18px; }
}
@media (max-width:1100px) {
  #pre-global-header.pre-cr-topbar { height:auto; min-height:136px; }
  #pre-global-header .pre-cr-topbar-inner { min-height:136px; grid-template-columns:150px minmax(0,1fr) 96px minmax(0,1fr) 150px; padding:12px 0; }
  #pre-global-header .pre-cr-primary-nav, #pre-global-header .pre-cr-community-nav { gap:14px; }
  #pre-global-header .pre-cr-library-search { width:100%; }
  #pre-global-header .pre-cr-community-nav .is-current::after { bottom:-8px; }
  #pre-global-header .pre-cr-site-logo { align-self:center; }
  #pre-global-header .pre-cr-site-logo::before { height:96px; border:0; border-radius:0; background:none; }
  #pre-global-header .pre-cr-site-logo img { top:-10px; }
  #pre-global-header .pre-cr-site-logo .pre-cr-line-icon { top:8px; }
}
@media (max-width:800px) {
  #pre-global-header .pre-cr-topbar-inner { width:calc(100% - 24px); grid-template-columns:110px minmax(0,1fr) 78px minmax(0,1fr) 110px; gap:10px; }
  #pre-global-header .pre-cr-primary-nav, #pre-global-header .pre-cr-community-nav { flex-wrap:wrap; gap:12px; }
  #pre-global-header .pre-cr-primary-nav a, #pre-global-header .pre-cr-community-nav a { font-size:14px; }
}
@media (max-width:560px) {
  #pre-global-header .pre-cr-topbar-inner { display:flex; flex-wrap:wrap; justify-content:center; padding-top:94px; gap:16px; }
  #pre-global-header .pre-cr-site-logo { position:absolute; top:10px; left:50%; transform:translateX(-50%); width:90px; height:80px; }
  #pre-global-header .pre-cr-site-logo img { height:84px; top:0; }
  #pre-global-header .pre-cr-site-logo .pre-cr-line-icon { width:46px; height:46px; top:18px; }
  #pre-global-header .pre-cr-primary-nav, #pre-global-header .pre-cr-community-nav { width:100%; gap:12px 20px; justify-content:center; padding-block:0; }
  #pre-global-header .pre-cr-library-search { width:100%; max-width:none; }
}
#pre-global-header.pre-cr-topbar[data-custom-nav] :is(.pre-cr-primary-nav,.pre-cr-community-nav) { flex-wrap:wrap; gap:12px; }
#pre-global-header.pre-cr-topbar[data-custom-nav] { height:auto; min-height:68px; }
#pre-global-header.pre-cr-topbar[data-custom-nav] nav :is(a,span) { overflow-wrap:anywhere; white-space:normal; }
/* Symmetric outer tracks keep the logo centered regardless of item widths. */
#pre-global-header .pre-cr-member { grid-column:1; grid-row:1; justify-self:start; position:relative; z-index:6; max-width:136px; }
#pre-global-header :is(.pre-cr-member-trigger,.pre-cr-member-login) { display:flex; align-items:center; gap:8px; border:0; background:none; color:var(--cr-text); padding:4px 0; font:inherit; font-size:12px; cursor:pointer; max-width:100%; }
#pre-global-header .pre-cr-member-login { min-height:44px; white-space:nowrap; }
#pre-global-header .pre-cr-member-login:is(:hover,:focus-visible) { color:var(--cr-red); }
#pre-global-header .pre-cr-member-trigger img { width:36px; height:36px; flex:0 0 36px; border:1px solid var(--cr-red); border-radius:50%; object-fit:cover; background:#08131a; }
#pre-global-header .pre-cr-member-trigger span { display:block; max-width:84px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#pre-global-header .pre-cr-member-links { position:absolute; top:100%; inset-inline-start:0; width:196px; max-width:calc(100vw - 24px); padding:8px; border:1px solid var(--cr-border); border-radius:5px; background:#061116fa; box-shadow:0 12px 30px #000a; }
#pre-global-header .pre-cr-member-links[hidden] { display:none; }
#pre-global-header .pre-cr-member-links a { display:flex; align-items:center; gap:10px; padding:10px; border-radius:4px; font-size:14px; }
#pre-global-header .pre-cr-member-links a[aria-current], #pre-global-header .pre-cr-member-links a:hover, #pre-global-header .pre-cr-member-links a:focus-visible { background:#5b16233d; color:#fff; }
#pre-global-header .pre-cr-member-links svg { width:20px; height:20px; flex:0 0 20px; }
#pre-global-header .pre-cr-member-links hr { border:0; border-top:1px solid var(--cr-border); margin:6px 2px; }
@media (max-width:1000px) { #pre-global-header .pre-cr-member { max-width:110px; } #pre-global-header .pre-cr-member-trigger span { max-width:62px; } }
@media (max-width:560px) { #pre-global-header .pre-cr-member { position:absolute; inset-inline-start:0; top:8px; } #pre-global-header .pre-cr-member-links { top:88px; } }
#pre-global-header :is(.pre-cr-primary-nav,.pre-cr-community-nav) .is-current { color:var(--cr-red); }
#pre-global-header .pre-cr-primary-nav .is-current::after { content:""; height:2px; background:var(--cr-red); position:absolute; inset-inline:0; bottom:-16px; box-shadow:0 0 8px #e8162d; }
@media(max-width:1100px) { #pre-global-header .pre-cr-primary-nav .is-current::after { bottom:-8px; } }
@media(min-width:1101px) { body.pre-home-jannah.pre-home-hero-first-desktop #pre-global-header { position:absolute; inset:0 0 auto; z-index:30; } }
/* Reserve only the space occupied by the shared header in the immersive shell. */
body.pre-document-reader-template #pre-global-header { position:fixed; inset:var(--pre-reader-admin-offset,0px) 0 auto; z-index:100002; }
body.pre-document-reader-template.admin-bar { --pre-reader-admin-offset:32px; }
body.pre-document-reader-template.admin-bar::before { top:var(--pre-reader-admin-offset); height:calc(100dvh - var(--pre-reader-admin-offset)); }
body.pre-document-reader-template .pre-document-reader:not(:fullscreen) { top:calc(var(--pre-global-header-height,68px) + var(--pre-reader-admin-offset,0px) + 24px); bottom:24px; height:min(760px,calc(100dvh - var(--pre-global-header-height,68px) - var(--pre-reader-admin-offset,0px) - 48px)); max-height:calc(100dvh - var(--pre-global-header-height,68px) - var(--pre-reader-admin-offset,0px) - 48px); }
@media(max-width:782px) { body.pre-document-reader-template.admin-bar { --pre-reader-admin-offset:46px; } }
@media(prefers-reduced-motion:reduce) { #pre-global-header * { transition:none; } }

/* Account-owned counters occupy the existing account column; navigation and logo stay in their original columns. */
#pre-global-header .pre-cr-account-area{grid-column:1;grid-row:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;max-width:100%}#pre-global-header .pre5-header-tools{display:flex;align-items:center;gap:4px}#pre-global-header .pre5-header-tools a{font-size:15px;white-space:nowrap;padding:4px}#pre-global-header .pre5-count{font-size:10px;background:#d50930;color:#fff;border-radius:12px;padding:0 5px}#pre-global-header .pre-cr-account-area .pre-cr-member{flex:1 1 115px;min-width:0}
@media(max-width:600px){#pre-global-header .pre-cr-account-area{justify-content:center;width:100%}#pre-global-header .pre-cr-account-area .pre-cr-member{flex:0 1 auto}}

/* A single geometry for the existing message/notification links; badges are positive counts only. */
#pre-global-header .pre5-header-tools>a{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;padding:6px;line-height:1;box-sizing:border-box}
#pre-global-header .pre5-header-tools svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#pre-global-header .pre5-header-tools .pre5-count{position:absolute;top:-3px;inset-inline-end:-4px;display:grid;place-items:center;min-width:16px;height:16px;box-sizing:border-box;font:700 10px/1 Cairo,Tahoma,sans-serif;padding:1px 4px;pointer-events:none}