.problems__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--color-border); background: var(--color-border); }
.problem { min-height: 12.5rem; padding: clamp(1.4rem,3vw,2rem); background: white; }
.problem__number { margin-bottom: var(--space-8); color: var(--color-accent-700); font-size: var(--font-size-sm); font-weight: 850; }
.problem h3 { margin-bottom: var(--space-3); font-size: 1.15rem; letter-spacing: -.02em; }
.problem p { margin: 0; color: var(--color-muted); font-size: var(--font-size-sm); }
@media (max-width: 800px) { .problems__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .problems__grid { grid-template-columns: 1fr; } .problem { min-height: 0; } .problem__number { margin-bottom: var(--space-4); } }