/* Блоки 3–16 и внутренние страницы.
   Этап 2: только аккуратная читаемая основа на токенах. Вёрстка по макетам Blk* — этап 3. */

main > section:not(.hero),
.page-inner main > section {
  max-width: calc(880px + 2 * var(--gutter));
  margin-inline: auto;
  padding: clamp(48px, 6vw, 80px) var(--gutter) 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
main > section:not(.hero) ul { padding-left: 1.2em; display: flex; flex-direction: column; gap: 6px; }
main > section:not(.hero) strong { color: var(--brand); }
main > section:not(.hero) > p { color: var(--muted); max-width: 68ch; }
.page-inner main > section > p { color: var(--text); }
main:focus { outline: none; }

/* подвал — сливовый, как первый экран */
.site-footer {
  margin-top: clamp(48px, 6vw, 96px);
  padding: 32px var(--gutter) 40px;
  background: var(--hero-bg);
  color: var(--on-dark-muted);
  font-size: var(--fs-small);
  --focus: #FFFFFF;
}
.page-home .site-footer { margin-top: 0; }
.page-home { background: var(--hero-bg); }
.site-footer__inner {
  max-width: 1280px;
  margin-inline: auto;
  padding-top: 28px;
  border-top: 1px solid var(--on-dark-line);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.site-footer__brand { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.site-footer__links { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 20px; align-items: center; }
.site-footer__links a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; color: var(--on-dark-soft); text-decoration: none; }
.site-footer__links a:hover { color: var(--lilac); text-decoration: underline; }
@media (min-width: 900px) {
  .site-footer__inner { flex-direction: row; justify-content: space-between; align-items: center; }
}