/**
 * WCAG 2.5.8 — minimum 24×24 target on clustered chrome.
 * WCAG 2.4.13 — 3px dual-colour keyboard focus (yellow + navy) so the
 * indicator stays 3:1 on both light and dark surfaces. Rest state unchanged.
 */

.site_footer__list a,
.site_footer__phones-num,
.site_footer__policies a,
.site_footer__legal a,
.utility-bar__link,
.nav-link,
.page_hero__crumbs a,
.phoenix-help-hero__crumbs a,
.phoenix-article-hero__crumbs a {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  min-height: 24px;
  min-width: 24px;
}

.site_footer__col-title {
  min-height: 24px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.utility-bar__link:focus,
.utility-bar__link:focus-visible,
.utility-bar input[type="search"]:focus,
.utility-bar input[type="search"]:focus-visible,
.help_strip__cta:focus,
.help_strip__cta:focus-visible,
.help_strip__phone:focus,
.help_strip__phone:focus-visible,
.phoenix-yellow-btn:focus,
.phoenix-yellow-btn:focus-visible,
.calculator_embed__apply:focus,
.calculator_embed__apply:focus-visible,
.calculator_embed__save:focus,
.calculator_embed__save:focus-visible,
.calculator_embed__select select:focus,
.calculator_embed__select select:focus-visible,
.calculator_embed__range:focus,
.calculator_embed__range:focus-visible,
.document_list__dl:focus,
.document_list__dl:focus-visible,
.form_embed__input:focus,
.form_embed__input:focus-visible,
.form_embed__textarea:focus,
.form_embed__textarea:focus-visible,
.form_embed__check:focus,
.form_embed__check:focus-visible,
.form_embed__radio:focus,
.form_embed__radio:focus-visible,
.form_embed__file:focus,
.form_embed__file:focus-visible,
.homepage_hero__calc-select-input:focus,
.homepage_hero__calc-select-input:focus-visible,
.homepage_hero__calc-range:focus,
.homepage_hero__calc-range:focus-visible,
.homepage_hero__calc-apply:focus,
.homepage_hero__calc-apply:focus-visible {
  outline: 3px solid #FDB913 !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 5px #1F305F !important;
}

.form_embed__radio:checked:focus,
.form_embed__radio:checked:focus-visible {
  box-shadow: inset 0 0 0 4px #1F305F, 0 0 0 5px #1F305F !important;
}
