/* Active anchor and hover use the same mint in the existing navy header. */
.header .main-nav a:not(.nav-cta)[aria-current="location"],
.header .main-nav a:not(.nav-cta):hover,
.header .main-nav a:not(.nav-cta):focus-visible {color:var(--mint,#03dac5)}
.header .main-nav a:not(.nav-cta)[aria-current="location"] {text-decoration:none}
@media(max-width:1280px){
  .header .main-nav a:not(.nav-cta)[aria-current="location"],
  .header .main-nav a:not(.nav-cta):hover,
  .header .main-nav a:not(.nav-cta):focus-visible {background:#71dacc12;color:#9ff2e1}
}
/* Keep the selected tab distinct; hover and keyboard focus preview other choices. */
.use-tabs button {transition:background-color .22s ease,color .22s ease,border-color .22s ease}
.use-tabs button span {transition:color .22s ease}
.use-tabs button:not([aria-selected="true"]):focus-visible {background:#d8eeea;border-color:#007c83;color:#075d64;outline:2px solid #007c83;outline-offset:3px}
.use-tabs button:not([aria-selected="true"]):focus-visible span {color:#075d64}
html[data-theme="dark"] .use-tabs button:not([aria-selected="true"]):focus-visible {background:#214c55;border-color:#6bdfd2;color:#adf3e8;outline-color:#6bdfd2}
html[data-theme="dark"] .use-tabs button:not([aria-selected="true"]):focus-visible span {color:#adf3e8}
@media(hover:hover){
  .use-tabs button:not([aria-selected="true"]):hover {background:#d8eeea;border-color:#78bdb6;color:#075d64}
  .use-tabs button:not([aria-selected="true"]):hover span {color:#075d64}
  html[data-theme="dark"] .use-tabs button:not([aria-selected="true"]):hover {background:#214c55;border-color:#6bdfd2;color:#adf3e8}
  html[data-theme="dark"] .use-tabs button:not([aria-selected="true"]):hover span {color:#adf3e8}
}
.quiet-mode .use-tabs button,.quiet-mode .use-tabs button span {transition:none}
@media(prefers-reduced-motion:reduce){.use-tabs button,.use-tabs button span {transition:none}}