/* ═══════════════════════════════════════════════════
   SHARED: service page scaffolding — source audit.html

   Not a section. There is no partial with this name and it is never declared
   in lab4_use_sections(); it exists only as a css_deps target, because the
   heading block below is repeated by nearly every section of a service page —
   problem, deliverables, process, outcomes, for-who, faq. Six copies of the
   same four rules is how six sections drift apart.

   Ported onto the theme's tokens.
═══════════════════════════════════════════════════ */

.sp-section-inner {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 var(--container-pad);
}

.sp-section-hdr {
  display: grid;
  grid-template-columns: 1fr 480px;
  gap: var(--sp-20);
  align-items: end;
  margin-bottom: var(--sp-16);
}


.sp-section-desc {
  font-size: var(--fs-300);
  color: var(--c-text-3);
  line-height: 1.75;
}

@media (max-width: 960px) {
  .sp-section-hdr { grid-template-columns: 1fr; gap: var(--sp-6) }
}

@media (max-width: 640px) {
  .sp-section-inner { padding: 0 var(--sp-6) }
}