/* Bee Solar article typography — brand.css leaves bare article elements unstyled
   (h1-h6 font-size:inherit, zeroed paragraph margins, no content measure), so
   body copy runs full-width with headings at body size. Type selectors only:
   anything carrying its own design classes keeps them (classes outrank these). */
main h2,
main h3 {
  text-wrap: wrap;
}
main#content > h1 {
  font-size: clamp(1.9rem, 1.4rem + 2.4vw, 2.75rem);
  line-height: 1.15;
  font-weight: 800;
  margin: 0 0 1.25rem;
}
main#content > h2 {
  font-size: clamp(1.4rem, 1.15rem + 1.2vw, 1.8rem);
  line-height: 1.25;
  margin: 2.5rem 0 1rem;
}
main#content > h3 {
  font-size: 1.15rem;
  line-height: 1.35;
  margin: 2rem 0 0.75rem;
}
main#content > p,
main#content > ul,
main#content > ol {
  max-width: 75ch;
  margin: 0 0 1.1rem;
  line-height: 1.75;
}
main#content > ul,
main#content > ol {
  padding-left: 1.5rem;
}
main#content > table {
  display: block;
  overflow-x: auto;
  margin: 0 0 1.5rem;
}

/* Container: header/footer inner content uses max-w-7xl mx-auto px-4 md:px-8;
   <main class="container-site"> has no such constraint, so article copy runs
   edge to edge. Mirror the site container here. */
main#content {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px) {
  main#content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}