/* Shared dark-green header and contrasting links, 12 November 2026.
 * Version 34.2.0. Load after the earlier site styles.
 */
:root {
  --ia34-header: #155501;
  --ia34-header-text: #ffffe5;
  --ia34-header-muted: #e2edcc;
  --ia34-header-active: #ffffcc;
  --ia34-dark-link: #ffff66;
}

.ia-header,
.ia-header .ia-nav {
  background: var(--ia34-header);
  color: var(--ia34-header-text);
}
.ia-header { backdrop-filter: none; border-bottom-color: #386d23; }
/* One desktop row: emblem/name, central banner/menu, language controls. */
.ia-header .ia-header__inner {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 16px;
  padding-block: 12px;
  position: relative;
}
.ia-header .ia-brand {
  display: flex;
  flex: 0 1 340px;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  width: auto;
  max-width: 340px;
  min-width: 0;
}
.ia-header .ia-brand__logo {
  display: grid;
  place-items: center;
  flex: 0 0 136px;
  width: 136px;
  height: 136px;
  padding: 2px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  line-height: 0;
}
.ia-header .ia-brand__logo .ia21-logo-picture { width: 100%; }
.ia-header .ia-brand__logo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}
.ia-header .ia-brand__copy {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  align-items: flex-start;
  text-align: start;
  color: var(--ia34-header-text);
}
.ia-header .ia-brand__copy strong {
  max-width: 100%;
  white-space: normal;
  color: var(--ia34-header-text);
  font-size: clamp(1.05rem, 1.25vw, 1.3rem);
  line-height: 1.5;
}
.ia-header .ia-brand__copy small {
  color: var(--ia34-header-muted);
  font-size: .72rem;
}
.ia-header .ia34-header-center {
  flex: 1 1 480px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.ia-header .ia34-header-banner { width: 100%; max-width: 800px; line-height: 0; }
.ia-header .ia34-header-banner img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 800 / 72;
  object-fit: contain;
}
.ia-header .ia-nav {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3px;
  padding: 0;
  border-top: 0;
}
.ia-header .ia-nav a { padding-inline: 8px; }
.ia-header .ia-header__actions {
  flex: 0 0 auto;
  align-self: center;
  width: auto;
  padding: 0;
  margin: 0;
}
.ia-header .ia-nav a,
.ia-header .ia-nav a:visited,
.ia-header .ia16-language-nav a,
.ia-header .ia16-language-nav a:visited {
  color: var(--ia34-header-text);
  background: transparent;
}
.ia-header .ia16-language-nav .ia16-language-more {
  border-color: rgba(255, 255, 204, .5);
}
.ia-header .ia-nav a:hover,
.ia-header .ia-nav a:focus-visible,
.ia-header .ia16-language-nav a:hover,
.ia-header .ia16-language-nav a:focus-visible {
  color: var(--ia34-dark-link);
  background: rgba(255, 255, 204, .12);
}
.ia-header .ia-nav a.is-active,
.ia-header .ia-nav a[aria-current="page"],
.ia-header .ia16-language-nav a[aria-current="page"] {
  color: var(--ia34-header);
  background: var(--ia34-header-active);
}
.ia-header a:focus-visible,
.ia-header a.ia-brand__logo:focus-visible,
.ia-header .ia-menu-toggle:focus-visible {
  outline: 3px solid var(--ia34-dark-link);
  outline-offset: 3px;
  border-radius: 4px;
}
.ia-header .ia-menu-toggle {
  background: transparent;
  border-color: var(--ia34-header-text);
}
.ia-header .ia-menu-toggle span { background: var(--ia34-header-text); }
.ia-header .ia-menu-toggle:hover,
.ia-header .ia-menu-toggle:focus-visible { background: var(--ia34-header-active); }
.ia-header .ia-menu-toggle:hover span,
.ia-header .ia-menu-toggle:focus-visible span { background: var(--ia34-header); }

/* Keep the restored emblem at the previously requested doubled sizes. */
@media (max-width: 1200px) and (min-width: 1021px) {
  .ia-header .ia-header__inner { gap: 12px; }
  .ia-header .ia-brand { flex-basis: 285px; max-width: 285px; }
  .ia-header .ia-brand__copy strong { font-size: 1rem; }
  .ia-header .ia-nav a { padding-inline: 6px; }
}
@media (max-width: 1050px) {
  .ia-header .ia-brand__logo { flex-basis: 116px; width: 116px; height: 116px; }
}
@media (max-width: 1020px) {
  .ia-header .ia-header__inner { flex-wrap: wrap; gap: 10px; }
  .ia-header .ia-brand { flex: 1 1 100%; width: 100%; max-width: none; }
  .ia-header .ia34-header-center { flex: 1 1 100%; }
  .ia-header .ia-header__actions {
    flex: 1 1 100%;
    width: 100%;
    min-height: 40px;
    margin: 0;
    padding: 0;
    padding-inline-end: 52px;
    position: relative;
    justify-content: center;
    align-items: center;
  }
  .ia-header .ia16-language-nav { width: 100%; justify-content: center; flex-wrap: wrap; gap: 4px; }
  .ia-header .ia-menu-toggle { position: absolute; inset-inline-end: 0; top: 0; }
  .ia-header .ia-nav {
    top: calc(100% + 1px);
    inset-inline: 0;
    flex-wrap: nowrap;
    align-items: stretch;
    padding: 12px 16px 16px;
    border-bottom-color: #386d23;
    max-height: min(65vh, 480px);
    max-width: none;
  }
}
@media (max-width: 740px) {
  .ia-header .ia-brand__logo { flex-basis: 96px; width: 96px; height: 96px; }
}
@media (max-width: 440px) {
  .ia-header .ia-brand__logo { flex-basis: 84px; width: 84px; height: 84px; }
  .ia-header .ia16-language-nav a { font-size: .75rem; padding: 6px; }
  .ia-header .ia-brand__copy small { font-size: .68rem; }
}

@media screen {
  /* Include the deep-reader and legacy banners missing from the old exceptions.
   * Explicit interactive states also override the global blue hover rule.
   */
  body.ia-site :is(
    .ia-hero, .ia-hub-hero, .ia-deep-hero, .ia-legacy-hero,
    .ia4-hero, .ia15-hero, .ia16-hero, .ia17-reading-intro, .ia18-hero,
    .ia18-article-head, .ia19-banner, .ia19-article-heading,
    .ia20-hero, .ia22-hero, .ia23-hero, .ia24-hero,
    .ia25-hero, .ia26-hero, .ia8-forum-hero,
    .ia4-inline-callout, .ia-footer, .ia16-footer,
    .ia-on-dark
  ) a[href]:is(:link, :visited, :hover, :focus-visible, :active) {
    color: var(--ia34-dark-link) !important;
    text-underline-offset: .18em;
  }

  /* Links which themselves have a solid green background. */
  body.ia-site main a[href]:is(
    .ia-btn--outline, .ia16-primary-action, .ia22-action,
    .ia23-action:not(.ia23-action--light), .ia26-primary-link,
    .ia22-awrad-video__link, .ia15-feature, .ia15-button,
    .ia14-btn, .ia20-source-btn, .ia-deep-nav__index
  ):is(:link, :visited, :hover, :focus-visible, :active),
  body.ia-site main .ia5-pagination a[href]:is(:link, :visited, :hover, :focus-visible, :active),
  body.ia-site main .ia27-qunawi-actions a[href]:first-child:is(:link, :visited, :hover, :focus-visible, :active),
  body.ia-site main .ia25-search__row > a[href]:is(:link, :visited, :hover, :focus-visible, :active) {
    color: var(--ia34-dark-link) !important;
  }

  /* Selected tabs on green backgrounds; inactive tabs stay blue. */
  body.ia-site main :is(
    .ia7-mod-tabs, .ia8-switch, .ia10-edition-switch,
    .ia13-source-nav, .ia14-nav, .ia16-ui-languages,
    .ia18-langlinks, .ia19-languages, .ia20-langbar,
    .ia22-pager, .ia23-tabs, .ia23-languages, .ia-legacy-tabs__row
  ) a[href][aria-current]:not([aria-current="false"]):is(:link, :visited, :hover, :focus-visible, :active),
  body.ia-site main :is(.ia8-switch, .ia23-tabs) a[href]:is(:hover, :focus-visible) {
    color: var(--ia34-dark-link) !important;
  }

  /* Light buttons and panels embedded in dark banners need dark text. */
  body.ia-site main a[href]:is(.ia-btn--gold, .ia23-action--light, .ia26-secondary-link):is(:link, :visited, :hover, :focus-visible, :active) {
    color: #173626 !important;
  }
  body.ia-site main :is(.ia19-support, .ia4-subnav) a[href]:is(:link, :visited, :hover, :focus-visible, :active) {
    color: var(--ia28-link, #0755b8) !important;
  }
}