.ccr-grid{display:grid;grid-template-columns:1fr;gap:20px;margin:24px 0}
@media(min-width:600px){.ccr-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.ccr-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1280px){.ccr-grid{grid-template-columns:repeat(4,1fr)}}
.ccr-card{background:#fff;border:1px solid #dfe5ef;border-top:4px solid #1f8a4c;border-radius:8px;padding:18px 18px 16px;box-shadow:0 2px 8px rgba(13,31,68,.07);color:#0d1f44;text-align:left;display:flex;flex-direction:column;gap:8px;transition:transform .15s,box-shadow .15s}
.ccr-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(13,31,68,.12)}
.ccr-reduced.ccr-card,.ccr-card.ccr-reduced{border-top-color:#c9a227}
.ccr-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.ccr-badge{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:#e3f4ea;color:#17703d}
.ccr-card.ccr-reduced .ccr-badge{background:#fbf3d9;color:#8a6a0c}
.ccr-date{font-size:13px;color:#5a6b8c}
.ccr-charge{font-size:17px;line-height:1.35;margin:4px 0 0;color:#0d1f44;font-weight:700}
.ccr-degree{align-self:flex-start;font-size:12px;background:#eaf0fb;color:#1d4ed8;padding:3px 8px;border-radius:4px}
p.ccr-reduced{margin:4px 0 0;font-size:14px;color:#0d1f44;border-top:1px dashed #dfe5ef;padding-top:8px}
p.ccr-reduced span{font-weight:700;color:#8a6a0c;text-transform:uppercase;font-size:11px;letter-spacing:.05em;margin-right:4px}