/* The existing mobile text column already has 20px inset. */
@media (min-width: 768px) {
  .production.home #services #serviceCards .service-v11-body {
    padding-inline: 12px !important;
  }
}

/* The analytics module already measures the notice using --consent-space.
   The dock height includes its safe area and can become zero in a dialog. */
@media screen {
  html {
    --rc8-dock-space: 0px;
    --rc8-bottom-space: calc(var(--consent-space, 0px) + var(--rc8-dock-space));
    scroll-padding-bottom: var(--rc8-bottom-space);
  }
  html body.production:has(.sm-bottom),
  html body.production:has(.analytics-choice:not([hidden])) {
    padding-bottom: var(--rc8-bottom-space);
  }
  body.production :where(main, footer) :where([id], a, button, input, textarea, select, summary) {
    scroll-margin-bottom: 8px;
  }
}

@media screen and (max-width: 767px) {
  html:has(.sm-bottom) {
    --rc8-dock-space: calc(var(--sm-panel, 74px) + env(safe-area-inset-bottom, 0px));
  }
  html body .analytics-choice {
    bottom: var(--rc8-dock-space) !important;
  }
  .production.home #services #serviceCards > .service-v11-card {
    background-color: transparent;
  }
}