.kl-public-courses{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;max-width:1100px;margin:auto}.kl-public-course{max-width:520px;width:100%;justify-self:center;overflow:hidden;border:1px solid var(--kids-line,#dae4d1);border-bottom-width:5px;border-radius:28px;background:var(--kids-paper,#fff);box-shadow:0 12px 30px #354a2010;transition:transform .25s,box-shadow .25s}.kl-public-course-image{position:relative;display:grid;place-items:center;aspect-ratio:16/9;padding:14px;background:linear-gradient(135deg,#eef5e4,#f8f3e5);border-bottom:1px solid var(--kids-line,#dae4d1)}.kl-public-course-image img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;border-radius:17px}.kl-public-course-image>svg{width:80px;height:80px;color:#799a4e}.kl-public-course-free{position:absolute;top:18px;inset-inline-start:18px;border:1px solid #cfdfbc;border-radius:12px;background:#f0f6e8;color:#42642a;padding:5px 12px;font-size:13px;font-weight:600;box-shadow:0 3px 0 #dbe6d0}.kl-public-course-body{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:24px;text-align:start}.kl-public-course-body h3{margin:0;color:var(--kids-navy,#142449);font-size:23px;line-height:1.6;overflow-wrap:anywhere}.kl-public-course-age{margin:0;color:var(--kids-muted,#61785a);font-size:14px}.kl-public-course-summary{margin:0;color:var(--kids-muted,#61785a);line-height:1.9;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}.kl-public-course-body .kids-button{width:100%;margin-top:8px}.kl-public-courses-note{text-align:center;margin:24px 0 0;color:var(--kids-muted,#61785a);line-height:1.9}.kl-public-courses-pages{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}html[data-kids-theme=dark] .kl-public-course-image{background:linear-gradient(135deg,#243d34,#283b40)}html[data-kids-theme=dark] .kl-public-course-free{background:#2d4535;color:#d8e9bd;border-color:#536d46;box-shadow:0 3px 0 #1e3528}@media(hover:hover) and (prefers-reduced-motion:no-preference){.kl-public-course:hover{transform:translateY(-5px);box-shadow:0 18px 32px #354a2020}}@media(max-width:600px){.kl-public-courses{gap:18px}.kl-public-course{border-radius:22px}.kl-public-course-body{padding:18px}.kl-public-course-body h3{font-size:21px}}@media(prefers-reduced-motion:reduce){.kl-public-course{transition:none}}
