/* ============================================================
   sitemap.css — /sitemap.html (Stage 6, Task 2, task-2-brief.md). Разделы
   карты сайта — карточки-колонки с плотными списками ссылок. Самостоятельный
   набор классов (.sm-*): страница-справочник без карточек-обложек/тегов,
   journal.css/article.css тут не переиспользуются.
   ============================================================ */

.sm-page { padding-top: 20px; padding-bottom: 48px; }

.sm-topbar { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 24px; flex-wrap: wrap; }
.sm-title { font-size: 32px; font-weight: 900; }
.sm-xml-link { font-size: 12.5px; font-weight: 800; color: var(--terra); flex: none; }
.sm-xml-link:hover { text-decoration: underline; }

.sm-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: start; }

.sm-section { padding: 22px 26px; }
.sm-section__title {
  font-weight: 900; font-size: 15px; margin-bottom: 14px; padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
}

.sm-list { display: flex; flex-direction: column; gap: 7px; font-size: 13.5px; }
.sm-list a { color: var(--ink-2); }
.sm-list a:hover { color: var(--terra); }
.sm-list__parent { font-weight: 800; color: var(--ink); }

.sm-sublist { display: flex; flex-direction: column; gap: 5px; padding-left: 14px; margin-top: 2px; font-size: 12.5px; }
.sm-sublist a { color: var(--ink-3); }

.sm-count { color: var(--muted); font-size: 11.5px; font-weight: 600; }

@media (max-width: 1023px) {
  .sm-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .sm-page { padding-top: 12px; }
  .sm-title { font-size: 24px; }
  .sm-grid { grid-template-columns: 1fr; }
}