/* Option B utilities: neutral page background and section tints */
:root {
  --surface-page: #f7f9fc;
  --surface-1: #f8fafc;
  --surface-2: #eef2f7; /* increased contrast for section--contrast */
  --border-soft: #e5e7eb;
  --shadow-xs: 0 1px 2px rgba(0,0,0,.06);
}

.page--muted { background: var(--surface-page); }

.section--tint { background: var(--surface-1); }

.section--contrast { background: var(--surface-2); }

.section--raised .card {
  background: #fff;
  border: 1px solid var(--border-soft);
  box-shadow: var(--shadow-xs);
}

.section__header--accent {
  border-left: 4px solid var(--brand);
  padding-left: 12px;
  background: linear-gradient(90deg, rgba(0,108,50,.08), transparent 60%);
}

.container--narrow { max-width: 1080px; margin: 0 auto; }

.divider { border-top: 1px solid var(--border-soft); margin: 24px 0; }