/* Shared Editorial Header V1 — used by homepage and article pages. */
.editorial-header{
  display:block;
  border-block-end:1px solid var(--ds-border-subtle);
  background:var(--paper-0);
  color:var(--ink-1);
}
.editorial-header .signal-bar{
  border-block-end:1px solid var(--ds-border-subtle);
  background:var(--paper-0);
  color:var(--ink-1);
}
.editorial-header .signal-bar__inner{
  min-height:1.85rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  font-size:.68rem;
  font-weight:800;
}
.editorial-header .signal-bar__mark{
  display:inline-flex;
  align-items:center;
  gap:.42rem;
  white-space:nowrap;
}
.editorial-header .signal-bar__mark::before{
  content:"";
  width:.42rem;
  height:.42rem;
  background:var(--editorial-accent);
  transform:rotate(45deg);
}
.editorial-header .signal-bar__links{
  display:flex;
  align-items:center;
  gap:.9rem;
}
.editorial-header .signal-bar__links a{
  color:var(--ds-text-muted);
  text-decoration:none;
  white-space:nowrap;
}
.editorial-header .signal-bar__links a:hover,
.editorial-header .signal-bar__links a:focus-visible{color:var(--ds-text-link)}

.editorial-header .masthead{
  background:var(--paper-0);
  border:0;
}
.editorial-header .masthead__row{
  min-height:5.55rem;
  display:grid;
  grid-template-columns:minmax(13rem,1fr) minmax(14rem,auto) minmax(13rem,1fr);
  gap:1rem;
  align-items:center;
  border-block-end:1px solid var(--ds-border-default);
}
.editorial-header .masthead__right-zone{
  min-width:0;
  display:flex;
  align-items:center;
  justify-self:start;
  gap:.5rem;
}
.editorial-header .masthead__wordmark{
  display:grid;
  justify-items:center;
  gap:.28rem;
  justify-self:center;
  color:inherit;
  text-decoration:none;
  line-height:1;
}
.editorial-header .masthead__brand-logo{
  display:block;
  width:clamp(10.8rem,15vw,14.3rem);
}
.editorial-header .masthead__brand-logo img{
  display:block;
  width:100%;
  height:auto;
}
.editorial-header .masthead__arabic{
  margin:0;
  color:var(--editorial-accent);
  font-size:.62rem;
  font-weight:900;
  line-height:1;
  letter-spacing:.035em;
}
.editorial-header .masthead__actions{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:.55rem;
}
.editorial-header .masthead__search{
  display:grid;
  place-items:center;
  width:2.35rem;
  height:2.35rem;
  min-width:2.35rem;
  border:1px solid var(--ds-action-secondary-border);
  border-radius:999px;
  background:var(--ds-action-secondary-bg);
  color:var(--ds-action-secondary-text);
}
.editorial-header .masthead__search:hover{
  border-color:var(--ds-border-active);
  background:var(--ds-action-secondary-hover);
}

.editorial-header .public-membership__link{
  min-height:2.58rem;
  padding:.54rem .94rem;
  font-size:.76rem;
}
.editorial-header .public-membership__icon{
  width:1.08rem;
  height:1.08rem;
  flex-basis:1.08rem;
}

.editorial-header .primary-nav{
  border-block-end:1px solid var(--ds-border-default);
  background:var(--paper-0);
}
.editorial-header .primary-nav__inner{
  min-height:2.72rem;
  display:flex;
  align-items:center;
  overflow:visible;
}
.editorial-header .primary-nav__desktop{
  width:100%;
  display:flex;
  align-items:stretch;
  justify-content:center;
  gap:.12rem;
}
.editorial-header .primary-nav__mobile{display:none}
.editorial-header .primary-nav__item{
  position:relative;
  display:flex;
  align-items:stretch;
}
.editorial-header .primary-nav__item>a,
.editorial-header .primary-nav__more>summary,
.editorial-header .primary-nav__mobile-more>summary{
  position:relative;
  display:flex;
  align-items:center;
  min-height:2.72rem;
  padding:.25rem .78rem;
  border-radius:8px;
  color:var(--ds-text-strong);
  font-size:.76rem;
  font-weight:850;
  line-height:1.25;
  white-space:nowrap;
  text-decoration:none;
  cursor:pointer;
}
.editorial-header .primary-nav__item>a:hover,
.editorial-header .primary-nav__item>a:focus-visible,
.editorial-header .primary-nav__more>summary:hover,
.editorial-header .primary-nav__more>summary:focus-visible,
.editorial-header .primary-nav__more[open]>summary,
.editorial-header .primary-nav__mobile-more[open]>summary{
  background:var(--ds-surface-interactive-hover);
  color:var(--ds-text-link);
}
.editorial-header .primary-nav__more,
.editorial-header .primary-nav__mobile-more{position:relative}
.editorial-header .primary-nav__more>summary,
.editorial-header .primary-nav__mobile-more>summary{list-style:none;gap:.35rem}
.editorial-header .primary-nav__more>summary::-webkit-details-marker,
.editorial-header .primary-nav__mobile-more>summary::-webkit-details-marker{display:none}
.editorial-header .primary-nav__chevron{
  width:.85rem;
  height:.85rem;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  transition:transform .16s ease;
}
.editorial-header details[open]>.primary-nav__chevron,
.editorial-header details[open]>summary .primary-nav__chevron{transform:rotate(180deg)}
.editorial-header .primary-nav__more-menu{
  position:absolute;
  z-index:150;
  inset-block-start:calc(100% + .35rem);
  inset-inline-end:0;
  width:min(22rem,calc(100vw - 2rem));
  max-height:min(70vh,34rem);
  overflow:auto;
  display:grid;
  gap:.18rem;
  padding:.45rem;
  border:1px solid var(--ds-border-default);
  border-radius:12px;
  background:var(--ds-surface-panel);
  box-shadow:var(--ds-shadow-float);
}
.editorial-header .primary-nav__more-menu .primary-nav__item{display:block}
.editorial-header .primary-nav__more-menu .primary-nav__item>a{
  min-height:2.35rem;
  width:100%;
  padding:.45rem .6rem;
  font-size:.74rem;
}

@media(max-width:1100px){
  .editorial-header .masthead__row{
    grid-template-columns:minmax(11rem,1fr) minmax(12rem,auto) minmax(11rem,1fr);
  }
  .editorial-header .masthead__brand-logo{width:11.5rem}
  .editorial-header .public-membership__link{padding-inline:.72rem;font-size:.71rem}
  .editorial-header .primary-nav__item>a,
  .editorial-header .primary-nav__more>summary{padding-inline:.58rem;font-size:.71rem}
}

/* Editorial Header V1.1 — compact navigation before the masthead itself stacks. */
@media(max-width:1240px){
  .editorial-header .primary-nav__inner{min-height:2.6rem}
  .editorial-header .primary-nav__desktop{display:none}
  .editorial-header .primary-nav__mobile{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.15rem;
  }
  .editorial-header .primary-nav__mobile .primary-nav__item>a,
  .editorial-header .primary-nav__mobile-more>summary{
    min-height:2.55rem;
    padding-inline:.7rem;
    font-size:.72rem;
  }
}

@media(max-width:760px){
  .editorial-header .signal-bar__inner{
    min-height:1.75rem;
    justify-content:center;
  }
  .editorial-header .signal-bar__links{display:none}
  .editorial-header .masthead__row{
    min-height:auto;
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    gap:.65rem;
    padding-block:.85rem;
  }
  .editorial-header .masthead__wordmark{
    grid-column:1;
    grid-row:1;
  }
  .editorial-header .masthead__brand-logo{width:10.5rem}
  .editorial-header .masthead__arabic{display:none}
  .editorial-header .masthead__right-zone{
    grid-column:1;
    grid-row:2;
    width:100%;
    justify-self:stretch;
    justify-content:center;
  }
  .editorial-header .masthead__membership{
    width:100%;
    justify-content:center;
  }
  .editorial-header .masthead__actions{
    grid-column:1;
    grid-row:3;
    width:100%;
    justify-self:stretch;
    justify-content:center;
  }
  .editorial-header .primary-nav__inner{min-height:2.6rem}
  .editorial-header .primary-nav__desktop{display:none}
  .editorial-header .primary-nav__mobile{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.12rem;
  }
  .editorial-header .primary-nav__mobile .primary-nav__item>a,
  .editorial-header .primary-nav__mobile-more>summary{
    min-height:2.55rem;
    padding-inline:.62rem;
    font-size:.72rem;
  }
  .editorial-header .primary-nav__more-menu{
    inset-inline-end:auto;
    inset-inline-start:50%;
    transform:translateX(-50%);
  }
}

@media(max-width:430px){
  .editorial-header .public-membership{gap:.4rem}
  .editorial-header .public-membership__link{
    min-height:2.38rem;
    padding-inline:.66rem;
    font-size:.69rem;
    border-radius:10px;
  }
  .editorial-header .masthead__search{width:2.25rem;height:2.25rem;min-width:2.25rem}
}

/* Shared Editorial Header V1.1 — header chrome spans the viewport, page content stays capped. */
.editorial-header .page-shell{
  width:100%;
  max-width:none;
  margin-inline:0;
  padding-inline:clamp(1rem,2vw,2.25rem);
  box-sizing:border-box;
}
.editorial-header .primary-nav__desktop{
  justify-content:space-between;
}
@media(max-width:760px){
  .editorial-header .page-shell{padding-inline:1rem}
  .editorial-header .primary-nav__mobile{justify-content:space-between}
}

/* Platform Discovery V1 — keep Egytag's product surface visible before the footer. */
.editorial-header .primary-nav__inner{
  position:relative;
}
.editorial-header .primary-nav__platform-owner{
  display:block;
  flex:0 0 auto;
}
.editorial-header .primary-nav__platform > summary{
  min-height:3.2rem;
  display:inline-flex;
  align-items:center;
  gap:.42rem;
  padding-inline:.78rem;
  border-inline:1px solid color-mix(in srgb,var(--accent-secondary) 28%,transparent);
  border-block-end:2px solid transparent;
  border-radius:3px 3px 0 0;
  background:color-mix(in srgb,var(--accent-secondary) 7%,transparent);
  color:var(--accent-secondary) !important;
  font-size:.82rem !important;
  font-weight:850 !important;
  white-space:nowrap;
  cursor:pointer;
  list-style:none;
}
.editorial-header .primary-nav__platform > summary::-webkit-details-marker{display:none}
body:has(.platform-subnav) .editorial-header .primary-nav__platform > summary{
  border-inline-color:transparent;
  border-block-end-color:transparent;
  background:transparent;
  color:var(--text-secondary) !important;
}
body:has(.platform-subnav) .editorial-header .primary-nav__platform-summary-icon{
  color:var(--accent-secondary);
}
body:has(.platform-subnav) .editorial-header .primary-nav__platform > summary:hover,
body:has(.platform-subnav) .editorial-header .primary-nav__platform > summary:focus-visible,
body:has(.platform-subnav) .editorial-header .primary-nav__platform[open] > summary{
  border-inline-color:color-mix(in srgb,var(--accent-secondary) 30%,transparent);
  border-block-end-color:var(--accent-secondary);
  background:color-mix(in srgb,var(--accent-secondary) 6%,transparent);
  color:var(--accent-secondary) !important;
}
.editorial-header .primary-nav__platform > summary:hover,
.editorial-header .primary-nav__platform > summary:focus-visible,
.editorial-header .primary-nav__platform[open] > summary{
  border-inline-color:color-mix(in srgb,var(--accent-secondary) 52%,var(--border-subtle));
  border-block-end-color:var(--accent-secondary);
  background:color-mix(in srgb,var(--accent-secondary) 12%,var(--surface-raised));
  color:var(--accent-secondary) !important;
}
.editorial-header .primary-nav__platform-summary-icon,
.editorial-header .primary-nav__platform-card-icon{
  display:block;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.editorial-header .primary-nav__platform-summary-icon{
  inline-size:1rem;
  block-size:1rem;
}
.editorial-header .primary-nav__platform-menu{
  inset-inline-start:0;
  inset-inline-end:auto;
  inline-size:min(46rem,calc(100vw - 2rem));
  min-inline-size:min(46rem,calc(100vw - 2rem));
  padding:.8rem;
  display:block;
  z-index:120;
  border-color:color-mix(in srgb,var(--accent-secondary) 26%,var(--editorial-rule));
}
.editorial-header .primary-nav__platform-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.35rem .4rem .75rem;
  border-block-end:1px solid var(--border-subtle);
}
.editorial-header .primary-nav__platform-head div{
  display:grid;
  gap:.18rem;
}
.editorial-header .primary-nav__platform-head strong{
  color:var(--text-primary);
  font-size:.95rem;
  line-height:1.4;
}
.editorial-header .primary-nav__platform-head span{
  color:var(--text-muted);
  font-size:.72rem;
  line-height:1.55;
}
.editorial-header .primary-nav__platform-grid{
  margin-block-start:.65rem;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.45rem;
}
.editorial-header .primary-nav__platform-card{
  min-width:0;
  display:grid;
  grid-template-columns:2.35rem minmax(0,1fr);
  align-items:center;
  gap:.7rem;
  padding:.66rem .72rem;
  border:1px solid var(--border-subtle);
  border-radius:4px;
  background:var(--surface-raised);
  color:var(--text-primary) !important;
  text-decoration:none;
}
.editorial-header .primary-nav__platform-card:hover,
.editorial-header .primary-nav__platform-card:focus-visible{
  border-color:color-mix(in srgb,var(--accent-secondary) 48%,var(--border-subtle));
  background:color-mix(in srgb,var(--accent-secondary) 7%,var(--surface-raised));
  color:var(--text-primary) !important;
}
.editorial-header .primary-nav__platform-card-mark{
  inline-size:2.35rem;
  block-size:2.35rem;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:color-mix(in srgb,var(--accent-secondary) 11%,var(--surface-muted));
  color:var(--accent-secondary);
}
.editorial-header .primary-nav__platform-card-icon{
  inline-size:1.1rem;
  block-size:1.1rem;
}
.editorial-header .primary-nav__platform-card-copy{
  min-width:0;
  display:grid;
  gap:.1rem;
}
.editorial-header .primary-nav__platform-card-copy strong{
  color:var(--text-primary);
  font-size:.8rem;
  line-height:1.35;
}
.editorial-header .primary-nav__platform-card-copy small{
  display:block;
  color:var(--text-muted);
  font-size:.68rem;
  line-height:1.5;
  white-space:normal;
}
@media(max-width:1280px){
  .editorial-header .primary-nav__platform-owner{flex:0 0 auto}
  .editorial-header .primary-nav__platform--mobile{position:static}
  .editorial-header .primary-nav__platform--mobile .primary-nav__platform-menu{
    position:absolute;
    inset-block-start:100%;
    inset-inline:.9rem;
    inline-size:auto;
    min-inline-size:0;
    max-block-size:min(72vh,34rem);
    overflow-y:auto;
  }
}
@media(max-width:640px){
  .editorial-header .primary-nav__platform > summary{
    min-height:2.8rem;
    padding-inline:.5rem;
    font-size:.74rem !important;
  }
  .editorial-header .primary-nav__platform-summary-icon{display:none}
  .editorial-header .primary-nav__platform--mobile .primary-nav__platform-menu{
    inset-inline:.55rem;
    padding:.65rem;
  }
  .editorial-header .primary-nav__platform-head{
    padding:.25rem .25rem .6rem;
  }
  .editorial-header .primary-nav__platform-grid{
    grid-template-columns:1fr;
    gap:.35rem;
  }
  .editorial-header .primary-nav__platform-card{
    grid-template-columns:2rem minmax(0,1fr);
    gap:.55rem;
    padding:.55rem .6rem;
  }
  .editorial-header .primary-nav__platform-card-mark{
    inline-size:2rem;
    block-size:2rem;
  }
  .editorial-header .primary-nav__platform-card-copy small{
    font-size:.66rem;
  }
}


/* Platform Subnav V1 — shared navigation for non-editorial platform surfaces. */
.platform-subnav{
  width:100%;
  margin:1rem 0 1.4rem;
  border:1px solid var(--border-subtle);
  border-radius:14px;
  background:var(--surface-raised);
  overflow:hidden;
}
.platform-subnav__track{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  align-items:stretch;
}
.platform-subnav__item{
  position:relative;
  min-width:0;
  min-height:3.45rem;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding:.55rem .58rem;
  border-inline-start:1px solid var(--border-subtle);
  color:var(--text-primary);
  font-size:.78rem;
  font-weight:820;
  line-height:1.3;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
}
.platform-subnav__item:first-child{
  border-inline-start:0;
}
.platform-subnav__item:hover,
.platform-subnav__item:focus-visible{
  background:color-mix(in srgb,var(--accent-secondary) 6%,var(--surface-raised));
  color:var(--accent-secondary);
}
.platform-subnav__item:focus-visible{
  outline:2px solid var(--accent-secondary);
  outline-offset:-3px;
}
.platform-subnav__item.is-active,
.platform-subnav__item[aria-current="page"]{
  background:color-mix(in srgb,var(--accent-secondary) 10%,var(--surface-raised));
  color:var(--accent-secondary);
}
.platform-subnav__item.is-active::after,
.platform-subnav__item[aria-current="page"]::after{
  content:"";
  position:absolute;
  inset-inline:.8rem;
  inset-block-end:0;
  block-size:3px;
  border-radius:999px 999px 0 0;
  background:var(--accent-secondary);
}
.platform-subnav__mark{
  inline-size:1.72rem;
  block-size:1.72rem;
  flex:0 0 1.72rem;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--accent-secondary) 24%,var(--border-subtle));
  border-radius:8px;
  background:color-mix(in srgb,var(--accent-secondary) 7%,var(--surface-muted));
  color:var(--accent-secondary);
}
.platform-subnav__icon{
  inline-size:.9rem;
  block-size:.9rem;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(max-width:1180px){
  .platform-subnav{
    overflow-x:auto;
    scrollbar-width:none;
  }
  .platform-subnav::-webkit-scrollbar{display:none}
  .platform-subnav__track{
    display:flex;
    width:max-content;
    min-width:100%;
  }
  .platform-subnav__item{
    flex:0 0 auto;
    min-inline-size:8.8rem;
    scroll-snap-align:start;
  }
}
@media(max-width:640px){
  .platform-subnav{
    margin:.75rem 0 1rem;
    border-radius:12px;
  }
  .platform-subnav__item{
    min-height:3rem;
    min-inline-size:7.7rem;
    padding:.45rem .5rem;
    font-size:.72rem;
  }
  .platform-subnav__mark{
    inline-size:1.5rem;
    block-size:1.5rem;
    flex-basis:1.5rem;
    border-radius:7px;
  }
  .platform-subnav__icon{
    inline-size:.78rem;
    block-size:.78rem;
  }
}

/* Membership V3 masthead integration. */
.editorial-header .masthead__membership[data-authenticated="true"]{
  gap:.12rem;
}
.editorial-header .masthead__membership[data-authenticated="true"] .public-membership__link{
  min-height:2.12rem;
  padding-block:.32rem;
  font-size:.67rem;
}
.editorial-header .masthead__membership[data-authenticated="true"] .public-membership__link--account{
  min-height:2.12rem;
}
.editorial-header .masthead__membership[data-authenticated="true"] .public-membership__avatar{
  width:1.48rem;
  height:1.48rem;
  flex-basis:1.48rem;
}
.editorial-header .masthead__membership[data-authenticated="true"] .public-membership__account-copy strong{
  font-size:.67rem;
}
@media(max-width:430px){
  .editorial-header .masthead__membership[data-authenticated="true"]{gap:.08rem}
  .editorial-header .masthead__membership[data-authenticated="true"] .public-membership__link--account{padding-inline:.32rem}
  .editorial-header .masthead__membership[data-authenticated="true"] .public-membership__avatar{
    width:1.4rem;height:1.4rem;flex-basis:1.4rem
  }
}

/* Site-wide Visual Polish V2 — denser mobile masthead without hiding primary actions. */
@media(max-width:760px){
  .editorial-header .masthead__row{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto auto;
    column-gap:.55rem;
    row-gap:.55rem;
    padding-block:.68rem .72rem;
  }
  .editorial-header .masthead__wordmark{
    grid-column:1;
    grid-row:1;
    justify-self:start;
    align-self:center;
  }
  .editorial-header .masthead__brand-logo{
    width:9rem;
  }
  .editorial-header .masthead__actions{
    grid-column:2;
    grid-row:1;
    width:auto;
    justify-self:end;
    justify-content:flex-end;
    gap:.35rem;
  }
  .editorial-header .masthead__right-zone{
    grid-column:1/-1;
    grid-row:2;
    width:100%;
    justify-self:stretch;
    justify-content:center;
  }
  .editorial-header .masthead__membership{
    width:auto;
    max-width:100%;
    justify-content:center;
  }
}
@media(max-width:370px){
  .editorial-header .masthead__brand-logo{width:7.8rem}
  .editorial-header .masthead__row{column-gap:.35rem}
  .editorial-header .masthead__search{width:2.1rem;height:2.1rem;min-width:2.1rem}
}

/* Global Readability V4 — masthead/navigation. */
.editorial-header .masthead__context{font-size:.78rem}
.editorial-header .primary-nav__link,
.editorial-header .primary-nav__more>summary{font-size:.86rem}
.platform-subnav__item{font-size:.84rem;line-height:1.4}
.editorial-header .masthead__membership .public-membership__link{font-size:.78rem}
.editorial-header .masthead__membership .public-membership__account-copy strong{font-size:.76rem}
@media(max-width:640px){
  .platform-subnav__item{font-size:.78rem}
}

/* Glass Reading System V1 — restrained masthead reflection and depth. */
.editorial-header .masthead,
.editorial-header .primary-nav{
  position:relative;
  background:color-mix(in srgb,var(--surface-canvas) 68%,transparent);
  backdrop-filter:blur(calc(var(--glass-blur) * .72)) saturate(110%);
  -webkit-backdrop-filter:blur(calc(var(--glass-blur) * .72)) saturate(110%);
}
.editorial-header .masthead::after{
  content:"";
  position:absolute;
  inset:0 0 auto;
  block-size:46%;
  pointer-events:none;
  background:var(--mirror-sheen-soft);
  opacity:.62;
}
.editorial-header .masthead__row,
.editorial-header .primary-nav__inner{position:relative;z-index:1}
.editorial-header .primary-nav{
  border-block-color:color-mix(in srgb,var(--border-subtle) 66%,transparent);
  box-shadow:0 10px 24px rgb(0 0 0 / .08);
}
.editorial-header .primary-nav__more-menu,
.editorial-header .primary-nav__platform-menu{
  border-color:var(--glass-border);
  background:var(--glass-fill-strong);
  box-shadow:var(--glass-shadow-raised);
  backdrop-filter:blur(calc(var(--glass-blur) + 4px)) saturate(116%);
  -webkit-backdrop-filter:blur(calc(var(--glass-blur) + 4px)) saturate(116%);
}

/* Platform Discovery Solid V1 — quiet, opaque and text-first. */
.editorial-header .primary-nav__platform-menu{
  background:var(--surface-raised)!important;
  border:1px solid color-mix(in srgb,var(--border-strong) 52%,transparent)!important;
  box-shadow:0 16px 34px rgb(0 0 0 / .26),inset 0 1px 0 rgb(255 255 255 / .025)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:1!important;
}
.editorial-header .primary-nav__platform-menu::before,
.editorial-header .primary-nav__platform-menu::after{
  content:none!important;
  display:none!important;
}
.editorial-header .primary-nav__platform-head{
  border-block-end-color:color-mix(in srgb,var(--border-subtle) 82%,transparent);
}
.editorial-header .primary-nav__platform-head strong{
  color:var(--text-primary);
  font-size:1rem;
  font-weight:850;
  line-height:1.42;
}
.editorial-header .primary-nav__platform-head span{
  color:color-mix(in srgb,var(--text-secondary) 82%,var(--text-muted));
  font-size:.78rem;
  font-weight:620;
  line-height:1.58;
}
.editorial-header .primary-nav__platform-card{
  border:1px solid color-mix(in srgb,var(--border-subtle) 88%,transparent);
  background:var(--surface-soft);
  box-shadow:none;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:1;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.editorial-header .primary-nav__platform-card::before,
.editorial-header .primary-nav__platform-card::after{
  content:none!important;
  display:none!important;
}
.editorial-header .primary-nav__platform-card:hover,
.editorial-header .primary-nav__platform-card:focus-visible{
  background:color-mix(in srgb,var(--surface-muted) 68%,var(--surface-soft));
  border-color:color-mix(in srgb,var(--accent) 34%,var(--border-subtle));
  box-shadow:0 5px 14px rgb(0 0 0 / .12);
  transform:translateY(-1px);
}
.editorial-header .primary-nav__platform-card-mark{
  background:color-mix(in srgb,var(--surface-muted) 86%,var(--accent) 14%);
  border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border-subtle));
  color:color-mix(in srgb,var(--accent-hover) 84%,var(--text-secondary));
  box-shadow:none;
}
.editorial-header .primary-nav__platform-card-copy strong{
  color:var(--text-primary);
  font-size:.88rem;
  font-weight:850;
  line-height:1.4;
}
.editorial-header .primary-nav__platform-card-copy small{
  color:color-mix(in srgb,var(--text-secondary) 78%,var(--text-muted));
  font-size:.74rem;
  font-weight:620;
  line-height:1.58;
}
.editorial-header .primary-nav__platform[open] > summary{
  background:var(--surface-soft);
  border-color:color-mix(in srgb,var(--accent) 32%,var(--border-subtle));
  box-shadow:inset 0 0 0 1px rgb(255 255 255 / .018);
}
@media(max-width:640px){
  .editorial-header .primary-nav__platform-card-copy strong{font-size:.84rem}
  .editorial-header .primary-nav__platform-card-copy small{font-size:.72rem}
  .editorial-header .primary-nav__platform-menu{box-shadow:0 12px 26px rgb(0 0 0 / .24)!important}
}

/* Solid Dark Editorial V1 — masthead and navigation. */
:root[data-theme="dark"] .editorial-header .masthead,
:root[data-theme="dark"] .editorial-header .primary-nav{
  background:var(--solid-canvas);
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none;
}
:root[data-theme="dark"] .editorial-header .masthead::after{
  content:none!important;
  display:none!important;
}
:root[data-theme="dark"] .editorial-header .primary-nav{
  border-block-color:var(--solid-border);
}
:root[data-theme="dark"] .editorial-header .primary-nav__more-menu,
:root[data-theme="dark"] .editorial-header .primary-nav__platform-menu{
  background:var(--solid-surface-2);
  border-color:var(--solid-border-strong);
  box-shadow:var(--solid-shadow-raised);
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Dark Brand Lockup V1 — one public identity, larger dominant mark. */
.editorial-header .masthead__brand-logo{width:clamp(12.5rem,18vw,17rem)!important;}
@media(max-width:760px){.editorial-header .masthead__brand-logo{width:11.2rem!important;}}
@media(max-width:480px){.editorial-header .masthead__brand-logo{width:9.8rem!important;}}

/* Dark Brand Lockup V2 — larger identity with tighter vertical rhythm. */
@media (min-width:761px){
  .editorial-header .masthead__row{
    min-height:6.15rem!important;
    padding-block:.18rem!important;
  }
  .editorial-header .masthead__wordmark{
    gap:.16rem!important;
  }
  .editorial-header .masthead__brand-logo{
    width:clamp(16rem,20vw,20rem)!important;
  }
  .editorial-header .masthead__arabic{
    font-size:.76rem!important;
    line-height:1.15!important;
    letter-spacing:.025em!important;
    color:color-mix(in srgb,var(--editorial-accent) 88%,white)!important;
  }
}
@media (max-width:760px){
  .editorial-header .masthead__brand-logo{width:12.4rem!important;}
  .editorial-header .masthead__row{padding-block:.58rem .64rem!important;}
}
@media (max-width:480px){
  .editorial-header .masthead__brand-logo{width:10.6rem!important;}
}

/* Header Search Control V2 — stronger dark-brand affordance without visual noise. */
.editorial-header .masthead__search{
  position:relative;
  width:2.72rem!important;
  height:2.72rem!important;
  min-width:2.72rem!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid color-mix(in srgb,var(--editorial-accent) 28%,var(--ds-border-default))!important;
  border-radius:50%!important;
  background:color-mix(in srgb,var(--editorial-accent) 6%,var(--solid-surface-1))!important;
  color:color-mix(in srgb,var(--text-primary) 92%,var(--editorial-accent))!important;
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .025),0 2px 8px rgb(0 0 0 / .12)!important;
  transition:transform .14s ease,border-color .14s ease,background-color .14s ease,color .14s ease,box-shadow .14s ease!important;
}
.editorial-header .masthead__search .icon{
  width:1.22rem!important;
  height:1.22rem!important;
  stroke-width:1.9;
}
.editorial-header .masthead__search:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--editorial-accent) 62%,var(--ds-border-strong))!important;
  background:color-mix(in srgb,var(--editorial-accent) 13%,var(--solid-surface-2))!important;
  color:var(--editorial-accent)!important;
  box-shadow:0 6px 16px rgb(0 0 0 / .2),inset 0 1px 0 rgb(255 255 255 / .04)!important;
}
.editorial-header .masthead__search:focus-visible{
  outline:2px solid color-mix(in srgb,var(--editorial-accent) 76%,white)!important;
  outline-offset:3px!important;
  border-color:var(--editorial-accent)!important;
}
.editorial-header .masthead__search:active{
  transform:translateY(0) scale(.97);
}
@media(max-width:760px){
  .editorial-header .masthead__search{
    width:2.5rem!important;
    height:2.5rem!important;
    min-width:2.5rem!important;
  }
  .editorial-header .masthead__search .icon{
    width:1.12rem!important;
    height:1.12rem!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .editorial-header .masthead__search{transition:none!important;transform:none!important;}
}

/* Header Live Search V1 — instant results with a dedicated advanced-search path. */
.editorial-header .header-search{
  position:relative;
  display:block;
  width:clamp(18rem,24vw,26rem);
  max-width:100%;
}
.editorial-header .header-search__toggle{display:none}
.editorial-header .header-search__panel{position:relative;width:100%}
.editorial-header .header-search__form{
  min-height:2.75rem;
  display:grid;
  grid-template-columns:1.25rem minmax(0,1fr) auto;
  align-items:center;
  gap:.55rem;
  padding:.28rem .34rem .28rem .78rem;
  border:1px solid color-mix(in srgb,var(--editorial-accent) 30%,var(--ds-border-default));
  border-radius:12px;
  background:color-mix(in srgb,var(--editorial-accent) 5%,var(--solid-surface-1));
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .025),0 2px 10px rgb(0 0 0 / .1);
  transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease;
}
.editorial-header .header-search__form:focus-within{
  border-color:color-mix(in srgb,var(--editorial-accent) 66%,var(--ds-border-strong));
  background:color-mix(in srgb,var(--editorial-accent) 8%,var(--solid-surface-2));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--editorial-accent) 12%,transparent),0 6px 18px rgb(0 0 0 / .16);
}
.editorial-header .header-search__icon{
  width:1.08rem;
  height:1.08rem;
  color:var(--editorial-accent);
}
.editorial-header .header-search__input{
  min-width:0;
  width:100%;
  height:2.1rem;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:var(--text-primary);
  font:inherit;
  font-size:.84rem;
  font-weight:650;
}
.editorial-header .header-search__input::placeholder{color:color-mix(in srgb,var(--text-muted) 82%,transparent)}
.editorial-header .header-search__input::-webkit-search-cancel-button{filter:invert(1);opacity:.45}
.editorial-header .header-search__advanced{
  min-height:2.1rem;
  padding:.35rem .72rem;
  border:1px solid color-mix(in srgb,var(--editorial-accent) 32%,var(--ds-border-default));
  border-radius:8px;
  background:color-mix(in srgb,var(--editorial-accent) 12%,var(--solid-surface-2));
  color:color-mix(in srgb,var(--editorial-accent) 88%,white);
  font-size:.7rem;
  font-weight:850;
  white-space:nowrap;
  cursor:pointer;
}
.editorial-header .header-search__advanced:hover{
  border-color:color-mix(in srgb,var(--editorial-accent) 62%,var(--ds-border-strong));
  background:color-mix(in srgb,var(--editorial-accent) 19%,var(--solid-surface-2));
}
.editorial-header .header-search__results{
  position:absolute;
  z-index:420;
  inset-block-start:calc(100% + .45rem);
  inset-inline:0;
  max-height:min(68vh,32rem);
  overflow:auto;
  padding:.42rem;
  border:1px solid var(--solid-border-strong);
  border-radius:12px;
  background:var(--solid-surface-2);
  box-shadow:0 20px 44px rgb(0 0 0 / .38),inset 0 1px 0 rgb(255 255 255 / .025);
}
.editorial-header .header-search__results[hidden]{display:none!important}
.editorial-header .header-search__result{
  display:block;
  padding:.7rem .75rem;
  border:1px solid transparent;
  border-radius:9px;
  color:var(--text-primary);
  text-decoration:none;
}
.editorial-header .header-search__result:hover,
.editorial-header .header-search__result.is-active{
  border-color:color-mix(in srgb,var(--editorial-accent) 28%,var(--solid-border));
  background:color-mix(in srgb,var(--editorial-accent) 8%,var(--solid-surface-3));
}
.editorial-header .header-search__result-meta{
  display:flex;
  align-items:center;
  gap:.45rem;
  margin-block-end:.28rem;
  color:var(--text-muted);
  font-size:.67rem;
}
.editorial-header .header-search__result-meta b{color:var(--editorial-accent);font-weight:850}
.editorial-header .header-search__result strong{
  display:block;
  color:var(--text-primary);
  font-size:.82rem;
  font-weight:850;
  line-height:1.52;
}
.editorial-header .header-search__result small{
  display:-webkit-box;
  margin-block-start:.25rem;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  color:var(--text-secondary);
  font-size:.7rem;
  line-height:1.55;
}
.editorial-header .header-search__all{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.7rem;
  margin-block-start:.35rem;
  padding:.7rem .75rem;
  border-block-start:1px solid var(--solid-border);
  color:var(--editorial-accent);
  font-size:.75rem;
  font-weight:850;
  text-decoration:none;
}
.editorial-header .header-search__loading,
.editorial-header .header-search__empty{
  padding:.85rem .75rem;
  color:var(--text-secondary);
  font-size:.76rem;
  line-height:1.55;
}
@media(max-width:1180px) and (min-width:761px){
  .editorial-header .header-search{width:clamp(15rem,23vw,18rem)}
  .editorial-header .header-search__advanced{padding-inline:.55rem;font-size:.66rem}
}
@media(max-width:760px){
  .editorial-header .header-search{
    width:auto;
    max-width:none;
  }
  .editorial-header .header-search__toggle{
    width:2.5rem;
    height:2.5rem;
    display:grid;
    place-items:center;
    border:1px solid color-mix(in srgb,var(--editorial-accent) 34%,var(--solid-border));
    border-radius:50%;
    background:color-mix(in srgb,var(--editorial-accent) 7%,var(--solid-surface-1));
    color:var(--text-primary);
  }
  .editorial-header .header-search__toggle .icon{width:1.1rem;height:1.1rem}
  .editorial-header .header-search__panel{
    display:none;
    position:fixed;
    z-index:460;
    inset-block-start:3.05rem;
    inset-inline:1rem;
    width:auto;
  }
  .editorial-header .header-search.is-open .header-search__panel{display:block}
  .editorial-header .header-search__form{
    background:var(--solid-surface-2);
    box-shadow:0 18px 42px rgb(0 0 0 / .42);
  }
  .editorial-header .header-search__results{
    max-height:60vh;
  }
}
@media(max-width:430px){
  .editorial-header .header-search__advanced{padding-inline:.5rem;font-size:.64rem}
  .editorial-header .header-search__input{font-size:.78rem}
}
@media(prefers-reduced-motion:reduce){
  .editorial-header .header-search__form{transition:none!important}
}

/* Header Live Search V2 — correct search glyph and stronger input hierarchy. */
.editorial-header .header-search__form{
  grid-template-columns:1.15rem minmax(0,1fr) auto!important;
  min-height:2.9rem!important;
  gap:.62rem!important;
  padding:.3rem .38rem .3rem .8rem!important;
}
.editorial-header .header-search__icon{
  width:1.08rem!important;
  height:1.08rem!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  color:color-mix(in srgb,var(--editorial-accent) 92%,white)!important;
}
.editorial-header .header-search__icon use{
  fill:none!important;
  stroke:currentColor!important;
}
.editorial-header .header-search__input{
  height:2.2rem!important;
  font-size:.88rem!important;
  font-weight:700!important;
  color:var(--text-primary)!important;
  caret-color:var(--editorial-accent)!important;
}
.editorial-header .header-search__input::placeholder{
  color:color-mix(in srgb,var(--text-secondary) 78%,var(--text-muted))!important;
  opacity:1!important;
  font-weight:650!important;
}
.editorial-header .header-search__advanced{
  min-height:2rem!important;
  padding:.3rem .62rem!important;
  border-radius:7px!important;
  background:transparent!important;
  border-color:color-mix(in srgb,var(--editorial-accent) 34%,var(--solid-border))!important;
  color:color-mix(in srgb,var(--editorial-accent) 82%,white)!important;
  font-size:.67rem!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.editorial-header .header-search__advanced:hover,
.editorial-header .header-search__advanced:focus-visible{
  background:color-mix(in srgb,var(--editorial-accent) 10%,var(--solid-surface-2))!important;
  border-color:color-mix(in srgb,var(--editorial-accent) 58%,var(--solid-border-strong))!important;
  color:var(--text-primary)!important;
}
@media(max-width:760px){
  .editorial-header .header-search__toggle .icon{
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.9!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
}

/* Header Live Search V3 — keep instant results above navigation chrome. */
.editorial-header .masthead{
  position:relative!important;
  z-index:320!important;
  overflow:visible!important;
}
.editorial-header .masthead__row,
.editorial-header .masthead__actions,
.editorial-header .header-search,
.editorial-header .header-search__panel{
  position:relative!important;
  z-index:321!important;
  overflow:visible!important;
}
.editorial-header .header-search__results{
  z-index:520!important;
}
.editorial-header .primary-nav{
  position:relative!important;
  z-index:180!important;
}
.editorial-header .header-search__input::-webkit-search-cancel-button{
  opacity:.28!important;
  transform:scale(.82);
  cursor:pointer;
}
.editorial-header .header-search__input:focus::-webkit-search-cancel-button{
  opacity:.48!important;
}

/* Header Live Search V4 — denser unified suggestions without visible scrollbar chrome. */
.editorial-header .header-search__results{
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.editorial-header .header-search__results::-webkit-scrollbar{display:none;width:0;height:0}
.editorial-header .header-search__result{
  padding:.58rem .68rem!important;
}
.editorial-header .header-search__result + .header-search__result{
  border-block-start:1px solid color-mix(in srgb,var(--solid-border) 58%,transparent);
}
.editorial-header .header-search__result--suggestion{
  background:color-mix(in srgb,var(--editorial-accent) 4%,transparent);
}
.editorial-header .header-search__result strong{
  font-size:.8rem!important;
  line-height:1.46!important;
}
.editorial-header .header-search__result small{
  margin-block-start:.18rem!important;
  -webkit-line-clamp:1!important;
  font-size:.68rem!important;
}
.editorial-header .header-search__result-meta{
  margin-block-end:.2rem!important;
  font-size:.64rem!important;
}

/* Platform Subnav Active V2 — selected section must read immediately. */
.platform-subnav__item{transition:background-color .14s ease,color .14s ease,box-shadow .14s ease,border-color .14s ease;}
.platform-subnav__item:hover:not(.is-active):not([aria-current="page"]),.platform-subnav__item:focus-visible:not(.is-active):not([aria-current="page"]){background:color-mix(in srgb,var(--accent-secondary) 6%,var(--surface-raised));color:color-mix(in srgb,var(--accent-secondary) 78%,var(--text-primary));}
.platform-subnav__item.is-active,.platform-subnav__item[aria-current="page"]{background:color-mix(in srgb,var(--accent-secondary) 16%,var(--surface-raised))!important;color:color-mix(in srgb,var(--accent-secondary) 88%,white)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-secondary) 24%,transparent),inset 0 1px 0 rgb(255 255 255 / .025)!important;font-weight:900!important;}
.platform-subnav__item.is-active .platform-subnav__mark,.platform-subnav__item[aria-current="page"] .platform-subnav__mark{background:color-mix(in srgb,var(--accent-secondary) 17%,var(--surface-base))!important;border-color:color-mix(in srgb,var(--accent-secondary) 42%,var(--border-subtle))!important;color:color-mix(in srgb,var(--accent-secondary) 92%,white)!important;box-shadow:inset 0 1px 0 rgb(255 255 255 / .035)!important;}
.platform-subnav__item.is-active::after,.platform-subnav__item[aria-current="page"]::after{inset-inline:1rem!important;block-size:4px!important;background:color-mix(in srgb,var(--accent-secondary) 88%,white)!important;box-shadow:0 -2px 8px color-mix(in srgb,var(--accent-secondary) 18%,transparent)!important;}

/* Header Live Search V5 — Arabic glyph breathing room and single clean focus ring. */
.editorial-header .header-search__input,
.editorial-header .header-search__input:hover,
.editorial-header .header-search__input:focus,
.editorial-header .header-search__input:focus-visible{
  height:auto!important;
  min-height:2.2rem!important;
  padding:.24rem 0 .18rem!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  line-height:1.65!important;
  overflow:visible!important;
  background:transparent!important;
}
.editorial-header .header-search__input::placeholder{
  line-height:1.65!important;
}
.editorial-header .header-search__form:focus-within{
  outline:0!important;
}
.editorial-header .header-search__input::-webkit-search-decoration,
.editorial-header .header-search__input::-webkit-search-results-button,
.editorial-header .header-search__input::-webkit-search-results-decoration{
  display:none!important;
}
.editorial-header .header-search__input::-webkit-search-cancel-button{
  margin-inline-start:.18rem;
}

/* Header Live Search V6 — calm focus state and cleaner cancel affordance. */
.editorial-header .header-search__form:focus-within{
  border-color:color-mix(in srgb,var(--editorial-accent) 48%,var(--solid-border-strong))!important;
  background:color-mix(in srgb,var(--editorial-accent) 6%,var(--solid-surface-2))!important;
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .025)!important;
  outline:0!important;
}
.editorial-header .header-search__input::-webkit-search-cancel-button{
  opacity:.42!important;
  filter:invert(1) brightness(.72) saturate(.4)!important;
  transform:scale(.72)!important;
  margin-inline-start:.22rem!important;
  cursor:pointer;
}
.editorial-header .header-search__input:focus::-webkit-search-cancel-button{
  opacity:.56!important;
}

/* Header Live Search V7 — placeholder should read as a hint, not entered text. */
.editorial-header .header-search__input::placeholder{
  color:color-mix(in srgb,var(--text-muted) 72%,transparent)!important;
  opacity:.88!important;
  font-size:.82rem!important;
  font-weight:560!important;
  line-height:1.65!important;
  letter-spacing:0!important;
}
@media(max-width:430px){
  .editorial-header .header-search__input::placeholder{
    font-size:.76rem!important;
  }
}

/* Platform Subnav Layout V3 — eight platform sections stay on one desktop row. */
@media(min-width:1181px){
  .platform-subnav__track{
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
  }
  .platform-subnav__item{
    gap:.4rem!important;
    padding:.52rem .4rem!important;
    font-size:.8rem!important;
  }
  .platform-subnav__mark{
    inline-size:1.62rem!important;
    block-size:1.62rem!important;
    flex-basis:1.62rem!important;
  }
}
@media(max-width:1180px){
  .platform-subnav{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }
  .platform-subnav__track{
    display:flex!important;
    flex-wrap:nowrap!important;
    width:max-content!important;
    min-width:100%!important;
  }
}
