/* Estendre la roba · v1.0.1 compacta */
.mter{min-width:0;scroll-margin-top:100px;padding:20px 24px}
.mter .panel-heading__icon svg{width:34px;height:28px}
.mter .panel-heading__copy{min-width:0}
.mter .panel-heading{flex-wrap:wrap;margin-bottom:14px}
.mter-result{border:1px solid #dbe6ea;border-left:5px solid #89a4ae;background:#f3f7f9;border-radius:14px;padding:14px 18px;margin:0 0 9px}
.mter-result[data-state=excellent],.mter-result[data-state=good]{background:#edf8f0;border-color:#c9e5d1;border-left-color:#3c9560;color:#215c37}
.mter-result[data-state=fair],.mter-result[data-state=slow]{background:#fff8e9;border-color:#efdfb8;border-left-color:#c59b38;color:#775816}
.mter-result[data-state=discouraged]{background:#fff1f0;border-color:#edcfca;border-left-color:#c7655a;color:#873d34}
.mter-state{display:block;font-size:clamp(1.25rem,3vw,1.55rem);line-height:1.25}
.mter-explanation{font-size:1rem;line-height:1.45;margin:5px 0 0}
.mter-limitation{font-size:.88rem;line-height:1.4;margin:6px 0 0}
.mter-footer{font-size:.8rem;line-height:1.4;color:#58717b}
.mter [hidden]{display:none!important}
.mter button:focus-visible{outline:3px solid #2986b1;outline-offset:3px}
@media(max-width:600px){.mter{padding:16px}.mter-result{padding:12px 14px}.mter-explanation{font-size:.95rem}.mter .panel-heading{gap:10px;margin-bottom:12px}.mter .panel-heading__copy{flex:1 1 180px}.mter .panel-action{margin-left:auto}}