/* Shared final spacing and responsive rules for the four approved course pages. */
.ads-page .hero { padding-top: clamp(52px, 6vw, 82px); padding-bottom: clamp(60px, 6vw, 88px); }
.ads-page .hero-art img { width: 100%; height: auto; object-fit: contain; }
.ads-page .section, .ads-page .sales-section { padding-top: 96px; padding-bottom: 96px; }
.ads-page .section-head, .ads-page .standalone-head { gap: 36px; }
.ads-page .standalone-head { margin-top: 76px; }
.ads-page .benefit-grid { grid-auto-rows: 1fr; align-items: stretch; }
.ads-page .benefit-grid article { box-sizing: border-box; height: auto; min-height: 330px; padding: 32px; }
.ads-page .benefit-grid h3 { margin-top: 34px; font-size: clamp(21px, 2vw, 25px); line-height: 1.25; }
.ads-page .benefit-grid p { margin-top: auto; padding-top: 16px; }
.ads-page .main-product { border: 1px solid #dce7ec; }
.ads-page .product-image img { width: 100%; height: auto; object-fit: contain; }
.ads-page .product-copy { min-width: 0; }
.ads-page .product-copy h3 { font-size: clamp(30px, 3vw, 39px); }
.ads-page .product-buttons .button, .ads-page .cta-row .button { min-height: 52px; border-radius: 9px; text-align: center; }
.ads-page .tool-card { border-radius: 22px; }
.ads-page .tool-copy { min-height: 270px; }
.ads-page .tool-copy h3 { line-height: 1.3; }
.ads-page .roadmap-six { grid-auto-rows: 1fr; }
.ads-page .roadmap-six article { box-sizing: border-box; min-height: 240px; }
.ads-page .fit-grid > .audience-grid { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.ads-page .audience-grid article { display: flex; flex-direction: column; }
.ads-page .audience-grid h3 { line-height: 1.35; }
.ads-page .audience-grid p { margin-top: auto; padding-top: 12px; }
.ads-page .preview-mockup img { width: 100%; height: auto; max-height: 700px; object-fit: contain; }
.ads-page #from-the-blog .blog-card { min-height: 360px; }
.ads-page .accordion summary { line-height: 1.35; }
.ads-page .final-cta { padding-top: 96px; padding-bottom: 96px; }
@media (max-width: 1000px) {
  .ads-page .section, .ads-page .sales-section { padding-top: 78px; padding-bottom: 78px; }
  .ads-page .benefit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ads-page .benefit-grid article:last-child { grid-column: 1 / -1; }
  .ads-page .product-grid { gap: 18px; }
}
@media (max-width: 900px) {
  .ads-page .hero-grid, .ads-page .main-product, .ads-page .preview-section, .ads-page .seo-workbook-feature { grid-template-columns: 1fr; }
  .ads-page .hero-grid { gap: 34px; }
  .ads-page .hero-art { width: min(100%, 520px); margin: 0 auto; transform: none; }
  .ads-page .product-image img { max-height: 560px; }
  .ads-page .product-grid { grid-template-columns: 1fr; }
  .ads-page .tool-image { height: 340px; }
  .ads-page .tool-copy { min-height: 0; }
  .ads-page .tool-copy h3 { min-height: 0; }
  .ads-page .preview-mockup { max-width: 560px; width: 100%; margin: 0 auto; }
}
@media (max-width: 760px) {
  .ads-page .section, .ads-page .sales-section { padding-top: 68px; padding-bottom: 68px; }
  .ads-page .benefit-grid { grid-template-columns: 1fr; }
  .ads-page .benefit-grid article { min-height: 260px; padding: 24px; }
  .ads-page .benefit-grid article:last-child { grid-column: auto; }
  .ads-page .roadmap-six { grid-template-columns: 1fr; }
  .ads-page .roadmap-six article { min-height: 220px; }
  .ads-page .tool-image { height: 300px; }
  .ads-page .fit-grid > .audience-grid { padding: 0; }
  .ads-page .audience-grid { grid-template-columns: 1fr; }
  .ads-page #from-the-blog .blog-card { min-height: 0; }
  .ads-page .final-cta { padding-top: 72px; padding-bottom: 72px; }
}
@media (max-width: 520px) {
  .ads-page .hero-copy h1 { overflow-wrap: anywhere; }
  .ads-page .product-buttons .button, .ads-page .cta-row .button { width: 100%; }
  .ads-page .section-head, .ads-page .standalone-head { display: block; }
  .ads-page .section-head > p, .ads-page .standalone-head > p { margin-top: 18px; }
}