.lesson-catalog{max-width:1320px;margin:0 auto;padding:42px 28px 76px}
.lesson-catalog>h1{font-family:Georgia,serif;font-weight:500;color:#294b65;font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.08;margin:8px 0 18px}
.lesson-catalog>p:not(.eyebrow){font:1.08rem/1.7 'Segoe UI',sans-serif;color:#426177;max-width:730px;margin:0 0 38px}
.lesson-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lesson-catalog-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #d8e4eb;border-radius:20px;overflow:hidden;text-decoration:none;color:#294b65;box-shadow:0 12px 34px #294b650e;transition:transform .2s ease,box-shadow .2s ease}
.lesson-catalog-card:hover,.lesson-catalog-card:focus-visible{transform:translateY(-3px);box-shadow:0 16px 38px #294b6524}
.lesson-catalog-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#e2edf6}
.lesson-catalog-card>span,.lesson-catalog-card h2,.lesson-catalog-card p,.lesson-catalog-card strong{margin-left:20px;margin-right:20px}
.lesson-catalog-card>span{font:700 .72rem/1.4 'Segoe UI',sans-serif;letter-spacing:.13em;color:#487fa8;margin-top:18px}
.lesson-catalog-card h2{font:500 1.48rem/1.2 Georgia,serif;margin-top:10px;margin-bottom:8px}
.lesson-catalog-card p{font:.88rem/1.5 'Segoe UI',sans-serif;color:#587082;flex:1;margin-top:0;margin-bottom:18px}
.lesson-catalog-card strong{font:700 .84rem 'Segoe UI',sans-serif;color:#294b65;margin-bottom:20px}
@media(max-width:900px){.lesson-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.lesson-catalog{padding:30px 14px 56px}.lesson-catalog-grid{grid-template-columns:1fr;gap:16px}.lesson-catalog-card img{aspect-ratio:16/9}}