/* KompikFiles stage 4 – readable mobile tariff cards and bandwidth meters */
.km4-head,.km4-plan-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.km4-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:16px 0}
.km4-stat{border:1px solid #d8e6da;background:#f8fcf7;border-radius:14px;padding:15px;min-width:0}
.km4-stat span{color:#5c705f;font-size:13px;display:block;margin-bottom:7px}
.km4-stat strong{color:#244f36;font-size:21px;overflow-wrap:anywhere}
.km4-meter{margin:19px 0}.km4-meter>div:first-child{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:7px;font-size:14px}
.km4-track{height:12px;border-radius:999px;background:#dbe7dc;overflow:hidden}.km4-track>div{height:100%;background:#3c9c65;border-radius:999px}
.km4-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:18px;align-items:stretch}
.km4-plan{min-width:0}.km4-plan h2{margin:0}.km4-plan-quota{font-size:32px;font-weight:800;color:#236341;margin-top:12px}
.km4-plan dl{margin:17px 0 0}.km4-plan dl>div{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;border-top:1px solid #e3ede3;padding:10px 0}
.km4-plan dt{color:#53645a}.km4-plan dd{margin:0;text-align:right;font-weight:700;color:#255038}
.km4-tag{border-radius:999px;background:#e0f4e0;color:#23633a;padding:6px 9px;font-size:12px;font-weight:800}
@media(max-width:650px){.km4-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.km4-stat{padding:11px}.km4-stat strong{font-size:17px}.km4-plan-quota{font-size:27px}}