/* RevMatic AI | /services/ page
   Only what the shared system (site.css) does not already cover. Tokens only: no new colors, fonts or radii.
   Loaded after site.css on /services/index.html. */

/* the list starts closer under the page hero on desktop (the phone jump row needs the full padding) */
@media (min-width: 1024px) {
  .svc-list { padding-top: clamp(48px, 4.5vw, 72px); }
}

/* the apps row sits under the last group */
.svc-apps { margin-top: 44px; }

/* a link to one service (for example /services/#reviews) marks the row it lands on */
.acc__row:target h3 { color: var(--plasma-soft); }
.acc__row:target::before { opacity: 1; }

/* the audit close: the question, two plain lines, then the six parts the audit looks at */
.svc-close__more { margin-top: 14px; }
.svc-close__more b { font-weight: 500; color: var(--platinum); }
.svc-parts { margin-top: 32px; max-width: 60em; }
.svc-parts .looked { margin-top: 12px; gap: 10px 28px; }
.svc-parts .looked__item { font-size: 15.5px; }

@media (max-width: 767px) {
  .svc-apps { margin-top: 32px; }
  .svc-parts { margin-top: 26px; }
  .svc-parts .looked { gap: 10px 18px; }
  .svc-parts .looked__item { font-size: 14.5px; }
}
