/* Shared full-width section refinements for the paid advertising pages. */
body.antialiased { padding: 0 !important; }

main > section[class*="-grid"].rounded-3xl {
  width: 100vw !important;
  max-width: none !important;
  margin-top: 0 !important;
  margin-left: calc((100% - 100vw) / 2) !important;
  margin-right: calc((100% - 100vw) / 2) !important;
  padding: clamp(28px, 4vw, 56px) max(20px, calc((100vw - 1280px) / 2)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: #fff !important;
  background-size: 28px 28px !important;
}

main > section.bg-orange-50.border.rounded-3xl,
main > section.bg-white.rounded-3xl.shadow-soft-float:not([class*="-grid"]):not([class~="mb-32"]) {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc((100% - 100vw) / 2) !important;
  margin-right: calc((100% - 100vw) / 2) !important;
  padding: 24px max(20px, calc((100vw - 1280px) / 2)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

main > section.bg-orange-50.border.rounded-3xl {
  background:
    radial-gradient(ellipse at 10% 0%, rgba(255,112,0,.12), transparent 42%),
    radial-gradient(ellipse at 90% 100%, rgba(255,173,92,.12), transparent 38%),
    linear-gradient(110deg, #fff 0%, #fffaf4 55%, #fff7ed 100%) !important;
}

main > section.bg-orange-50.border.rounded-3xl > div.max-w-3xl {
  width: min(1180px, 100%) !important;
  max-width: 1180px !important;
}

main > section.ads-faq-section {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc((100% - 100vw) / 2) !important;
  margin-right: calc((100% - 100vw) / 2) !important;
  margin-bottom: 0 !important;
  padding: 30px max(20px, calc((100vw - 1280px) / 2)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(ellipse at 8% 0%, rgba(255,112,0,.1), transparent 42%),
    radial-gradient(ellipse at 92% 100%, rgba(255,173,92,.11), transparent 38%),
    linear-gradient(110deg, #fff 0%, #fffaf4 55%, #fff 100%) !important;
}
main > section.ads-faq-section .faq-answer { font-size: 15px !important; line-height: 1.55 !important; }
main > section.ads-faq-section button > span > span { font-size: 13px !important; }

main > section.bg-white.rounded-3xl.shadow-soft-float:not([class*="-grid"]):not([class~="mb-32"]) {
  background:
    radial-gradient(ellipse at 12% 0%, rgba(255,112,0,.1), transparent 42%),
    radial-gradient(ellipse at 88% 100%, rgba(255,173,92,.1), transparent 38%),
    linear-gradient(110deg, #fff 0%, #fffaf4 55%, #fff 100%) !important;
}

main .social-pill > i, main .youtube-pill > i,
main .ads-pill > i, main .search-pill > i {
  font-size: 21px !important;
}
main .social-pill > span, main .youtube-pill > span,
main .ads-pill > span, main .search-pill > span,
main .social-pill > strong, main .youtube-pill > strong,
main .ads-pill > strong, main .search-pill > strong {
  font-size: 15px !important;
}

@media (max-width: 640px) {
  main > section.bg-orange-50.border.rounded-3xl,
  main > section.bg-white.rounded-3xl.shadow-soft-float:not([class*="-grid"]):not([class~="mb-32"]) {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  main > section.bg-orange-50.border.rounded-3xl > div.max-w-3xl { width: 100% !important; }
  main > section.ads-faq-section { padding-top: 22px !important; padding-bottom: 22px !important; }
  main .social-pill > i, main .youtube-pill > i,
  main .ads-pill > i, main .search-pill > i { font-size: 19px !important; }
  main .social-pill > span, main .youtube-pill > span,
  main .ads-pill > span, main .search-pill > span,
  main .social-pill > strong, main .youtube-pill > strong,
  main .ads-pill > strong, main .search-pill > strong { font-size: 14px !important; }
}

@layer papa-content-typography {
  body #services article.ads-card h3 { font-size: 17px !important; line-height: 1.2 !important; }
  body main > section.ads-faq-section button { font-size: 17px !important; line-height: 1.35 !important; }
}