/* ===============================
   QUIZ LIST SECTION
================================ */

.quiz-list-section{
  background:#ffffff;
  border:1px solid #cfe3c3;
  border-radius:18px;
  padding:26px 28px;
}

/* HEADER */

.quiz-list-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  
    display:flex;
  justify-content:space-between;
  align-items:center;
  background:linear-gradient(90deg,var(--dark-green),var(--primary-green));
  color:#fff;
  padding:18px;
  border-radius:12px;
}

.quiz-list-header h2{
  font-size:24px;
  color:#fff;
  font-weight:900;
}

.quiz-subtitle{
  font-size:13.5px;
  color:#fff;
  font-weight:600;
  margin-top:6px;
}

/* OLD QUIZ BUTTON — MATCH ARTICLE PAGE */

.old-quiz-btn{
  background:#eaf6e3;
  color:#1f5e0b;
  border:1px solid #bfe3b1;
  padding:10px 18px;
  border-radius:12px;
  font-weight:800;
  cursor:pointer;
  transition:.25s ease;
}

.old-quiz-btn:hover{
  background:#dff0d4;
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(47,125,24,.18);
}

/* ===============================
   QUIZ ROW
================================ */

.quiz-row{
  display:flex;
  align-items:center;
  gap:20px;
  padding:18px 18px;
  border-radius:16px;
      border: 1px solid rgba(83, 141, 34, 0.22);
  /* margin-bottom:16px; */
  transition:.25s ease;
  background:#fff;
}

.quiz-row:hover{
  background:#f3faec;
  border-color:#9fd39a;
  box-shadow:0 10px 26px rgba(47,93,30,0.10);
}

/* DATE BADGE */

.quiz-date{
  width:62px;
  min-width:62px;
  height:68px;
  background:linear-gradient(135deg,#1e3a14,#3f7d23);
  border-radius:14px;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 22px rgba(63,125,35,.35);
}

.quiz-date .day{
  font-size:22px;
  font-weight:900;
  line-height:1;
}

.quiz-date .month{
  font-size:12px;
  letter-spacing:.8px;
  opacity:.9;
}

/* INFO */

.quiz-info{
  flex:1;
}

.quiz-info h4{
  font-size:17px;
  color:#1f3d12;
  margin-bottom:6px;
  font-weight:900;
}

.quiz-info p{
  font-size:13px;
  color:#3f7d23;
  font-weight:600;
}

/* TAGS — MATCH ARTICLE CHIP STYLE */

.quiz-tags{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 6px;
    margin: 10px 0 12px;
}

.quiz-tags span{
     background: #ecfdf5;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 12px;
    color: #15803d;
    font-weight: 700;
    border: 1px solid #bbf7d0;;
}

/* START QUIZ BUTTON — SAME FAMILY AS DOWNLOAD / OPEN */

/* START QUIZ — SOFT THEME BUTTON */

.quiz-btn{
  background:#eaf7e2;
  color:#1f5e0b;
  padding:10px 18px;
  border-radius:8px;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
  border:1px solid #bfe3b1;
  transition:.25s ease;
  white-space:nowrap;
  display:flex;
  align-items:center;
  gap:8px;
}

.quiz-btn i{
  transition:transform .25s ease;
  font-size:12px;
}

.quiz-btn:hover{
  background:#2f7d18;
  color:#fff;
  border-color:#2f7d18;
  box-shadow:0 8px 20px rgba(47,125,24,.35);
  transform:translateY(-1px);
}

.quiz-btn:hover i{
  transform:translateX(4px);
}


/* MOBILE */
@media (max-width:900px) {
    .quiz-info{}
    .quiz-list-section{
        width: 100%;
        padding:10px;
    }
     .quiz-row{
    flex-direction:column;
    
  }
}