/* ==========================================================================
   Component — Section (الگوی عنوان/زیرعنوان بخش‌ها)
   ========================================================================== */
.section {
  padding-block: var(--section-padding-y);
}

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

.section__head {
  max-width: 42rem;
  margin-inline: auto;
  margin-bottom: var(--space-10);
  text-align: center;
}

.section__title {
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-text);
  margin-bottom: var(--space-3);
}

.section__subtitle {
  font-size: var(--font-size-lg);
  color: var(--color-text-muted);
  margin-bottom: 0;
}