/* Два режима раскладки панели (переключение через #layoutSwitch) */

/* --- Как в щите: сетка 2 колонки × 4 ряда DIN-групп --- */
.panel[data-layout="board"] .layout-board {
  display: grid;
  grid-template-columns: minmax(280px, 0.95fr) minmax(360px, 1.35fr);
  column-gap: clamp(18px, 3vw, 36px);
  row-gap: 22px;
  align-items: start;
}

.panel[data-layout="board"] .layout-board .din-group {
  min-width: 0;
}

@media (max-width: 900px) {
  .panel[data-layout="board"] .layout-board {
    grid-template-columns: 1fr;
  }
}

/* --- По разделам: секции с заголовками как в левой аннотации --- */
.panel[data-layout="sections"] .layout-sections {
  display: block;
}