/* Billing settings typography only. Scoped to the unique 30%/70% billing split. */

/* Left billing panel */
div[class~="lg:basis-[30%]"] h1 {
  font-size: 1.875rem;
}

div[class~="lg:basis-[30%]"] h1 + p {
  font-size: 1rem;
}

/* Subtle supporting-text reduction without affecting controls. */
div[class~="lg:basis-[30%]"] p.text-sm,
div[class~="lg:basis-[30%]"] span.text-sm,
div[class~="lg:basis-[30%]"] li.text-sm {
  font-size: 0.8125rem;
}

/* Right billing panel */
div[class~="lg:basis-[70%]"] h2.text-2xl {
  font-size: 1.25rem;
}

div[class~="lg:basis-[70%]"] h3.text-xl {
  font-size: 1.125rem;
}

div[class~="lg:basis-[70%]"] span.text-2xl.font-bold {
  font-size: 1.25rem;
}

/* Make plan content, summaries and supporting copy one notch smaller. */
div[class~="lg:basis-[70%]"] p.text-sm,
div[class~="lg:basis-[70%]"] li.text-sm,
div[class~="lg:basis-[70%]"] div.text-sm,
div[class~="lg:basis-[70%]"] span.text-sm {
  font-size: 0.8125rem;
}

/* Preserve button labels if a nested span happens to carry text-sm. */
div[class~="lg:basis-[70%]"] button span.text-sm {
  font-size: inherit;
}

@media (min-width: 1024px) {
  div[class~="lg:basis-[30%]"] h1 {
    font-size: 2.25rem;
  }
}