.clippie-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:24px;margin:28px 0}.clippie-grid--3{grid-template-columns:repeat(3,1fr)}.clippie-tile,.clippie-lesson-card,.clippie-mini{display:flex;overflow:hidden;background:#fff;border-radius:28px;box-shadow:0 15px 36px rgba(0,63,95,.15);color:#092942;transition:.2s transform,.2s box-shadow}.clippie-tile{flex-direction:column;border:5px solid var(--tile)}.clippie-tile:hover,.clippie-lesson-card:hover,.clippie-mini:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(0,63,95,.22);text-decoration:none}.clippie-tile img{width:100%;height:310px;object-fit:contain;object-position:center bottom;background:linear-gradient(#fff0,#eefaff)}.clippie-tile__body{padding:18px 24px 24px;background:var(--tile)}.clippie-tile__body h2{margin:0;font-size:2rem}.clippie-tile__body p{margin:.25em 0}.clippie-tile__body span{font-weight:900}.clippie-mini{padding:22px;align-items:center;gap:12px}.clippie-mini strong{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#006338;color:#fff}.clippie-lesson-card{flex-direction:column}.clippie-lesson-card img{height:230px;object-fit:contain;background:#fff}.clippie-lesson-card div{padding:18px}.clippie-lesson-card h3{margin:0 0 8px}.clippie-filters{display:flex;gap:20px;flex-wrap:wrap;background:#fff;padding:18px;border-radius:18px}.clippie-filters label{font-weight:800}.clippie-filters select{display:block;min-width:210px;padding:10px;margin-top:5px;border:2px solid #73b5e0;border-radius:12px}.clippie-lead{font-size:1.25rem;font-weight:700}.clippie-sublessons{display:grid;gap:12px;padding:0;list-style:none}.clippie-sublessons a{display:flex;align-items:center;gap:14px;padding:16px;background:#fff;border-radius:16px;box-shadow:0 7px 20px rgba(0,60,80,.1)}.clippie-sublessons span{display:grid;place-items:center;background:#73b5e0;border-radius:50%;width:38px;height:38px;font-weight:900}.clippie-report-form label{display:block;margin:8px 0}.clippie-report-form input[type=text],.clippie-report-form input[name=class_name]{width:100%;max-width:500px;padding:10px}.clippie-report{background:#fff;padding:30px;border:14px solid #a3d963;border-radius:30px}@media(max-width:800px){.clippie-grid--3{grid-template-columns:1fr}.clippie-tile img{height:260px}}