/**
 * Shared page gutters matching the header (max-w + px-4/6/10/12).
 * Use --phoenix-page-align so banner text lines up with the logo / Log in,
 * while yellow/navy boxes still bleed to the viewport edges.
 */
:root {
  --phoenix-page-max: 1445px;
  --phoenix-page-gutter: 16px;
  --phoenix-page-align: max(
    var(--phoenix-page-gutter),
    calc((100vw - var(--phoenix-page-max)) / 2 + var(--phoenix-page-gutter))
  );
  --phoenix-fs-14: 14px;
  --phoenix-fs-16: 16px;
}
@media (min-width: 640px) {
  :root { --phoenix-page-gutter: 24px; }
}
@media (min-width: 768px) {
  :root { --phoenix-page-gutter: 40px; }
}
@media (min-width: 1024px) {
  :root { --phoenix-page-gutter: 48px; }
}
@media (min-width: 1920px) {
  :root {
    --phoenix-fs-14: 15px;
    --phoenix-fs-16: 17px;
    --alias-typescale-fontSize-body-short: 17px;
    --alias-typescale-fontSize-body-small: 15px;
    --alias-typescale-fontSize-label-short: 17px;
    --alias-typescale-fontSize-label-long: 17px;
    --alias-typescale-fontSize-menu-top: 15px;
    --alias-typescale-fontSize-hyperlink-default: 17px;
  }
  body {
    font-size: var(--phoenix-fs-16);
  }
  .text-sm,
  .text-\[14px\] {
    font-size: var(--phoenix-fs-14) !important;
  }
  .text-base,
  .text-\[16px\] {
    font-size: var(--phoenix-fs-16) !important;
  }
  [style*="font-size: 14px"],
  [style*="font-size:14px"] {
    font-size: var(--phoenix-fs-14) !important;
  }
  [style*="font-size: 16px"],
  [style*="font-size:16px"] {
    font-size: var(--phoenix-fs-16) !important;
  }
}

[data-phoenix-loan-calc] [data-calc-amount] {
  -moz-appearance: textfield;
  appearance: textfield;
}
[data-phoenix-loan-calc] [data-calc-amount]::-webkit-outer-spin-button,
[data-phoenix-loan-calc] [data-calc-amount]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
[data-phoenix-loan-calc] [data-calc-amount]:focus,
[data-phoenix-loan-calc] [data-calc-amount]:focus-visible {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  border-color: transparent !important;
}
[data-phoenix-loan-calc] .homepage_hero__calc-field:focus-within,
[data-phoenix-loan-calc] .calculator_embed__field:focus-within {
  box-shadow: inset 0 0 0 1px #00A5AF;
}