/* =========================================================
   materi/style.css — HANYA untuk halaman materi/index.html
   ========================================================= */

.materi-card{
  background:var(--panel-solid); border:1px solid var(--line); border-radius:var(--radius);
  padding:22px;
}
.materi-card .num{ font-family:var(--font-mono); color:var(--accent); font-size:.78rem; }
.materi-card h3{ font-size:1.05rem; margin:8px 0 6px; }
.materi-card p{ font-size:.88rem; margin-bottom:0; }

.lks-banner{
  background:linear-gradient(135deg,#152a26,#101c2c);
  border:1px solid var(--accent-dim);
  border-radius:14px; padding:28px; margin-bottom:32px;
  display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap;
}
.lks-banner h3{ margin:0 0 6px; }
.lks-banner p{ margin:0; max-width:52ch; }

.lks-list{ list-style:none; margin:0; padding:0; }
.lks-list li{
  display:flex; gap:12px; padding:14px 0; border-bottom:1px solid var(--line);
}
.lks-list li:last-child{ border-bottom:none; }
.lks-list .yr{
  font-family:var(--font-mono); color:var(--accent-2); font-weight:600; flex-shrink:0; width:56px;
}