.s-cc__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-5); margin-top: var(--space-6); }
.s-cc__grid .card h3 { font: 600 14px var(--font-sans); color: var(--fg-3); margin: 0 0 4px; }
.s-cc__grid .card p { margin: 0; font-size: 16px; color: var(--fg-1); }
@media (max-width: 1024px) { .s-cc__grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 720px)  { .s-cc__grid { grid-template-columns: 1fr; } }

.s-cc__note {
  margin-top: var(--space-5);
  max-width: 68ch;
  font-size: 13px;
  line-height: 1.6;
  color: var(--fg-3);
}
.s-cc__note a { color: inherit; text-decoration: underline; }