/* ===== Step 2: Real Lecture Preview ===== */
.real-lecture-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.real-lecture-card{
  padding:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.real-lecture-thumb{
  position:relative;
  height:160px;
  background:#edf3ff;
  overflow:hidden;
}
.real-lecture-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.lecture-thumb-placeholder{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  font-size:48px;
  background:linear-gradient(135deg,#edf3ff,#fff6cf);
}
.lecture-badge-wrap{
  position:absolute;
  left:12px;
  top:12px;
}
.real-lecture-body{
  padding:17px;
  display:flex;
  flex-direction:column;
  flex:1;
}
.real-lecture-body h3{
  margin:0 0 10px;
  font-size:17px;
  line-height:1.42;
}
.real-lecture-meta{
  display:flex;
  flex-wrap:wrap;
  gap:5px 8px;
  color:var(--muted);
  font-size:12px;
  margin-bottom:10px;
}
.lecture-coins{
  display:inline-flex;
  align-self:flex-start;
  background:#fff5cc;
  color:#8b6500;
  border-radius:999px;
  padding:5px 9px;
  font-size:12px;
  font-weight:700;
  margin-bottom:10px;
}
.real-lecture-card .open-app{
  margin-top:auto;
  width:100%;
}
.lecture-security-note{
  margin-top:17px;
  padding:13px 16px;
  border-radius:13px;
  background:#eef5ff;
  color:#36537e;
  border:1px solid #d5e4fb;
  font-size:13px;
}
@media(max-width:1050px){
  .real-lecture-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .real-lecture-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
  .real-lecture-grid{grid-template-columns:1fr}
}