/* Preserve the migrated design. Add deliberate, reviewed design changes here. */
[hidden] { display: none !important; }

/* The exported hamburger was white on the white header. Match the logo color. */
.navbar1_menu-button,
.navbar1_menu-button .menu-icon1 { color: inherit; }
.navbar1_menu-button .menu-icon1_line-top,
.navbar1_menu-button .menu-icon1_line-middle,
.navbar1_menu-button .menu-icon1_line-bottom { background-color: currentColor; }

:focus-visible { outline: 2px solid #216bb4; outline-offset: 4px; }

/* Announcement banners keep their call to action on tablet and mobile, where
   the site hides other small buttons. */
.announcement-card .button.is-small { display: flex; width: auto; }

/* Agent logos (Claude, Codex, Cursor) at the start of the Tara banner button. */
.tara-agents { display: inline-flex; align-items: center; gap: 0.375rem; color: var(--base-color-neutral--white); }
.tara-agents svg { display: block; width: 1rem; height: 1rem; }

/* The nav's white links only read over the homepage gradient and the navy
   article header. Pages with a light header use the navy the mobile menu
   already uses: About, Our Work, team profiles and the Tara page. */
.page-wrapper:has(.hero-section.about, .hero-section.work, .hero-section.team, .tara-hero)
  .navbar1_menu-links .navbar1_link { color: var(--base-color-brand--navy); }