/* Preserve the existing public/admin text and image geometry while adopting
 * the shared components. The library's unlayered base otherwise wins over
 * Tailwind utilities regardless of selector specificity.
 */
body.fr-root {
  font-family: revert-layer;
  font-size: revert-layer;
  line-height: revert-layer;
}

:where(.fr-root img) {
  height: revert-layer;
}

/* Intentional OTP/JSON/copy-field typography, not shared field defaults. */
.fr-field__control.font-mono {
  font-family: revert-layer;
}

.fr-field__control:is(.text-xs, .text-2xl) {
  font-size: revert-layer;
  line-height: revert-layer;
}

#switch-plan-form .fr-field__control {
  width: auto;
}

/* The existing mobile navigation is viewport-fixed, not a container panel. */
.fr-nav[data-controller="nav"] {
  container-type: normal;
}

@media (max-width: 40rem) {
  .is-pricing .fr-segmented {
    display: flex;
    flex-wrap: wrap;
  }

  .is-pricing .fr-segmented__item {
    flex: 1 1 auto;
  }
}