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

.quiz-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:20px;
}

.quiz-card{
  background:rgba(255,255,255,0.03);
  border:1px solid var(--line);
  border-radius:14px;
  padding:20px;
  display:flex;
  flex-direction:column;
}

.quiz-card-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:10px;
}

.quiz-cat{
  font-family:var(--font-mono);
  font-size:.72rem;
  color:var(--accent);
  border:1px solid var(--accent);
  border-radius:999px;
  padding:2px 10px;
}

.quiz-count{
  font-family:var(--font-mono);
  font-size:.72rem;
  color:var(--text-faint);
}

.quiz-title{
  font-family:'Space Grotesk',sans-serif;
  font-size:1.15rem;
  margin:0 0 6px;
}

.quiz-desc{
  font-size:.9rem;
  color:var(--text-dim);
  margin:0 0 14px;
}

.quiz-preview{
  list-style:none;
  margin:0 0 16px;
  padding-top:12px;
  border-top:1px dashed var(--line);
}

.quiz-preview li{
  font-size:.85rem;
  color:var(--text-dim);
  padding:5px 0 5px 18px;
  position:relative;
}

.quiz-preview li::before{
  content:"›";
  position:absolute;
  left:0;
  color:var(--accent);
}

.quiz-btn{
  margin-top:auto;
  display:inline-block;
  text-align:center;
  background:var(--accent);
  color:#04211c;
  font-weight:600;
  text-decoration:none;
  padding:10px 16px;
  border-radius:8px;
  font-size:.9rem;
  transition:opacity .15s;
}

.quiz-btn:hover{
  opacity:.85;
}