.cost-summary-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,190px));justify-content:start;gap:9px;margin:14px 0}
.cost-summary-card{position:relative;display:flex;min-height:68px;overflow:hidden;flex-direction:column;justify-content:center;padding:10px 13px 10px 16px;border:1px solid #dbe5ef;border-radius:11px;background:#fff;box-shadow:0 4px 14px rgba(20,42,70,.06)}
.cost-summary-card:before{position:absolute;inset:0 auto 0 0;width:4px;background:#a8b9ca;content:""}
.cost-summary-card small{overflow:hidden;color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.02em;line-height:1.25;text-overflow:ellipsis;text-transform:uppercase}
.cost-summary-card strong{margin-top:4px;color:var(--text);font-size:18px;line-height:1.15}
.cost-summary-card.main{border-color:#b9d5ef;background:linear-gradient(135deg,#edf6ff,#fff)}
.cost-summary-card.main:before{background:var(--primary)}
.cost-summary-card.main strong{color:var(--primary)}
@media(max-width:520px){.cost-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.cost-summary-card{min-height:64px;padding:9px 10px 9px 14px}.cost-summary-card small{font-size:10px}.cost-summary-card strong{font-size:16px;word-break:break-word}}