.cost-card>.eyebrow{margin-bottom:12px}
.cost-breakdown{display:grid;gap:14px}
.cost-group{overflow:hidden;border:1px solid #dfe7f2;border-radius:14px;background:#fff}
.cost-group-head{min-height:48px;padding:11px 14px;background:#f5f8fc;display:flex;align-items:center;justify-content:space-between;gap:14px}
.cost-group-head h3{margin:0;font-size:15px}
.cost-group-head b{color:var(--brand);font-size:15px}
.cost-row{padding:13px 14px;border-top:1px solid #e7edf4;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px}
.cost-row>div{min-width:0}
.cost-row b,.cost-row small,.cost-row span{display:block}
.cost-row b{font-size:14px}
.cost-row small{margin-top:2px;color:#52617a;font-size:11px;font-weight:800}
.cost-row span{margin-top:5px;color:#718099;font-size:11px;font-weight:700}
.cost-row>strong{color:var(--brand-dark);font-size:17px;white-space:nowrap}
.cost-summary{margin-top:16px;padding-top:11px;border-top:2px solid #dfe7f2}
.cost-summary>div{padding:5px 1px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#596981;font-size:12px}
.cost-summary>div>b{color:var(--brand-dark)}
.cost-summary .cost-grand-total{margin-top:7px;padding:15px 14px;border-radius:14px;background:color-mix(in srgb,var(--brand) 8%,white);align-items:flex-end}
.cost-grand-total span small,.cost-grand-total span b{display:block}
.cost-grand-total span small{font-size:12px}
.cost-grand-total span b{margin-top:2px;color:var(--brand-dark);font-size:13px}
.cost-grand-total strong{color:var(--brand);font-size:27px;line-height:1;white-space:nowrap}
@media(max-width:620px){.cost-row{grid-template-columns:1fr;gap:8px}.cost-row>strong{font-size:16px}.cost-grand-total strong{font-size:23px}}