.public-open-lessons{grid-area:lessons;gap:16px;margin-top:12px;display:grid}.public-open-lessons>header{gap:4px;display:grid}.public-open-lessons h2{font:400 clamp(26px, 4vw, 34px) / 1.1 var(--font-display);color:var(--ink);margin:0}.public-open-lessons-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.public-open-lessons-grid>li{display:flex}.public-open-lesson{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:18px;grid-template-rows:auto auto auto auto 1fr;gap:14px;padding:18px 18px 0;text-decoration:none;transition:box-shadow .2s,transform .2s,border-color .2s;display:grid;overflow:hidden}.public-open-lesson:hover,.public-open-lesson:focus-visible{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 12px 30px #0c0c0c1f}.public-open-lesson:focus-visible{outline:2px solid var(--action);outline-offset:3px}.public-open-lesson-tags{flex-wrap:wrap;gap:6px;display:flex}.public-open-lesson-title{align-items:center;gap:14px;display:flex}.public-open-lesson-title>span:last-child{gap:2px;min-width:0;display:grid}.public-open-lesson-title small{color:var(--muted);font-size:13px}.public-open-lesson-title strong{font:700 16px / 1.25 var(--font-action);letter-spacing:.02em;text-transform:uppercase;overflow-wrap:anywhere}.public-open-lesson-facts{flex-wrap:wrap;gap:8px 18px;font-size:14px;display:flex}.public-open-lesson-facts>span{align-items:center;gap:6px;display:inline-flex}.public-open-lesson-facts svg{color:var(--accent)}.public-open-lesson-seats{align-items:center;gap:4px;display:flex}.public-open-lesson-seats i{border:1px dashed var(--accent);width:30px;height:30px;color:var(--accent);border-radius:50%;place-items:center;font-style:normal;display:grid}.public-open-lesson-seats i+i{margin-left:-8px}.public-open-lesson-seats i[data-taken]{border-style:solid;border-color:var(--surface);background:var(--accent)}.public-open-lesson-seats small{color:var(--muted);margin-left:8px;font-size:13px}.public-open-lesson-foot{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-self:end;margin:0 -18px;display:grid}@media (prefers-reduced-motion:reduce){.public-open-lesson{transition:none}.public-open-lesson:hover{transform:none}}
