/* Главная: начало «Карты тем» (_HomeTopicMap). Отступы — как у соседних секций главной (56px по бокам). */
.htmap { padding: 8px 56px 64px; }
.htmap__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.htmap__head h2 { margin: 6px 0 12px; font-size: 40px; font-weight: 600; line-height: 1.05; letter-spacing: -.01em; } /* как у «Полезных статей» */
.htmap__head .sub { color: var(--ink-3); font-size: 15px; max-width: 640px; }
.htmap__toggle {
  display: inline-flex; align-items: center; gap: 8px; flex: none;
  padding: 12px 20px; border-radius: 999px; border: 1px solid var(--line); background: var(--card);
  color: var(--green-700); font-weight: 700; font-size: 14px; cursor: pointer;
  transition: background .15s, border-color .15s;
}
.htmap__toggle:hover { background: var(--green-50); border-color: var(--green-50); }
.htmap__toggle svg { width: 16px; height: 16px; transition: transform .2s; }
.htmap__toggle svg.is-open { transform: rotate(180deg); }

.htmap__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; align-items: start; }
.htmap__item { background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 16px 16px 14px; min-width: 0; }
.htmap__title { display: block; font-family: 'Lora', Georgia, serif; font-weight: 600; font-size: 17px; line-height: 1.25; margin-bottom: 10px; }
.htmap__item ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 7px; }
.htmap__item a { display: flex; align-items: flex-start; gap: 8px; font-size: 13.5px; line-height: 1.35; color: var(--ink-2); text-decoration: none; }
.htmap__item a:hover { color: var(--green-700); text-decoration: underline; }
.htmap__item a svg, .htmap__item a [data-lucide] { width: 15px; height: 15px; margin-top: 2px; color: var(--green-700); flex: none; }
.htmap__more { margin-top: 10px; padding: 0; border: 0; background: none; color: var(--green-700); font-size: 13px; font-weight: 700; cursor: pointer; }
.htmap__more:hover { text-decoration: underline; }

.htmap .eyebrow { margin-bottom: 8px; }
.htmap__head h2 { margin-top: 0; }
/* Заголовок темы — кнопка: на компьютере как прежний заголовок, на телефоне раскрывает ссылки темы (19.10.2026) */
.htmap__title { width: 100%; padding: 0; border: 0; background: none; text-align: left; color: var(--ink); cursor: default; }
.htmap__count { display: none; }