.shell { width: var(--sn-shell); margin-inline: auto; }
.content-narrow { max-width: var(--sn-narrow); }
.section { padding: var(--sn-section-space) 0; }
.section--compact { padding: clamp(38px, 5vw, 64px) 0; }
.section--soft, .section--muted { background: var(--sn-color-surface-soft); }
.section-heading { max-width: 790px; margin-bottom: 36px; }
.section-heading--spaced { margin-top: 72px; }
.section-heading h2, .content-narrow h2 {
  margin: 0 0 14px;
  font-size: clamp(1.72rem, 3.2vw, 2.65rem);
  line-height: 1.24;
  letter-spacing: -.025em;
}
.section-heading p { margin: 0; color: var(--sn-color-muted); }
.eyebrow {
  margin: 0 0 12px;
  color: var(--sn-color-brand-700);
  font-size: .76rem;
  font-weight: 850;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.skip-link {
  position: fixed;
  left: 12px;
  top: 12px;
  z-index: 9999;
  transform: translateY(-180%);
  padding: 10px 14px;
  background: var(--sn-color-ink);
  color: #fff;
  text-decoration: none;
  border-radius: var(--sn-radius-sm);
}
.skip-link:focus { transform: translateY(0); }
.breadcrumbs { padding: 18px 0; color: var(--sn-color-muted); font-size: .82rem; }
.breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.breadcrumbs li + li::before { content: "/"; margin-right: 8px; color: #b3a39d; }
.breadcrumbs a { color: inherit; }