/* Shared full-width surfaces and FAQ alignment for website service pages. */
.website-service-main { width: 100%; max-width: none; }
.website-service-main > section {
  --content-inset: 24px;
  padding-inline: max(var(--content-inset), calc((100% - 1280px) / 2 + var(--content-inset)));
  border-radius: 0;
}
.website-service-main > section[class*="space-y-"]:not([class*="p-6"]) { --content-inset: 0px; padding-inline: max(24px, calc((100% - 1280px) / 2)); }
@media (min-width: 640px) {
  .website-service-main > section { --content-inset: 40px; }
  .website-service-main > section[class*="sm:p-12"] { --content-inset: 48px; }
  .website-service-main > section[class*="sm:p-16"] { --content-inset: 64px; }
}
@media (min-width: 1024px) {
  .website-service-main > section[class*="lg:p-12"] { --content-inset: 48px; }
}
@layer papa-content-typography {
  body .website-service-main > .service-compact-labels :is(h3,h4):not(#masthead *, footer *, #colophon *),
  body .website-service-main > section:nth-of-type(2) :is(h3,h4):not(#masthead *, footer *, #colophon *),
  body .website-service-main > section:nth-of-type(3) :is(h3,h4):not(#masthead *, footer *, #colophon *) {
    font-size: 15px !important; font-weight: 400 !important; line-height: 1.4;
  }
}
.website-service-main .service-benefit { transition: transform .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease; }
.website-service-main .service-benefit:hover { transform: translateY(-4px); background-color: #ffedd5; border-color: #ff7000; box-shadow: 0 8px 20px rgba(255,112,0,.16); }
.website-service-main .service-faq-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.4fr); align-items: center; gap: clamp(24px,4vw,56px); }
.service-faq-layout > div { min-width: 0; }
.website-service-main .service-faq-image { display:block; width:100%; max-width:480px; height:440px; margin-inline:auto; padding:16px; object-fit:contain; }
@media(max-width:767px) {
  .website-service-main .service-faq-layout { grid-template-columns:minmax(0,1fr); gap:24px; }
  .website-service-main .service-faq-image { height:300px; }
}
@media(prefers-reduced-motion:reduce) {
  .website-service-main .service-benefit { transition:none; }
  .website-service-main .service-benefit:hover { transform:none; }
}