/* ==========================================================================
   LAYOUT — контейнер, секции
   ========================================================================== */

/* Колонка страницы: максимум 800px по центру */
.l-container {
  position: relative;
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  background: var(--c-bg);
}

/* Секция: фон и цвет берутся из темы (светлая по умолчанию, .t-dark — тёмная) */
.l-section {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  padding: var(--section-py) var(--gutter);
  background: var(--c-bg);
  color: var(--c-fg);
}

/* Шапка секции: метка «01 — Обо мне» + заголовок */
.l-section-head {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

@media (min-width: 640px) {
  .l-section {
    padding-inline: var(--gutter-wide);
  }
}