/* Kompatibilitas — gaya utility layout LAMA. Halaman katalog/blog/bundle/ebook/
   akun sudah di-reskin (TL2–TL4); file ini MASIH dipakai halaman di luar scope
   plan tema: instructor/*, forum, live class, welcome. Hapus setelah halaman
   tersebut ikut di-reskin. Dimuat SETELAH css tema; hanya class konten. */
:root { --blue:#2563eb; --ink:#111827; --muted:#6b7280; --line:#e5e7eb; --bg:#f9fafb; }
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:18px; }
.card { background:#fff; border:1px solid var(--line); border-radius:12px; overflow:hidden; transition:.15s; }
.card:hover { box-shadow:0 6px 20px rgba(0,0,0,.07); transform:translateY(-2px); }
.thumb { height:130px; background:linear-gradient(135deg,#dbeafe,#eff6ff); display:flex; align-items:center; justify-content:center; color:var(--blue); font-size:13px; }
.card-body { padding:14px; } .card h3 { font-size:15px; margin:0 0 6px; line-height:1.35; }
.meta { color:var(--muted); font-size:12px; display:flex; gap:8px; flex-wrap:wrap; }
.price { font-weight:700; margin-top:8px; } .free { color:#059669; }
.chips { display:flex; gap:8px; flex-wrap:wrap; margin:18px 0; }
.chip { background:#fff; border:1px solid var(--line); border-radius:999px; padding:6px 12px; font-size:13px; }
.section { background:#fff; border:1px solid var(--line); border-radius:10px; margin-bottom:10px; }
.section-h { padding:12px 16px; font-weight:600; border-bottom:1px solid var(--line); }
.lesson { padding:10px 16px; display:flex; justify-content:space-between; border-bottom:1px solid #f3f4f6; font-size:14px; }
.lesson:last-child { border-bottom:0; }
.badge { font-size:11px; background:#ecfdf5; color:#059669; padding:2px 8px; border-radius:999px; }
.pag { display:flex; gap:6px; margin:24px 0; } .pag a,.pag span { padding:6px 10px; border:1px solid var(--line); border-radius:8px; background:#fff; font-size:13px; }