/* Слой-специфичные акценты — цвет «корешка» каждого слоя */

.layer-1 .layer-spine { background: var(--l2-risk); }      /* Результаты — зелёный (деньги/безопасность) */
.layer-2 .layer-spine { background: var(--l3-technique); } /* Тематика — фиолетовый (аналитика) */
.layer-3 .layer-spine { background: var(--seg-2-worker); } /* Путь ученицы — коралл (массовый сегмент) */
.layer-4 .layer-spine { background: var(--ch-platform); }  /* Тайм-лайн — тёмно-синий (платформа) */
.layer-5 .layer-spine { background: var(--st-breakthrough); color: #1a3500; } /* Среда — салатовый (прорыв) */
.layer-5 .layer-spine .legend-inline { border-top-color: rgba(26,53,0,.22); }
.layer-6 .layer-spine { background: var(--l1-discipline); } /* Детализация — синий (систематичность) */

/* Конкретные раскладки */

/* Слой 1: главная схема горизонтальная */
.l1-main-row {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: nowrap;
}
.l1-main-row > * { flex-shrink: 0; }
.l1-main-row .arrow { align-self: center; }
.l1-skills-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(240px, 1fr));
  gap: 14px;
  align-items: stretch;
}
.l1-skills-row .card { display: flex; flex-direction: column; }
.l1-results-col {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  max-width: 880px;
}

/* Слой 2: блоки недель */
.l2-blocks {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
.l2-block {
  width: 220px;
  flex: 0 0 220px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.l2-block .week-tag {
  text-align: center;
  margin-bottom: 6px;
}

/* Слой 3 */
.l3-segments-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

/* Слой 4 */
.l4-typical-week, .l4-offline {
  max-width: 380px;
}

/* Слой 5 */
.l5-not-copy {
  background: white;
  border: 1px dashed var(--line-strong);
  border-radius: var(--r-card);
  padding: 14px 16px;
  margin-bottom: 16px;
}
.l5-not-copy h4 { color: var(--txt-2); margin-bottom: 8px; }
.l5-not-copy ul { font-size: 12.5px; }
.l5-not-copy li { color: var(--txt-2); text-decoration: line-through; }

/* Слой 6 */
.l6-week-detail {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 18px;
  align-items: stretch;
}
.l6-week-detail .card { display: flex; flex-direction: column; }
.l6-exam {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: start;
  margin-top: 20px;
}