/* Draw interface arrows independently of the phone's emoji fonts. */
.mct-site .arrow,
.mct-site .back-arrow {
  display: inline-flex;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  align-items: center;
  justify-content: center;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}
.mct-site .round-arrow { font-size: 0; line-height: 0; }
.mct-site .arrow::before,
.mct-site .round-arrow::before,
.mct-site .back-arrow::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M7 7h10v10'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M7 7h10v10'/%3E%3C/svg%3E") center / contain no-repeat;
}
.mct-site .back-arrow::before { transform: rotate(-135deg); }
.mct-site .back-link { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; }
.mct-site .field { min-width: 0; }
@media (max-width: 600px) {
  .mct-site .header-inner { gap: 16px; }
  .mct-site .hero h1 { font-size: clamp(50px, 15.4vw, 60px); }
  .mct-site .text-link { min-height: 44px; }
  .mct-site .mobile-nav > a:not(.button) { min-height: 44px; }
  .mct-site .rate-request { min-width: 44px; min-height: 44px; }
  .mct-site .footer-top > div > a:not(.wordmark) { min-height: 44px; padding-block: 6px; }
  .mct-site .footer-top > div > a.text-link { display: inline-flex; }
  .mct-site .footer-bottom a { display: inline-flex; align-items: center; min-height: 44px; }
  .mct-site .footer-bottom { padding-bottom: max(24px, env(safe-area-inset-bottom)); }
  .mct-site .choice-popup [data-slot=select-item] { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .mct-site .arrow { transition: none; }
}
@media (forced-colors: active) {
  .mct-site .arrow::before,
  .mct-site .round-arrow::before,
  .mct-site .back-arrow::before { background-color: CanvasText; forced-color-adjust: none; }
}