/* Original Bonjour Nawa: pair the added links with the established menu.
   No service visibility, account state, or mobile navigation is changed. */
.topbar .primary-nav > :is(button,a.np-shell-link) {
  box-sizing:border-box;
  flex:0 0 auto;
  min-height:3.5rem;
  padding:.45rem .72rem;
  display:grid;
  align-content:center;
  justify-items:center;
  gap:.12rem;
  border:0;
  border-bottom:3px solid transparent;
  border-radius:0;
  background:transparent;
  color:#152238;
  font:800 1rem/1.4 var(--nawa-font-ui,'Source Sans 3','Noto Sans Arabic',system-ui,sans-serif);
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
}
.topbar .primary-nav > :is(button,a.np-shell-link) > span {font-size:1rem;line-height:1.4;}
.topbar .primary-nav > :is(button,a.np-shell-link) > small {
  display:block;margin:0;color:#59634a;font-size:.8125rem;font-weight:700;line-height:1.6;
}
.topbar .primary-nav > :is(button,a.np-shell-link):is(:hover,:focus-visible,.active,[aria-current=page]) {
  background:#f4eee0;color:#152238;border-bottom-color:#80611d;
}
.topbar .primary-nav > :is(button,a.np-shell-link):focus-visible {
  outline:3px solid #80611d;outline-offset:-3px;
}
body[data-halo-route=home] .topbar .primary-nav > :is(button,a.np-shell-link) {
  background:#03172e;color:#fff8e9;
}
body[data-halo-route=home] .topbar .primary-nav > :is(button,a.np-shell-link) > small {color:#a9d9d1;}
body[data-halo-route=home] .topbar .primary-nav > :is(button,a.np-shell-link):is(:hover,:focus-visible,:active,.active,[aria-current=page]) {
  background:#0d3b4a;color:#fff8e9;border-bottom-color:#f5c86f;
}
body[data-halo-route=home] .topbar .primary-nav > :is(button,a.np-shell-link):focus-visible {outline-color:#f5c86f;}
@media(min-width:901px) {
  .topbar:has(.primary-nav > a.np-shell-link) {column-gap:1rem;}
  .topbar .primary-nav:has(> a.np-shell-link) {flex-wrap:wrap;align-items:stretch;gap:.25rem;}
}
/* Reserve a complete row for navigation before the brand and services crowd it. */
@media(min-width:901px) and (max-width:1599px) {
  .topbar:has(.primary-nav > a.np-shell-link) {grid-template-columns:auto minmax(0,1fr);row-gap:.5rem;}
  .topbar:has(.primary-nav > a.np-shell-link) > .brand {grid-column:1;grid-row:1;}
  .topbar:has(.primary-nav > a.np-shell-link) > .top-actions {grid-column:2;grid-row:1;justify-self:end;}
  .topbar:has(.primary-nav > a.np-shell-link) > .primary-nav {grid-column:1/-1;grid-row:2;}
}
@media(min-width:901px) and (max-width:1050px) {
  .topbar .primary-nav > :is(button,a.np-shell-link) {padding-inline:.42rem;}
}
@media(forced-colors:active) {
  .topbar .primary-nav > :is(button,a.np-shell-link),
  body[data-halo-route=home] .topbar .primary-nav > :is(button,a.np-shell-link) {
    color:ButtonText;background:Canvas;forced-color-adjust:auto;
  }
  .topbar .primary-nav > :is(button,a.np-shell-link) > small,
  body[data-halo-route=home] .topbar .primary-nav > :is(button,a.np-shell-link) > small {color:ButtonText;}
  .topbar .primary-nav > :is(button,a.np-shell-link):is(:hover,:focus-visible,:active,.active,[aria-current=page]),
  body[data-halo-route=home] .topbar .primary-nav > :is(button,a.np-shell-link):is(:hover,:focus-visible,:active,.active,[aria-current=page]) {
    color:HighlightText;background:Highlight;border-bottom-color:HighlightText;outline-color:Highlight;
  }
  .topbar .primary-nav > :is(button,a.np-shell-link):is(:hover,:focus-visible,:active,.active,[aria-current=page]) > small,
  body[data-halo-route=home] .topbar .primary-nav > :is(button,a.np-shell-link):is(:hover,:focus-visible,:active,.active,[aria-current=page]) > small {color:HighlightText;}
}

/* Original Bonjour Nawa — additive Innovations polish, 2026-09-06.
   Load after innovations.css and exhibits.css on the 15 static routes.
   No content, route, image URL, account behavior or dependencies are changed.
   Palette reuses the published navy/ivory/mint/gold brand colors.
   Header pairs: ivory/navy 17.03:1, mint/navy 11.61:1;
   ivory/hover 11.40:1, mint/hover 7.77:1, gold/hover 7.68:1. */

.ni-header {
  --nip-navy: #03172e;
  --nip-ivory: #fff8e9;
  --nip-mint: #a9d9d1;
  --nip-gold: #f5c86f;
  --nip-hover: #0d3b4a;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  min-inline-size: 0;
  padding: .625rem max(1rem, calc((100vw - 80rem) / 2));
  background: var(--nip-navy);
  color: var(--nip-ivory);
  border-bottom: 1px solid var(--nip-gold);
  position: relative;
  z-index: 4;
}
.ni-header .ni-brand-row {
  flex: 0 0 auto;
  gap: 1rem;
  min-inline-size: 0;
  padding-block: 0;
}
.ni-header .ni-brand {
  gap: .625rem;
  color: var(--nip-ivory);
  font-size: 1.25rem;
  line-height: 1.15;
  min-block-size: 3rem;
}
.ni-header .ni-brand img {
  inline-size: 2.625rem;
  block-size: 2.625rem;
  padding: .1875rem;
  background: var(--nip-ivory);
  border-radius: .375rem;
  object-fit: contain;
}
.ni-header .ni-brand small {
  margin-block-start: .3rem;
  color: var(--nip-mint);
  font-size: .6875rem;
  line-height: 1.4;
}
.ni-header .ni-account {
  display: grid;
  align-content: center;
  min-block-size: 2.75rem;
  padding: .45rem .625rem;
  border-color: var(--nip-mint);
  border-radius: .375rem;
  background: transparent;
  color: var(--nip-ivory);
  font-size: .8125rem;
  line-height: 1.25;
}
.ni-header .ni-nav {
  flex: 1 1 auto;
  min-inline-size: 0;
  justify-content: flex-end;
  gap: .125rem;
}
.ni-header .ni-nav > a,
.ni-header .ni-more > summary {
  min-block-size: 2.75rem;
  padding: .45rem .625rem;
  border-radius: .25rem;
  color: var(--nip-ivory);
  font-size: .875rem;
  line-height: 1.25;
}
.ni-header .ni-pair { gap: .1875rem; }
.ni-header .ni-pair > [lang=ar] {
  color: var(--nip-mint);
  font-size: .8125rem;
  line-height: 1.45;
  text-align: start;
}
.ni-header .ni-more { align-self: stretch; }
.ni-header .ni-more > summary {
  display: list-item;
  list-style-position: inside;
  cursor: pointer;
}
.ni-header .ni-more > summary > .ni-pair { display: inline-grid; }
.ni-header .ni-more > div {
  inline-size: min(30rem, calc(100vw - 2rem));
  min-inline-size: 0;
  max-inline-size: calc(100vw - 2rem);
  padding: .75rem;
  gap: .25rem;
  border: 1px solid var(--nip-mint);
  border-radius: .5rem;
  background: var(--nip-navy);
  color: var(--nip-ivory);
  box-shadow: 0 .75rem 2rem #03172e40;
}
.ni-header .ni-more a { border-radius: .25rem; }
.ni-header a:is(:hover, :active),
.ni-header summary:is(:hover, :active),
.ni-header .ni-more[open] > summary {
  background: var(--nip-hover);
  color: var(--nip-ivory);
}
.ni-header :is(a, summary):focus-visible {
  outline: 3px solid var(--nip-gold);
  outline-offset: -3px;
  background: var(--nip-hover);
  color: var(--nip-ivory);
}
.ni-header .ni-mobile-menu { display: none; }
.ni-skip { z-index: 10; }

/* The collection stays a clear entrance, not a second oversized masthead. */
#ni-main { padding-block: 1.5rem 4rem; }
#ni-main .ni-welcome {
  margin-block-end: 1.75rem;
  border-radius: .75rem;
  background: #03172e;
  color: #fff8e9;
}
#ni-main .ni-welcome-copy { padding: clamp(1.25rem, 3vw, 2.5rem); }
#ni-main .ni-welcome h1 {
  font: 600 clamp(1.875rem, 3.25vw, 3rem)/1.16 Georgia, serif;
  letter-spacing: -.02em;
  text-wrap: balance;
}
#ni-main .ni-welcome h1 > [lang=ar] {
  color: #f5c86f;
  font-size: .8em;
  line-height: 1.45;
}
#ni-main .ni-welcome .ni-lead { font-size: 1.125rem; }
#ni-main .ni-welcome .ni-primary {
  background: #f5c86f;
  color: #03172e;
}
#ni-main .ni-welcome .ni-primary:focus-visible {
  outline-color: #fff8e9;
}
#ni-main .ni-welcome .ni-art {
  display: block;
  inline-size: 100%;
  block-size: auto;
  min-block-size: 0;
  object-fit: contain;
}
#ni-main .ni-country-nav { gap: .5rem; margin-block-end: 1.75rem; }
#ni-main .ni-country-nav a {
  display: grid;
  align-content: center;
  min-block-size: 2.75rem;
  padding: .5rem 1rem;
  border-radius: .5rem;
}
#ni-main .ni-country-nav a[aria-current] {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: .3em;
}
#ni-main .ni-collection-heading { align-items: center; margin-block-end: 1.25rem; }
#ni-main .ni-collection-heading h2 { font-size: 1.5rem; }

/* Keep all thirteen illustrations intact; let the written title label each card. */
#ni-main .ni-card {
  border-radius: .625rem;
  box-shadow: 0 .25rem 1rem #03172e08;
}
#ni-main .ni-card-link { display: flex; flex-direction: column; }
#ni-main .ni-card .ni-art {
  inline-size: 100%;
  block-size: auto;
  aspect-ratio: 3 / 2;
  object-fit: contain;
}
#ni-main .ni-card-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 1.25rem;
}
#ni-main .ni-card-copy h2 { font-size: 1.25rem; line-height: 1.4; }
#ni-main .ni-card-copy > p:not(.ni-country) { line-height: 1.75; }
#ni-main .ni-card-action { margin-block-start: auto; gap: .75rem; }
#ni-main .ni-card-action > .ni-pair { min-inline-size: 0; }

/* Subject colors and existing column proportions remain; typography is quieter. */
#ni-main .ni-breadcrumb { margin-block-end: 1rem; }
#ni-main .ni-breadcrumb ol { margin-block-end: 0; gap: .5rem 1rem; }
#ni-main .ni-breadcrumb li { font-size: .8125rem; }
#ni-main .ni-article-head { padding-block: 1.5rem 2.5rem; gap: 2rem; }
#ni-main .ni-article-head h1 {
  font-size: clamp(2rem, 3.6vw, 3.5rem);
  line-height: 1.12;
  letter-spacing: -.025em;
  text-wrap: balance;
}
#ni-main .ni-article-head h1 [lang=ar] { font-size: .78em; line-height: 1.5; }
#ni-main .ni-article-head .ni-lead { font-size: 1.0625rem; line-height: 1.75; }
#ni-main .ni-kicker { font-size: .8125rem; line-height: 1.5; }
#ni-main .ni-period { line-height: 1.6; }
#ni-main .ni-exhibit-object {
  transform: none;
  padding-block-end: 0;
  perspective: none;
}
#ni-main .ni-exhibit-object .ni-art {
  display: block;
  inline-size: 100%;
  block-size: auto;
  max-block-size: none;
  max-height: none;
  aspect-ratio: 3 / 2;
  object-fit: contain;
  border-radius: .375rem;
  box-shadow: 0 .625rem 1.5rem #03172e18;
}
.ni-theme-cinema #ni-main .ni-article-head { text-align: start; }
.ni-theme-cinema #ni-main .ni-exhibit-title .ni-pair > [lang=ar] { text-align: start; }
.ni-theme-cinema #ni-main .ni-article-head h1 {
  font-family: Inter, system-ui, -apple-system, sans-serif;
  font-weight: 750;
}
.ni-theme-cinema #ni-main .ni-exhibit-object {
  padding-block: .625rem;
  border-block-color: #e6c58e;
  background-size: 100% 4px;
}
.ni-theme-cinema #ni-main .ni-exhibit-object .ni-art { box-shadow: none; }
#ni-main .ni-reader { margin-block-start: 2rem; }
#ni-main .ni-reading-guide { padding-block-start: .25rem; }
#ni-main .ni-reading-guide a { padding-block: .625rem; }
#ni-main .ni-chapter { padding-block-end: 2.5rem; }
#ni-main .ni-chapter h2 { font-size: 1.375rem; line-height: 1.45; }
#ni-main .ni-paragraph-pair { gap: 1.75rem; }
#ni-main .ni-paragraph-pair p { line-height: 1.9; overflow-wrap: break-word; }
#ni-main .ni-paragraph-pair p[lang=ar] { line-height: 1.95; }
#ni-main .ni-cinema-study { padding-block: 2.75rem; }
#ni-main .ni-cinema-study > h2 { font-size: clamp(1.5rem, 2.75vw, 2.5rem); }
#ni-main .ni-film-examples { gap: 1.25rem; }
#ni-main .ni-film-title { min-block-size: 11rem; padding: 1.5rem; }
#ni-main .ni-film-title h3 { font-size: 1.375rem; line-height: 1.35; }
#ni-main .ni-film-no { font-size: 2.75rem; }
#ni-main .ni-film-copy { padding: 1.5rem; }
#ni-main .ni-projection { margin-block-start: 2.75rem; }
#ni-main :is(.ni-pair, .ni-exhibit-title, .ni-card-copy, .ni-prose) { min-inline-size: 0; }
#ni-main .ni-pair > span { overflow-wrap: break-word; }

/* Same native disclosure and links; no fixed overlay or truncated service list. */
@media (max-width: 65rem) {
  .ni-header { display: block; padding-block: .5rem; }
  .ni-header .ni-brand-row { display: flex; justify-content: space-between; gap: .75rem; }
  .ni-header .ni-nav { display: none; }
  .ni-header .ni-mobile-menu {
    display: block;
    margin-block-start: .5rem;
    border-top: 1px solid var(--nip-mint);
  }
  .ni-header .ni-mobile-menu > summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    min-block-size: 2.75rem;
    padding-block: .5rem;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 650;
  }
  .ni-header .ni-mobile-menu > summary > .ni-pair {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem 1rem;
  }
  .ni-header .ni-mobile-menu nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    padding-block: .5rem .75rem;
  }
  .ni-header .ni-mobile-menu nav a {
    display: grid;
    align-content: center;
    min-block-size: 2.75rem;
    padding: .625rem;
    border: 1px solid var(--nip-mint);
    border-radius: .375rem;
    text-decoration: none;
    overflow-wrap: break-word;
  }
}
@media (max-width: 48rem) {
  #ni-main .ni-article-head { gap: 1.25rem; }
  #ni-main .ni-paragraph-pair { grid-template-columns: 1fr; gap: .25rem; }
  #ni-main .ni-paragraph-pair p[lang=ar] { padding-inline-start: 1rem; }
}
@media (max-width: 40rem) {
  .ni-header { padding-inline: 1rem; }
  .ni-header .ni-brand { font-size: 1.125rem; gap: .5rem; }
  .ni-header .ni-brand img { inline-size: 2.5rem; block-size: 2.5rem; }
  .ni-header .ni-brand small { font-size: .625rem; }
  .ni-header .ni-account { font-size: .75rem; padding: .4rem .5rem; }
  #ni-main { padding-block-start: 1rem; }
  #ni-main .ni-welcome-copy { padding: 1.25rem; }
  #ni-main .ni-welcome h1 { font-size: 1.875rem; }
  #ni-main .ni-welcome .ni-art { margin-block: .25rem; }
  #ni-main .ni-article-head { padding-block: 1rem 1.75rem; }
  #ni-main .ni-article-head h1 { font-size: 2rem; }
  #ni-main .ni-breadcrumb li[aria-current=page] { display: list-item; }
  #ni-main .ni-film-title, #ni-main .ni-film-copy { padding: 1.25rem; }
  #ni-main .ni-film-title { min-block-size: 10rem; }
  #ni-main .ni-projection { gap: 1.5rem; }
}
@media (max-width: 22rem) {
  .ni-header .ni-brand-row { flex-wrap: wrap; }
  .ni-header .ni-account { margin-inline-start: auto; }
  .ni-header .ni-mobile-menu nav { grid-template-columns: 1fr; }
}

/* System colors win even over the dark subject themes. */
@media (forced-colors: active) {
  .ni-header {
    --nip-navy: Canvas;
    --nip-ivory: LinkText;
    --nip-mint: LinkText;
    --nip-gold: Highlight;
    --nip-hover: Canvas;
    border-color: CanvasText;
  }
  .ni-header .ni-brand img { background: Canvas; }
  .ni-header :is(a, summary):focus-visible { outline-color: Highlight; }
  #ni-main .ni-welcome,
  #ni-main .ni-welcome .ni-primary {
    background: Canvas;
    color: CanvasText;
    border: 1px solid CanvasText;
  }
  #ni-main .ni-welcome h1 > [lang=ar] { color: CanvasText; }
  #ni-main .ni-welcome .ni-primary:focus-visible { outline-color: Highlight; }
  #ni-main .ni-card, #ni-main .ni-exhibit-object .ni-art { box-shadow: none; }
  .ni-theme-cinema #ni-main .ni-exhibit-object { border-color: CanvasText; }
}
@media (prefers-reduced-motion: reduce) {
  #ni-main .ni-exhibit-object .ni-art { animation: none; transition: none; }
}


/* Load last. Applies only after compact-menu.js has enhanced the main header.
 * Ordinary native disclosure; no hover-only opening, motion or modal backdrop. */
body .topbar.nc-header {
  --nc-surface: #fffdf7;
  --nc-ink: #152238;
  --nc-secondary: #59634a;
  --nc-hover: #f4eee0;
  --nc-focus: #80611d;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center;
  column-gap: 1rem;
  row-gap: .375rem;
  min-height: 4.5rem;
  height: auto;
  overflow: visible;
}
body[data-halo-route=home] .topbar.nc-header {
  --nc-surface: #03172e;
  --nc-ink: #fff8e9;
  --nc-secondary: #a9d9d1;
  --nc-hover: #0d3b4a;
  --nc-focus: #f5c86f;
}
/* The existing sync badge is z84. An open service list must remain operable
 * above that non-modal badge; ordinary header stacking returns on dismissal. */
body .topbar.nc-header:has(.nc-explore[open]) { z-index: 85; }
body .topbar.nc-header > .brand { grid-column: 1; grid-row: 1; }
body .topbar.nc-header > .top-actions { grid-column: 3; grid-row: 1; }
body .topbar.nc-header > .primary-nav.nc-nav {
  display: flex !important;
  grid-column: 2;
  grid-row: 1;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: .25rem;
  min-width: 0;
  overflow: visible;
}
.topbar .nc-quick { display: flex; align-items: center; gap: .125rem; }
.topbar .nc-quick[hidden] { display: none !important; }
.topbar .nc-explore { position: relative; flex: 0 0 auto; }
body .topbar .primary-nav.nc-nav :is(.nc-quick > button, .nc-quick > a, .nc-services > button, .nc-services > a, .nc-toggle) {
  box-sizing: border-box;
  display: grid;
  align-content: center;
  justify-items: center;
  min-height: 2.875rem;
  max-width: 100%;
  gap: .125rem;
  padding: .5rem .75rem;
  margin: 0;
  border: 1px solid transparent;
  border-radius: .375rem;
  background: transparent;
  color: var(--nc-ink);
  font: 750 .9375rem/1.3 var(--nawa-font-ui, 'Source Sans 3', 'Noto Sans Arabic', system-ui, sans-serif);
  text-decoration: none;
  text-align: center;
  white-space: normal;
  cursor: pointer;
}
body .topbar .primary-nav.nc-nav :is(.nc-quick, .nc-services, .nc-toggle) > span {
  font-size: inherit;
  line-height: 1.35;
}
body .topbar .primary-nav.nc-nav :is(button, a, .nc-toggle) > small {
  display: block;
  margin: 0;
  color: var(--nc-secondary);
  font-size: .8125rem;
  line-height: 1.5;
  font-weight: 650;
}
body .topbar .primary-nav.nc-nav .nc-toggle {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: .625rem;
  border-color: var(--nc-secondary);
  list-style: none;
}
.topbar .nc-toggle::-webkit-details-marker { display: none; }
.topbar .nc-toggle > span { grid-column: 1; grid-row: 1; }
.topbar .nc-toggle > small { grid-column: 1; grid-row: 2; }
.topbar .nc-toggle::after {
  content: '';
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  width: .4rem;
  height: .4rem;
  border-inline-end: 2px solid currentColor;
  border-block-end: 2px solid currentColor;
  transform: rotate(45deg);
  margin-block-end: .2rem;
}
.topbar .nc-explore[open] > .nc-toggle::after { transform: rotate(225deg); margin-block-end: -.2rem; }
body .topbar .primary-nav.nc-nav .nc-services {
  position: absolute;
  inset-block-start: calc(100% + .5rem);
  inset-inline-end: 0;
  z-index: 30;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: min(35rem, calc(100vw - 2rem));
  max-height: min(32rem, 65vh);
  max-height: min(32rem, 65dvh);
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-padding-block: .5rem;
  gap: .375rem;
  padding: .75rem;
  border: 1px solid var(--nc-secondary);
  border-radius: .5rem;
  background: var(--nc-surface);
  color: var(--nc-ink);
  box-shadow: 0 .75rem 2rem #03172e30;
}
body .topbar .primary-nav.nc-nav .nc-explore:not([open]) > .nc-services { display: none; }
body .topbar .primary-nav.nc-nav .nc-services > :is(button, a) {
  width: 100%;
  min-width: 0;
  justify-items: start;
  text-align: start;
  overflow-wrap: anywhere;
  padding: .625rem .75rem;
}
body .topbar .primary-nav.nc-nav :is(button, a, .nc-toggle):is(:hover, :active, :focus-visible, .active, [aria-current=page]),
body .topbar .primary-nav.nc-nav .nc-explore[open] > .nc-toggle {
  color: var(--nc-ink);
  background: var(--nc-hover);
  border-color: var(--nc-focus);
}
body .topbar .primary-nav.nc-nav :is(button, a, .nc-toggle):is(:hover, :active, :focus-visible, .active, [aria-current=page]) > small { color: var(--nc-secondary); }
body .topbar .primary-nav.nc-nav :is(button, a)[aria-current=page] > span,
body .topbar .primary-nav.nc-nav :is(button, a).active > span {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: .25em;
}
body .topbar .primary-nav.nc-nav :is(button, a, summary):focus-visible {
  outline: 3px solid var(--nc-focus);
  outline-offset: -3px;
}
@media (max-width: 1100px) {
  body .topbar.nc-header { grid-template-columns: auto minmax(0, 1fr) !important; }
  body .topbar.nc-header > .top-actions { grid-column: 2; grid-row: 1; justify-self: end; }
  body .topbar.nc-header > .primary-nav.nc-nav {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: flex-start;
    padding-block: .125rem .25rem;
  }
  .topbar .nc-explore { width: 100%; }
  body .topbar .primary-nav.nc-nav .nc-toggle {
    min-height: 2.75rem;
    width: 100%;
    grid-template-columns: auto 1fr auto;
    justify-items: start;
    padding: .5rem .75rem;
  }
  .topbar .nc-toggle > small { grid-column: 2; grid-row: 1; align-self: center; }
  .topbar .nc-toggle::after { grid-column: 3; grid-row: 1; }
  body .topbar .primary-nav.nc-nav .nc-services {
    width: 100%;
    max-height: min(28rem, 60vh);
    max-height: min(28rem, 60dvh);
  }
}
@media (max-width: 480px) {
  body .topbar .primary-nav.nc-nav .nc-services { grid-template-columns: 1fr; }
}
@media (forced-colors: active) {
  body .topbar.nc-header,
  body[data-halo-route=home] .topbar.nc-header {
    --nc-surface: Canvas;
    --nc-ink: ButtonText;
    --nc-secondary: ButtonText;
    --nc-hover: Canvas;
    --nc-focus: Highlight;
  }
  body .topbar .primary-nav.nc-nav :is(button, a, summary) { forced-color-adjust: auto; }
  body .topbar .primary-nav.nc-nav .nc-services { box-shadow: none; }
}