.credit-cards{grid-column:1/-1;min-width:0;width:100%;display:grid;gap:18px}.credit-intro{margin:0;line-height:1.6;color:var(--muted)}.credit-card{min-width:0;margin:0;padding:18px;border:0;border-radius:22px;background:color-mix(in srgb,var(--accent) 7%,transparent);box-shadow:0 5px 22px #0000000b}.credit-card legend{font-size:19px;font-weight:700;padding:0 8px}.credit-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}.credit-chip{color:var(--accent);font-size:26px}.credit-card-top button{padding:7px 12px;border-radius:12px;min-height:40px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text)}.credit-card-hint{font-size:16px;color:var(--muted)}.credit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.credit-grid label{min-width:0;font-size:16px}.credit-grid input{width:100%;min-width:0;font-size:17px}.credit-pay{grid-column:1/-1}.credit-add{width:100%;min-height:48px}.credit-summary{margin-top:20px}.credit-totals{display:grid;grid-template-columns:1fr 1fr;gap:16px}.credit-totals div{display:grid;gap:7px;min-width:0}.credit-totals span{font-size:16px;color:var(--muted)}.credit-totals strong{font-size:clamp(18px,2.3vw,26px);overflow-wrap:anywhere}.credit-summary h3{font-size:19px;margin:24px 0 12px}.credit-payoff{padding:16px;margin:10px 0;border-radius:16px;background:color-mix(in srgb,var(--accent) 6%,transparent);display:grid;grid-template-columns:1fr auto;gap:7px 14px}.credit-payoff h4{margin:0;font-size:16px;overflow-wrap:anywhere}.credit-payoff>strong{font-size:16px;color:var(--accent);white-space:nowrap}.credit-payoff p,.credit-payoff small{grid-column:1/-1;margin:0;font-size:16px;line-height:1.5;color:var(--muted)}@media(max-width:420px){.credit-grid{grid-template-columns:1fr}.credit-pay{grid-column:auto}.credit-card{padding:14px}.credit-totals{grid-template-columns:1fr}.credit-payoff{grid-template-columns:1fr}.credit-payoff>strong{white-space:normal}}