/* ===== Step 6.1: Homepage Exam Zone Parent Cards ===== */

.home-exam-zone-section{
  padding-top:34px;
  padding-bottom:34px;
}

.home-exam-parent-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
}

.home-exam-parent-card{
  display:flex;
  flex-direction:column;
  min-height:205px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:19px;
  background:#fff;
  box-shadow:var(--shadow);
  color:inherit;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.home-exam-parent-card:hover{
  transform:translateY(-3px);
  border-color:#a8c3f4;
  box-shadow:0 14px 34px rgba(20,64,135,.12);
}

.home-exam-parent-icon{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:linear-gradient(135deg,#edf3ff,#fff5d0);
  font-size:25px;
  margin-bottom:16px;
}

.home-exam-parent-copy{
  display:block;
}

.home-exam-parent-copy strong{
  display:block;
  font-size:18px;
  line-height:1.3;
  margin-bottom:7px;
}

.home-exam-parent-copy small{
  display:block;
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
}

.home-exam-parent-action{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  margin-top:auto;
  padding:12px 14px;
  border-radius:12px;
  background:linear-gradient(90deg,#1769ed,#064fca);
  color:#fff;
  font-size:14px;
  font-weight:800;
}

@media(max-width:1000px){
  .home-exam-parent-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:580px){
  .home-exam-parent-grid{
    grid-template-columns:1fr;
  }

  .home-exam-parent-card{
    min-height:180px;
  }
}