.mobility-result-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; margin:1rem 0; }
.mobility-result-grid span { display:flex; min-width:0; flex-direction:column; gap:.18rem; padding:.78rem; border:1px solid rgba(11,45,38,.14); border-radius:14px; background:rgba(255,255,255,.72); color:#48625b; font-size:.78rem; }
.mobility-result-grid b { overflow-wrap:anywhere; color:#0b2d26; font-size:1rem; }
.mobility-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.mobility-columns fieldset { min-width:0; margin:0; padding:1rem; border:1px solid rgba(11,45,38,.14); border-radius:18px; background:#fbfdfc; }
.mobility-columns legend { padding:0 .35rem; color:#0b2d26; font-weight:800; }
.mobility-practice { margin:2.6rem 0; padding:clamp(1.1rem,3vw,1.8rem); border:1px solid rgba(11,45,38,.15); border-radius:24px; background:linear-gradient(145deg,#eef8fb,#fff8e5); box-shadow:0 18px 50px rgba(11,45,38,.07); }
.mobility-practice-head,.mobility-slider>span { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.mobility-practice-head h2 { margin:.15rem 0 .55rem; }
.mobility-practice-badge { flex:0 0 auto; padding:.55rem .8rem; border-radius:999px; background:#0b2d26; color:#fff; font-weight:800; }
.mobility-slider { display:grid; gap:.7rem; margin:1.2rem 0; }
.mobility-slider output { color:#0b2d26; font-weight:800; }
.mobility-slider input[type="range"] { width:100%; accent-color:#2d8b74; }
@media (max-width:680px) { .mobility-result-grid,.mobility-columns { grid-template-columns:1fr; } .mobility-practice-head { align-items:flex-start; flex-direction:column; } }