.problem-learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.problem-learning-card{min-width:0;overflow:hidden;background:var(--problem-paper);border:1px solid var(--problem-line);border-radius:2px;color:var(--problem-ink);text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease}.problem-learning-card:hover{border-color:var(--problem-cyan-dark);box-shadow:0 3px 10px color-mix(in srgb,var(--problem-ink) 6%,transparent)}.problem-learning-card:focus-visible{outline:3px solid var(--problem-cyan);outline-offset:4px}.problem-learning-card-image{aspect-ratio:16/10;background:var(--problem-image-placeholder)}.problem-learning-card-image img{width:100%;height:100%;object-fit:cover}.problem-learning-image-placeholder{display:grid;width:100%;height:100%;min-height:inherit;place-items:center;color:var(--problem-muted);font-size:12px;letter-spacing:.15em}.problem-learning-card-content{padding:18px 19px 21px}.problem-learning-card-topic{color:var(--problem-cyan-dark);font-size:11px;font-weight:700}.problem-learning-card h3{margin-top:8px;font-size:16px;font-weight:700;line-height:1.65}.problem-learning-card-summary{margin-top:10px;color:var(--problem-muted);font-size:13px;line-height:1.85}.problem-learning-card time{display:block;margin-top:16px;color:var(--problem-muted);font-size:11px}@media (max-width:1023px){.problem-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.problem-learning-grid{grid-template-columns:minmax(0,1fr);gap:20px}.problem-learning-card-content{padding:16px 18px 18px}}@media (prefers-reduced-motion:reduce){.problem-learning-card{transition:none}}