/* Метаболический синдром — статья-инструмент.
   База: pa-* (calc-phenoage.css) + ht-* (tool-hypertension.css: плашка, таблицы,
   фигуры, списки, мобильное центрирование). Здесь — ms-специфика. */

.v2-after-hero .med-term { color: var(--v2-ink); }

/* Чекбоксы «приём препаратов» */
.ms-meds { margin: 4px 0 2px; display: grid; gap: 10px; }
.ms-meds__title { font-size: 13px; font-weight: 600; color: var(--v2-ink-2); margin-bottom: 2px; }
.ms-check { display: flex; align-items: flex-start; gap: 11px; cursor: pointer; padding: 11px 14px; border: 1px solid var(--v2-border); border-radius: 12px; background: var(--v2-surface, #fff); transition: border-color .15s, background .15s; }
.ms-check:hover { border-color: var(--v2-ink-3); }
.ms-check input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--v2-ink-2); flex: 0 0 auto; cursor: pointer; }
.ms-check__text { font-size: 13.5px; line-height: 1.45; color: var(--v2-ink-2); }
.ms-check input:checked ~ .ms-check__text { color: var(--v2-ink); }

/* «/ 5» в крупной цифре результата */
.ms-of { font-size: .5em; font-weight: 500; color: var(--v2-ink-3); }

/* Метр из 5 сегментов */
.ms-meter { display: flex; gap: 8px; max-width: 420px; margin: 18px auto 4px; }
.ms-meter__seg { flex: 1 1 0; height: 10px; border-radius: 99px; background: var(--v2-border); }
.ms-meter__seg--off { background: rgba(150,160,180,.22); }
.ms-meter__seg--ok { background: #10b981; }
.ms-meter__seg--m  { background: #f59e0b; }
.ms-meter__seg--h  { background: #ef4444; }
.ms-meter__seg--vh { background: #991b1b; }

/* Разбор по критериям */
.ms-criteria { display: grid; gap: 10px; margin: 4px 0 8px; }
.ms-crit { display: flex; gap: 13px; align-items: flex-start; padding: 14px 16px; border: 1px solid var(--v2-border); border-radius: 14px; background: var(--v2-surface, #fff); }
.ms-crit__icon { font-size: 22px !important; flex: 0 0 auto; margin-top: 1px; }
.ms-crit.is-ok { border-color: rgba(16,185,129,.35); }
.ms-crit.is-ok .ms-crit__icon { color: #10b981; }
.ms-crit.is-met { border-left-width: 4px; }
.ms-crit--m  { border-left-color: #f59e0b; } .ms-crit--m  .ms-crit__icon { color: #f59e0b; }
.ms-crit--h  { border-left-color: #ef4444; } .ms-crit--h  .ms-crit__icon { color: #ef4444; }
.ms-crit--vh { border-left-color: #991b1b; } .ms-crit--vh .ms-crit__icon { color: #b91c1c; }
.ms-crit--ok { border-left-color: #10b981; }
.ms-crit__main { flex: 1 1 auto; min-width: 0; }
.ms-crit__row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ms-crit__name { font-weight: 700; font-size: 15px; color: var(--v2-ink); }
.ms-crit__badge { font-size: 11px; font-weight: 700; letter-spacing: .02em; padding: 3px 9px; border-radius: 99px; white-space: nowrap; }
.ms-crit__badge--ok { background: rgba(16,185,129,.14); color: #047857; }
.ms-crit__badge--m  { background: rgba(245,158,11,.16); color: #b45309; }
.ms-crit__badge--h  { background: rgba(239,68,68,.14); color: #dc2626; }
.ms-crit__badge--vh { background: rgba(153,27,27,.16); color: #991b1b; }
.ms-crit__meta { display: flex; align-items: baseline; gap: 8px 14px; flex-wrap: wrap; margin-top: 5px; }
.ms-crit__val { font-family: var(--v2-font-display); font-weight: 700; font-size: 15px; color: var(--v2-ink); }
.ms-crit__cat { font-size: 12.5px; color: var(--v2-ink-2); }
.ms-crit__thr { font-size: 12px; color: var(--v2-ink-3); }
.ms-crit__med { margin-top: 6px; font-size: 12px; line-height: 1.45; color: var(--v2-ink-3); font-style: italic; }

/* Рекомендации в результате */
.ms-rec-lead { font-size: 15px; line-height: 1.6; color: var(--v2-ink-2); margin: 0 0 14px; }
.ms-recs { display: grid; gap: 10px; }
.ms-rec { border-left: 4px solid var(--v2-teal, #16c8c8); background: var(--v2-surface-2, #f3f6fb); border-radius: 10px; padding: 12px 16px; }
.ms-rec__title { font-family: var(--v2-font-display); font-weight: 700; font-size: 14.5px; color: var(--v2-ink); line-height: 1.3; }
.ms-rec__text { font-size: 13px; line-height: 1.55; color: var(--v2-ink-2); margin-top: 3px; }

/* Факторы риска / симптомы — иконочные чипы (как ht-risks) */
.ms-factors { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 4px 0 8px; }
.ms-factor { display: flex; align-items: center; gap: 11px; padding: 13px 16px; border: 1px solid var(--v2-border); border-radius: 12px; background: var(--v2-surface, #fff); font-size: 14.5px; color: var(--v2-ink); line-height: 1.4; }
.ms-factor .material-symbols-outlined { font-size: 22px; color: var(--v2-teal, #16c8c8); flex: 0 0 auto; }
@media (max-width: 620px) { .ms-factors { grid-template-columns: 1fr; } }

/* Цветные строки таблицы критериев в статье */
.ms-row--crit td:first-child { box-shadow: inset 4px 0 0 #ef4444; }
.ms-row--ok td:first-child { box-shadow: inset 4px 0 0 #10b981; }

@media (max-width: 560px) {
  .ms-crit { padding: 12px 14px; }
  .ms-meter { gap: 6px; }
}