/* Exam countdown styles (responsive & ad-ready) */
.exam-countdown-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  align-items: start;
  justify-items: start;
}

.exam-countdown {
  width: 100%;
  max-width: 420px;
  justify-self: start;
  background: linear-gradient(180deg, #ffffff 0%, #fbf9f6 100%);
  border-radius: 12px;
  padding: 18px;
  box-shadow: 0 8px 24px rgba(13,17,23,0.12);
  color: #0d1117;
  font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  margin-top: 0;
}
.exam-header { display:flex; flex-direction:column; gap:6px; margin-bottom:10px; }
.exam-title { font-size:0.75rem; letter-spacing:0.12em; text-transform:uppercase; color:#b0892b; font-weight:700; }
.exam-name { font-size:1.1rem; font-weight:700; color:#1a1f2e; }
.countdown-grid { display:flex; gap:10px; justify-content:space-between; margin-top:8px; }
.time-segment { flex:1; text-align:center; background:rgba(13,17,23,0.02); padding:10px; border-radius:8px; }
.time-num { font-size:1.35rem; font-weight:800; color:#0d1117; }
.time-label { font-size:0.675rem; color:#6b6560; margin-top:6px; letter-spacing:0.06em; text-transform:uppercase; }
.exam-footer { display:flex; justify-content:space-between; align-items:center; margin-top:12px; gap:12px; }
.exam-note { font-size:0.75rem; color:#6b6560; }
.ad-slot { min-width:110px; }
.ad-box { border:1px dashed rgba(13,17,23,0.06); background:linear-gradient(180deg,#fffefc,#fbf7f1); padding:8px 10px; border-radius:6px; text-align:center; color:#8a7b5a; font-weight:600; }

@media (max-width: 768px) {
  .exam-countdown { max-width:100%; margin-top:1rem; padding:14px; }
  .countdown-grid { gap:8px; }
  .time-num { font-size:1.05rem; }
}

@media (max-width: 420px) {
  .countdown-grid { flex-wrap:wrap; }
  .time-segment { flex: 0 0 48%; margin-bottom:8px; }
  .ad-slot { display:none; }
}