/* File: /plugin/npl/lecture/style.list.css */
.lecture-list-wrap{max-width:1200px;margin:0 auto;padding:24px}
.lecture-list-header{display:flex;gap:16px;justify-content:space-between;align-items:flex-end;margin-bottom:16px;flex-wrap:wrap}
.lecture-list-header .title{font-size:28px;margin:0}
.lecture-list-header .meta{color:#666;margin:4px 0 0}
.search-sort{display:flex;gap:10px;align-items:center}
.search-box{display:flex;border:1px solid #ddd;border-radius:8px;overflow:hidden}
.search-box input{border:0;padding:10px 12px;min-width:240px;outline:none}
.search-box button{border:0;background:#111;color:#fff;padding:0 14px;cursor:pointer}
.sort-box select{padding:9px 12px;border:1px solid #ddd;border-radius:8px;background:#fff}

.empty{padding:60px 0;text-align:center;color:#777}

.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:768px){.card-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.card-grid{grid-template-columns:1fr}}

.card{display:flex;flex-direction:column;border:1px solid #eee;border-radius:14px;overflow:hidden;background:#fff;text-decoration:none;color:inherit;transition:.2s box-shadow}
.card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08)}
.card .thumb{position:relative;aspect-ratio:16/9;background:#f5f5f5;overflow:hidden}
.card .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.badge{position:absolute;padding:4px 8px;border-radius:999px;font-size:12px;color:#fff}
.badge.new{background:#2f6;}
.badge.hot{left:auto;right:10px;background:#f55}
.card .body{padding:12px 14px}
.card .cat{font-size:12px;color:#888;margin-bottom:4px}
.card .title{font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .subtitle{margin-top:4px;font-size:13px;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .meta2{margin-top:8px;font-size:12px;color:#555}
.card .meta2 .dot{margin:0 6px;color:#ccc}
.card .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-top:1px solid #eee}
.card .price{font-weight:800}
.card .price .won{font-size:12px;margin-left:2px;color:#777}
.card .price .free{font-weight:800;color:#1a73e8}
.card .stats{font-size:12px;color:#777}

.pagination{display:flex;gap:6px;justify-content:center;margin:24px 0 8px}
.pagination .pg{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border:1px solid #ddd;border-radius:8px;text-decoration:none;color:#222;background:#fff}
.pagination .pg.current{background:#111;color:#fff;border-color:#111}
.pagination .pg.more{border:0;background:transparent;color:#888}
.pagination .pg.prev,.pagination .pg.next{font-weight:600}


.lecture-list { display:flex; flex-direction:column; gap:20px; }
.lecture-item {
  display:flex; gap:16px; padding:16px; border:1px solid #eee; border-radius:12px;
  background:#fff; align-items:flex-start;
}
.lecture-item .thumb { flex:0 0 220px; }
.lecture-item .thumb img { width:220px; height:140px; object-fit:cover; border-radius:8px; }
.lecture-item .info { flex:1; display:flex; flex-direction:column; gap:6px; }
.lecture-item .info .cat { font-size:13px; color:#888; }
.lecture-item .info .title { font-size:18px; font-weight:700; }
.lecture-item .info .desc { font-size:14px; color:#666; }
.lecture-item .info .meta { font-size:13px; color:#999; }
.lecture-item .info .price { margin-top:4px; font-weight:700; color:#e22; }
.lecture-item .info .price .free { color:#2a7; }
.lecture-item .actions { display:flex; flex-direction:column; gap:8px; }
.lecture-item .actions button,
.lecture-item .actions .btn {
  padding:6px 12px; border:1px solid #ddd; border-radius:6px;
  background:#fafafa; cursor:pointer; font-size:13px;
}
.lecture-item .actions .btn { background:#111; color:#fff; border-color:#111; text-align:center; }