/* Owner-approved desktop rhythm (2026-09-08). The shared header owns the
   entire 40px navigation-to-content gap; service-specific extra margins are
   removed without changing the content's scoped source CSS or image sizes. */
@media (min-width: 761px) {
  .service-page {
    margin-top: 0;
  }
}

@media (min-width: 1168px) {
  .service-page[data-page="the-big-question"] {
    /* At 1200px the source frame extends 14px beyond each viewport edge.
       Only its empty 30px gutters are trimmed; panels and text remain visible.
       Vertical content and expanded FAQs keep their full natural height. */
    overflow-x: clip;
  }

  .service-page[data-page="the-big-question"] > .service-viewport {
    width: 1228px;
    margin-inline: calc((100% - 1228px) / 2);
  }
}

/* Below the 1168px panel width, the existing fluid container remains in use.
   It avoids reproducing the original fixed desktop frame's horizontal crop. */