/* Страницы /eng-kam-ish-haqi/ и /mrot-brv/ — МРОТ (MHTEKM) и БРВ (BHM). Префикс mr-. 02.10.2026 */

/* ——— две главные величины ——— */
.mr-big{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0}
.mr-big__c{flex:1 1 260px;border:1px solid #c9d8ea;border-radius:16px;padding:16px 18px;background:linear-gradient(180deg,#f6f9fd,#fff)}
.mr-big__c.mr-b2{border-color:#ecd9ae;background:linear-gradient(180deg,#fdfaf2,#fff)}
.mr-big__ab{display:inline-block;font:700 12px/1 system-ui;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#134e8e;border-radius:6px;padding:5px 8px}
.mr-b2 .mr-big__ab{background:#b7791f}
.mr-big__n{margin:10px 0 2px;font:800 clamp(24px,6vw,34px)/1.1 system-ui;color:#12283f;letter-spacing:-.01em}
.mr-big__n i{font-style:normal;font-size:.5em;font-weight:600;color:#4a5568;margin-left:4px}
.mr-big__t{margin:0;font-size:14px;line-height:1.45;color:#4a5568}
.mr-big__t b{color:#12283f}
.mr-big__d{margin:8px 0 0;font-size:13px;color:#6b7b8f;border-top:1px solid #e6eef8;padding-top:8px}

/* ——— сравнение двух показателей ——— */
.mr-split{display:flex;flex-wrap:wrap;gap:14px;margin:16px 0}
.mr-split>div{flex:1 1 280px;border:1px solid #dbe4f0;border-radius:14px;padding:14px 16px;background:#fff}
.mr-split h3{margin:0 0 6px;font-size:16px;color:#12283f}
.mr-split ul{margin:8px 0 0;padding-left:20px}
.mr-split li{font-size:14.5px;line-height:1.55;color:#4a5568;margin:4px 0}
.mr-split .mr-tag{display:inline-block;font:700 11px/1 system-ui;letter-spacing:.05em;text-transform:uppercase;padding:4px 7px;border-radius:5px;margin-bottom:6px}
.mr-split .mr-t1{background:#e8f1fb;color:#134e8e}
.mr-split .mr-t2{background:#fdf4e3;color:#9a6512}

/* ——— диаграмма динамики ——— */
.mr-chart{margin:18px 0 6px;border:1px solid #dbe4f0;border-radius:14px;background:#fff;padding:16px 14px 10px}
.mr-chart__ttl{font:700 14px/1.3 system-ui;color:#12283f;margin:0 0 12px}
.mr-chart__b{display:flex;align-items:flex-end;gap:6px;height:190px;padding:0 2px}
.mr-chart__i{flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;height:100%}
.mr-chart__v{font:700 11px/1 system-ui;color:#134e8e;margin-bottom:3px;white-space:nowrap}
.mr-chart__r{width:100%;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#2478d4,#134e8e);min-height:4px}
.mr-chart__i.is-now .mr-chart__r{background:linear-gradient(180deg,#f6a723,#b7791f)}
.mr-chart__i.is-now .mr-chart__v{color:#9a6512}
.mr-chart__x{display:flex;gap:6px;padding:6px 2px 0;border-top:1px solid #eef3f9;margin-top:6px}
.mr-chart__x span{flex:1 1 0;text-align:center;font:600 11px/1.2 system-ui;color:#6b7b8f;min-width:0}
.mr-chart__note{margin:8px 0 0;font-size:12.5px;color:#6b7b8f}

/* ——— таблица динамики ——— */
.mr-tw{margin:16px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.mr-tab{width:100%;min-width:520px;border-collapse:collapse;background:#fff;border:1px solid #dbe4f0;border-radius:12px;overflow:hidden}
.mr-tab th,.mr-tab td{padding:10px 12px;text-align:left;font-size:14.5px;border-bottom:1px solid #eef3f9}
.mr-tab thead th{background:#f4f8fd;color:#1b3a63;font-weight:700;font-size:13px;letter-spacing:.02em;text-transform:uppercase}
.mr-tab td{color:#12283f}
.mr-tab td.mr-num{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.mr-tab tbody tr.is-now{background:#fdfaf2}
.mr-tab tbody tr.is-now td{font-weight:700}
.mr-tab tr:last-child th,.mr-tab tr:last-child td{border-bottom:0}
.mr-tw__hint{margin:6px 0 0;font-size:12.5px;color:#6b7b8f}

/* ——— калькуляторы ——— */
.mr-calc{border:1px solid #c9d8ea;border-radius:16px;background:linear-gradient(180deg,#f6f9fd,#fff);padding:16px;margin:18px 0}
.mr-calc__h{margin:0 0 4px;font:700 17px/1.3 system-ui;color:#12283f}
.mr-calc__s{margin:0 0 12px;font-size:14px;color:#4a5568}
.mr-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.mr-tools button{flex:1 1 150px;padding:10px 12px;border:1px solid #b9cde5;border-radius:10px;background:#fff;color:#134e8e;font:600 14px/1.25 system-ui;cursor:pointer}
.mr-tools button.is-on{background:#134e8e;color:#fff;border-color:#134e8e}
.mr-pane{display:none}
.mr-pane.is-on{display:block}
.mr-fld{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.mr-fld label{flex:1 1 170px;min-width:0;font:600 13px/1.3 system-ui;color:#1b3a63}
.mr-fld label span{display:block;margin-bottom:5px}
.mr-fld input,.mr-fld select{width:100%;padding:11px 12px;border:1px solid #b9cde5;border-radius:10px;font:600 16px/1.2 system-ui;color:#12283f;background:#fff;font-variant-numeric:tabular-nums}
.mr-fld input:focus,.mr-fld select:focus{outline:2px solid #134e8e;outline-offset:1px}
.mr-out{margin:14px 0 0;background:#fff;border:1px solid #dbe4f0;border-radius:12px;overflow:hidden}
.mr-out__r{display:flex;justify-content:space-between;gap:12px;padding:10px 13px;border-bottom:1px solid #eef3f9;font-size:14.5px}
.mr-out__r:last-child{border-bottom:0}
.mr-out__r span{color:#4a5568}
.mr-out__r b{color:#12283f;font-variant-numeric:tabular-nums;text-align:right}
.mr-out__r.mr-hi{background:#f4f8fd}
.mr-out__r.mr-hi b{color:#134e8e;font-size:17px}
.mr-verd{margin:12px 0 0;padding:11px 13px;border-radius:10px;font-size:14.5px;line-height:1.5}
.mr-verd.ok{background:#f1f9f4;border:1px solid #c3e3d0;color:#1c5b3a}
.mr-verd.bad{background:#fdecee;border:1px solid #f0bcc3;color:#8a2733}
.mr-calc__note{margin:12px 0 0;font-size:12.5px;line-height:1.5;color:#6b7b8f}

/* ——— где применяется ——— */
.mr-use{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.mr-use div{flex:1 1 210px;border:1px solid #dbe4f0;border-left:4px solid #134e8e;border-radius:10px;padding:11px 13px;background:#fff;font-size:14.5px;line-height:1.5;color:#4a5568}
.mr-use div b{display:block;color:#12283f;font-size:15px;margin-bottom:3px}
.mr-use div.mr-u2{border-left-color:#b7791f}

/* ——— мелочи ——— */
.mr-kv{margin:14px 0;border:1px solid #dbe4f0;border-radius:12px;background:#fff;overflow:hidden}
.mr-kv__r{display:flex;justify-content:space-between;gap:12px;padding:10px 13px;border-bottom:1px solid #eef3f9;font-size:14.5px}
.mr-kv__r:last-child{border-bottom:0}
.mr-kv__r span{color:#4a5568}
.mr-kv__r b{color:#12283f;text-align:right}
.mr-no{margin:12px 0;padding-left:20px}
.mr-no li{margin:5px 0;font-size:15px;line-height:1.55;color:#4a5568}
@media(max-width:560px){
  .mr-chart__b{height:150px}
  .mr-chart__v{font-size:10px}
  .mr-chart__x span{font-size:10px}
}