/* Ипотека — только свои блоки (хлебные крошки страницы ЖК, диаграмма варианта B).
   Общая дизайн-система калькуляторов (токены, карточки, слайдеры, результат, плашка/шторка) — core/kit.css. */
/* ---- Imkoniyat: хлебные крошки на странице ЖК ---- */
.mv2-shell .mv2__crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: 14px; line-height: 1.4; color: var(--color-tertiary); margin: 0 0 16px; }
.mv2__crumbs a { color: var(--color-tertiary); text-decoration: none; }
.mv2__crumbs a:hover { color: var(--color-primary-hover); }
.mv2__crumbs a:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; border-radius: 4px; }

/* ---- Вариант B: диаграмма «Взнос / Кредит / Проценты» ---- */
.mv2__split { display: flex; flex-direction: column; gap: 12px; }
.mv2__split-title { font-size: 14px; line-height: 1.28; color: var(--color-tertiary); }
.mv2__split-bar { display: flex; gap: 4px; height: 8px; }
.mv2__split-part { flex-basis: 0; min-width: 8px; border-radius: 4px; }
.mv2__split-part--own, .mv2__split-dot--own { background: #b2e59f; }
.mv2__split-part--loan, .mv2__split-dot--loan { background: var(--color-primary); }
.mv2__split-part--interest, .mv2__split-dot--interest { background: #ffcba8; }
.mv2__split-legend { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.mv2__split-item { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mv2__split-label { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; line-height: 1.28; color: var(--color-tertiary); }
.mv2__split-dot { flex: none; width: 8px; height: 8px; border-radius: 50%; }
.mv2__split-value { font-size: 14px; font-weight: 400; line-height: 1.28; color: var(--color-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }