/* ISKV — статистика рынка: блок «Цена в контексте рынка» на странице объекта и полоса статистики в архиве города.
   Перенос утверждённого прототипа (web/market-stats/prototype/assets/market.css). Цвета данных проверены валидатором dataviz:
   #008F83 — данные, #E0921A — «этот объект» (у маркера всегда есть подпись). */
:root {--mk-data: #008F83; --mk-data-wash: rgba(0, 143, 131, .10); --mk-data-soft: #B3E5DF; --mk-object: #E0921A; --mk-muted-mark: #A7B4BF; --mk-grid: #E3E8EC; --mk-surface: #FFFFFF;}
.mk-card {background: rgba(255, 255, 255, .62); border: 1px solid rgba(255, 255, 255, .78); border-radius: var(--iskv-radius-lg); box-shadow: var(--glass-shadow, var(--iskv-shadow-glass)), var(--glass-edge, inset 0 1px 0 rgba(255,255,255,.8)); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); padding: 22px 24px;}
.mk-card > h2 {margin: 0 0 4px; font-size: 20px; font-weight: 600; color: var(--iskv-color-heading);}
.mk-card {min-width: 0;}
.mk-spark {width: 100%; height: 34px; display: block; margin-top: 4px;}
.mk-small-sample {display: inline-block; font-size: 12px; font-weight: 600; color: var(--iskv-color-warning-text); background: var(--iskv-color-warning-bg); border-radius: 999px; padding: 2px 8px;}
.mk-legend {display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 13px; color: var(--iskv-color-text-muted); margin: 0 0 12px;}
.mk-legend i {display: inline-block; vertical-align: -2px; margin-right: 6px;}
.mk-key-band {width: 22px; height: 10px; border-radius: 5px; background: var(--mk-data-soft);}
.mk-key-med {width: 8px; height: 14px; border-radius: 3px; background: var(--mk-data);}
.mk-key-obj {width: 12px; height: 12px; border-radius: 50%; background: var(--mk-object); box-shadow: 0 0 0 2px #fff;}
.mk-obj {padding: 22px 24px 18px;}
.mk-obj > .sec-h {margin-bottom: 16px;}
.mk-obj-top {display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.25fr); gap: 16px 28px; align-items: start;}
.mk-obj-stat {display: grid; gap: 4px; min-width: 0;}
.mk-obj-label {display: flex; align-items: center; gap: 8px; font-size: 13px; line-height: 1.35; color: var(--iskv-color-text-muted);}
.mk-obj-label i {flex: none;}
.mk-obj-value {font-size: 28px; font-weight: 600; line-height: 1.1; letter-spacing: -.01em; color: var(--iskv-color-heading); font-variant-numeric: tabular-nums; white-space: nowrap;}
.mk-obj-value small {font-size: 15px; font-weight: 500; letter-spacing: 0; color: var(--iskv-color-text-muted); margin-left: 3px;}
.mk-obj-hint {font-size: 13px; line-height: 1.4; color: var(--iskv-color-text-muted);}
.mk-obj-verdict {align-self: center; display: grid; gap: 6px; padding: 12px 14px; border-radius: var(--iskv-radius-md, 12px); background: var(--iskv-tint-teal, rgba(0,143,131,.08));}
.mk-obj-verdict strong {display: flex; align-items: center; gap: 6px; font-size: 17px; font-weight: 600; line-height: 1.25; color: var(--iskv-color-heading);}
.mk-obj-verdict strong svg {width: 20px; height: 20px; flex: none; color: var(--mk-data);}
.mk-obj-verdict span {font-size: 13px; line-height: 1.45; color: var(--iskv-color-text-muted);}
.mk-scale {position: relative; height: 66px; margin: 22px 0 6px;}
.mk-scale-line {position: absolute; left: 0; right: 0; top: 30px; height: 1px; background: var(--mk-grid);}
.mk-scale-band {position: absolute; top: 24px; height: 14px; border-radius: 7px; background: var(--mk-data-soft);}
.mk-scale-med {position: absolute; top: 20px; width: 4px; height: 22px; margin-left: -2px; border-radius: 2px; background: var(--mk-data);}
.mk-scale-obj {position: absolute; top: 23px; width: 16px; height: 16px; margin-left: -8px; border-radius: 50%; background: var(--mk-object); box-shadow: 0 0 0 3px #fff, 0 2px 8px rgba(31,45,58,.25);}
.mk-scale-lbl {position: absolute; left: 0; font-size: 12px; line-height: 16px; color: var(--iskv-color-text-muted); white-space: nowrap; font-variant-numeric: tabular-nums;}
.mk-scale-lbl.top {top: 0; font-weight: 600; color: var(--iskv-color-heading);}
.mk-scale-lbl.bottom {top: 48px;}
.mk-scale-lbl.is-med {color: var(--iskv-color-text); font-weight: 500;}
.mk-obj .mk-legend {margin: 4px 0 0; font-size: 12.5px;}
.mk-obj-facts {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 18px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--mk-grid);}
.mk-obj-facts li {display: grid; gap: 2px; padding: 12px 16px 0 0;}
.mk-obj-facts li + li {padding-left: 16px; border-left: 1px solid var(--mk-grid);}
.mk-obj-facts span {font-size: 13px; line-height: 1.35; color: var(--iskv-color-text-muted);}
.mk-obj-facts b {font-size: 17px; font-weight: 600; color: var(--iskv-color-heading); font-variant-numeric: tabular-nums;}
.mk-obj-foot {display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 10px 24px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--mk-grid);}
.mk-disclaimer {flex: 1 1 380px; margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--iskv-color-text-muted);}
.mk-obj-foot .mk-more {flex: none; font-size: 14px; font-weight: 500; color: var(--iskv-color-link); text-decoration: none; white-space: nowrap;}
.mk-obj-foot .mk-more:hover {text-decoration: underline;}
@media (max-width: 760px) {
  .mk-obj {padding: 18px 16px 16px;}
  .mk-obj-top {grid-template-columns: 1fr 1fr; gap: 14px 16px;}
  .mk-obj-verdict {grid-column: 1 / -1;}
  .mk-obj-value {font-size: 24px;}
  .mk-obj-value small {font-size: 13px;}
  .mk-scale {margin-top: 20px;}
  .mk-obj .mk-legend {gap: 6px 16px;}
  .mk-obj-facts {grid-template-columns: 1fr;}
  .mk-obj-facts li, .mk-obj-facts li + li {display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 10px 0; border-left: 0;}
  .mk-obj-facts li + li {border-top: 1px solid var(--mk-grid);}
  .mk-obj-facts b {font-size: 15px; white-space: nowrap;}
  .mk-obj-foot {margin-top: 6px; display: grid; gap: 10px;}
  .mk-disclaimer {flex: none;}
}
.mk-strip {display: grid; grid-template-columns: minmax(0, 1.3fr) repeat(3, minmax(0, 1fr)) minmax(0, 1.2fr) auto; gap: 18px; align-items: center; padding: 16px 22px;}
.mk-strip-title {font-size: 15px; font-weight: 600; color: var(--iskv-color-heading); line-height: 1.3;}
.mk-strip-title span {display: block; font-size: 12.5px; font-weight: 400; color: var(--iskv-color-text-muted);}
.mk-strip-kpi b {display: block; font-size: 22px; font-weight: 600; color: var(--iskv-color-heading);}
.mk-strip-kpi span {font-size: 12.5px; color: var(--iskv-color-text-muted);}
.mk-strip a.mk-more {font-size: 14px; font-weight: 500; color: var(--iskv-color-link); text-decoration: none; white-space: nowrap;}
.mk-strip a.mk-more:hover {text-decoration: underline;}
@media (max-width: 1100px) {
  .mk-strip {grid-template-columns: repeat(3, minmax(0, 1fr));}
  .mk-strip-title {grid-column: 1 / -1;}
}
@media (max-width: 640px) {
  .mk-card {padding: 18px 16px;}
  .mk-strip {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 640px) {
  .mk-card > h2 {font-size: 18px; line-height: 1.3;}
}

/* В теме SiteFix-iskv */
.mk-obj .sec-h { margin-top: 0; }
.iskvms-strip-wrap { padding: 0 var(--iskv-page-gutter, 24px) 18px; } /* как у заголовка и списка архива */
.mk-strip a.mk-more { font-size: 14px; font-weight: 500; color: var(--iskv-color-link); text-decoration: none; white-space: nowrap; }
.mk-strip a.mk-more:hover { text-decoration: underline; }
/* Подписи разбиты на слова и числа (для перевода) — вложенные span наследуют оформление родителя */
.mk-strip-title .mk-strip-h { display: block; font-size: 15px; font-weight: 600; color: var(--iskv-color-heading); }
.mk-strip-title span span { display: inline; font: inherit; color: inherit; }
.mk-obj-verdict strong span { font-size: inherit; line-height: inherit; color: inherit; }
.mk-obj-verdict > span span, .mk-obj-facts span span, .mk-obj-label span, .mk-obj-hint span { font: inherit; color: inherit; }
.mk-scale-lbl { white-space: nowrap; }
.mk-scale-lbl:not(.is-placed) { transform: translateX(-50%); }
.mk-obj-facts b span, .mk-strip-kpi b span { font: inherit; color: inherit; }
.mk-obj-verdict strong .mk-v { display: inline; }
.mk-cap { display: inline-block; } .mk-cap::first-letter { text-transform: uppercase; }
