/* Подвал по темам (web/scripts/site-footer.mjs). Подключается после стилей страницы и перекрывает прежние .foot-links. Одна светлая тема. */
.foot .foot-legal { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px 32px; align-items: start; }
.foot-legal .foot-topic { display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0; min-width: 0; }
.foot-legal .foot-topic b { margin: 0 0 6px; font: 800 14px/1.3 var(--font-sans); color: var(--ink); }
.foot-legal .foot-topic a { display: block; padding: 5px 0; line-height: 1.35; overflow-wrap: anywhere; }
.foot-legal .foot-topic a[aria-current] { color: var(--ink); font-weight: 700; text-decoration-color: var(--marker-edge); text-decoration-thickness: 2px; }
.foot-legal .foot-topic a:focus-visible { outline: 3px solid var(--ink); outline-offset: 2px; border-radius: 4px; }
.foot-legal .foot-topic:nth-child(1) { grid-area: 1 / 1; }
.foot-legal .foot-topic:nth-child(2) { grid-area: 1 / 2; }
.foot-legal .foot-topic:nth-child(3) { grid-area: 2 / 1; }
.foot-legal .foot-topic:nth-child(5) { grid-area: 2 / 2; }
.foot-legal .foot-topic--tools { grid-area: 1 / 3 / span 2 / span 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; align-content: start; }
.foot-legal .foot-topic--tools b { grid-column: 1 / -1; }
.foot-legal .foot-topic:nth-child(6) { grid-area: 3 / 1 / auto / -1; flex-direction: row; flex-wrap: wrap; gap: 0 24px; padding-top: 14px; border-top: 1px solid var(--line); }
.foot-legal .foot-topic:nth-child(6) b { flex-basis: 100%; }
.foot-legal .foot-id { grid-column: 1 / -1; margin: 0; padding-top: 14px; border-top: 1px solid var(--line); font-size: 12px; line-height: 1.5; color: var(--ink-3); }
@media (max-width: 900px) {
  .foot .foot-legal { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 24px; }
  .foot-legal .foot-topic:nth-child(n) { grid-area: auto; }
  .foot-legal .foot-topic--tools:nth-child(4) { grid-column: 1 / -1; }
  .foot-legal .foot-topic:nth-child(6) { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .foot-legal .foot-topic a { display: flex; align-items: center; min-height: 44px; padding: 0; }
  .foot-legal .foot-topic b { margin-bottom: 2px; }
  .foot-legal .foot-topic:nth-child(6) { flex-direction: column; gap: 0; }
}