/* Stage11A – Global Visual Polish
   This stylesheet introduces global adjustments to unify the look and feel
   across DRR DAMSON topic pages. The primary goals are:
   • Reduce the height of hero sections and calm down oversized headings.
   • Remove pixelated or unnecessary hero images on topic pages.
   • Standardise spacing and font sizes for better readability.
   • Constrain form widths so long quote forms feel less overwhelming.
*/

/* Reduce padding and border radius on topic hero wrappers */
body.drr-topic-page .drr-topic-hero {
  padding: clamp(20px, 3vw, 46px) !important;
  border-radius: clamp(18px, 3vw, 34px) !important;
}

/* Calmer heading sizing with a tighter line height */
body.drr-topic-page .drr-topic-hero h1 {
  font-size: clamp(1.8rem, 4vw, 3rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.035em !important;
  max-width: 800px !important;
}

/* Subheading/paragraph text scaled down slightly */
body.drr-topic-page .drr-topic-hero p {
  font-size: clamp(0.9rem, 2vw, 1.1rem) !important;
  line-height: 1.55 !important;
  max-width: 800px !important;
  color: rgba(224, 255, 248, 0.86) !important;
}

/* Hide hero images on topic pages to avoid blurry placeholders */
body.drr-topic-page .drr-topic-hero img,
body.drr-topic-page .drr-topic-hero picture,
body.drr-topic-page .drr-topic-hero .hero-image,
body.drr-topic-page .drr-topic-hero figure {
  display: none !important;
}

/* Constrain the width of long forms on topic pages */
body.drr-topic-page form {
  max-width: 620px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Standardise spacing between sections on topic pages */
body.drr-topic-page section,
body.drr-topic-page .section,
body.drr-topic-page .drr-topic-intro-polish,
body.drr-topic-page .drr-topic-cta {
  margin-top: clamp(24px, 4vw, 46px) !important;
  margin-bottom: clamp(24px, 4vw, 46px) !important;
}