body.page-template-default, body.page-about, body[class*="about"] {
  background: var(--ss-bg);
}

body[class*="about"] h1, body[class*="about"] h2, .page-about h1, .page-about h2 {
  color: #fff;
  text-shadow: 0 0 22px rgba(255, 0, 0, .30);
}

body[class*="about"] .entry-content, .page-about .entry-content {
  color: var(--ss-text-soft);
}

/* ===== SS V7: restore content container (dropped during S3.4b modularization) =====
   Constrains text/sections to a centered column with side gutters.
   Uses page-scoped specificity + side-only padding so hero/section vertical padding is untouched. */
.about-page .about-container{
  width:100%; max-width:1140px;
  margin-left:auto; margin-right:auto;
  padding-left:24px; padding-right:24px;
}

/* SS 2026-06-08: hero bg cover (rule was dropped in S3.4b modularization -> tiled) */
.about-hero__bg{ background-size:cover; background-position:center; background-repeat:no-repeat; }