.mpg-hidden{display:none}

.mpg-mrs{max-width:1100px;margin:18px auto;padding:12px}
.mpg-mrs__header h2{margin:0 0 6px}
.mpg-mrs__sub{margin:0 0 12px;color:#444;line-height:1.45}

.mpg-mrs__grid{display:grid;grid-template-columns:1fr 1.45fr;gap:14px}
.mpg-mrs__card{border:1px solid #ddd;border-radius:12px;background:#fff;padding:14px}
.mpg-mrs__card h3{margin:0 0 10px}
.mpg-mrs__h4{margin:10px 0 10px;font-size:14px;color:#111}

.mpg-mrs label{display:block;margin:10px 0 6px;font-size:14px}
.mpg-mrs input,.mpg-mrs select,.mpg-mrs textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:10px;font:inherit}
.mpg-mrs textarea{resize:vertical}
.mpg-mrs__row{margin-top:10px}
.mpg-mrs__check{display:flex;gap:8px;align-items:center;margin:0}
.mpg-mrs__hint{margin:8px 0 0;color:#666;font-size:12px;line-height:1.35}

.mpg-mrs__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.mpg-mrs__export{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.mpg-mrs__btn{padding:12px;border:0;border-radius:12px;cursor:pointer;background:#111;color:#fff;font-weight:600}
.mpg-mrs__btn--lite{background:#f3f3f3;color:#111;border:1px solid #ddd}
.mpg-mrs__msg{margin-top:10px;font-size:13px;color:#444}

.mpg-mrs__progress{margin-top:12px}
.mpg-mrs__progressbar{border:1px solid #ddd;border-radius:999px;overflow:hidden;height:12px;background:#fff}
.mpg-mrs__progressfill{height:12px;background:#111;width:0}
.mpg-mrs__progresstext{margin-top:6px;font-size:12px;color:#666}

.mpg-mrs__adv{margin-top:10px;border-top:1px dashed #ddd;padding-top:10px}
.mpg-mrs__advgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mpg-w{border:1px solid #eee;border-radius:12px;padding:10px}
.mpg-w__name{font-size:13px;color:#333;margin-bottom:6px}
.mpg-w__row{display:grid;grid-template-columns:1fr 68px;gap:10px;align-items:center}
.mpg-w__row input[type="range"]{width:100%}
.mpg-w__val{font-size:13px;text-align:right;color:#333}

.mpg-mrs__questions{display:grid;gap:12px}
.mpg-q{border:1px solid #eee;border-radius:12px;padding:12px}
.mpg-q__top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.mpg-q__domain{font-size:12px;color:#666}
.mpg-q__badge{font-size:11px;border:1px solid #ddd;border-radius:999px;padding:2px 8px;color:#555}
.mpg-q__text{margin:8px 0 10px;font-size:14px;line-height:1.4}
.mpg-q__scale{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.mpg-q__opt{border:1px solid #ddd;border-radius:10px;padding:10px;text-align:center;cursor:pointer;user-select:none}
.mpg-q__opt input{display:none}
.mpg-q__opt.is-on{border-color:#111;background:#111;color:#fff}

.mpg-mrs__result{margin-top:14px}
.mpg-mrs__scorebox{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px;align-items:stretch}
.mpg-mrs__label{font-size:12px;color:#666}
.mpg-mrs__score,.mpg-mrs__level,.mpg-mrs__path{font-size:22px;font-weight:800;margin-top:4px}

.mpg-mrs__split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
.mpg-mrs__bars{display:grid;gap:10px}
.mpg-bar{display:grid;grid-template-columns:170px 1fr 60px;gap:10px;align-items:center}
.mpg-bar__name{font-size:13px;color:#333}
.mpg-bar__track{border:1px solid #ddd;border-radius:999px;overflow:hidden;height:12px}
.mpg-bar__fill{height:12px;background:#111;width:0}
.mpg-bar__val{font-size:13px;color:#333;text-align:right}

.mpg-mrs__blockers{border:1px solid #eee;border-radius:12px;padding:12px;color:#222}
.mpg-mrs__blockers ul{margin:6px 0 0 18px}
.mpg-mrs__blockers .ok{color:#1a7f37}

.mpg-mrs__reco{margin-top:12px;border-top:1px solid #eee;padding-top:12px;color:#222;line-height:1.45}
.mpg-mrs__reco ul{margin:8px 0 0 18px}

.mpg-mrs__tablewrap{margin-top:12px;overflow:auto;border:1px solid #ddd;border-radius:12px}
.mpg-mrs__table{width:100%;border-collapse:collapse;min-width:900px}
.mpg-mrs__table th,.mpg-mrs__table td{padding:10px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}
.mpg-mrs__table td:nth-child(3), .mpg-mrs__table th:nth-child(3),
.mpg-mrs__table td:nth-child(4), .mpg-mrs__table th:nth-child(4){text-align:right}
.mpg-mrs__table td:nth-child(5), .mpg-mrs__table th:nth-child(5){text-align:center}

@media (max-width:900px){
  .mpg-mrs__grid{grid-template-columns:1fr}
  .mpg-mrs__split{grid-template-columns:1fr}
  .mpg-mrs__advgrid{grid-template-columns:1fr}
}

.mpg-q__opt div{font-size:12px;line-height:1.1}