/**
 * Общие стили секций
 */

body {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
}

.section--alt {
  background-color: var(--color-bg-alt);
}

.section--dark {
  background-color: var(--color-primary);
  color: var(--color-text-inverse);
}

.section--dark h2,
.section--dark h3 {
  color: var(--color-text-inverse);
}

.section-header {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  max-width: 40rem;
  margin-bottom: var(--space-12);
}

.section-header--center {
  align-items: center;
  text-align: center;
  margin-inline: auto;
}

.section-header--wide {
  max-width: 48rem;
}

.section-header__label {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-accent);
}

.section-header__title {
  font-size: var(--text-3xl);
  line-height: var(--leading-snug);
  letter-spacing: -0.025em;
}

.section-header__subtitle {
  font-size: var(--text-lg);
  line-height: var(--leading-relaxed);
  color: var(--color-text-muted);
}

.section--dark .section-header__subtitle {
  color: rgba(255, 255, 255, 0.8);
}

.section-header__note {
  font-size: var(--text-base);
  line-height: var(--leading-relaxed);
  color: var(--color-text-muted);
  padding-top: var(--space-2);
}

.section-divider {
  width: 3rem;
  height: 3px;
  background: linear-gradient(90deg, var(--color-accent), var(--color-primary));
  border-radius: var(--radius-full);
}

.section--dark .section-header__label {
  color: rgba(255, 255, 255, 0.75);
}