/* V184 — compact, course-store inspired Mock Test Portal outer layout.
   Styling only: preserves existing markup, routes, handlers and test logic. */
.mock-course-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
.mock-course-grid>.mock-course-card,
.mock-course-grid .mock-course-card{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  padding:16px!important;
  border:1px solid #dfe7f0!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 5px 18px rgba(18,42,72,.06)!important;
  overflow:hidden!important;
}
.mock-course-card h3,.mock-course-card h4,.mock-course-card .course-title{
  font-size:15px!important;line-height:1.35!important;font-weight:750!important;
  margin:0 0 8px!important;overflow-wrap:anywhere!important;
}
.mock-course-card p,.mock-course-card small,.mock-course-card .muted{
  font-size:12px!important;line-height:1.45!important;
}
.mock-course-card .folder-icon,.mock-course-card .course-icon,.mock-course-card .icon{
  width:42px!important;height:42px!important;min-width:42px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:12px!important;font-size:21px!important;margin:0 0 10px!important;
}
.mock-course-card .btn,.mock-course-card button{
  min-height:38px!important;padding:9px 12px!important;border-radius:9px!important;
  font-size:12px!important;max-width:100%!important;
}
.mock-course-grid .mock-subject-list{gap:7px!important;margin-top:10px!important}
.mock-course-grid .mock-subject-row{padding:9px 10px!important;border-radius:9px!important;min-width:0!important}
.mock-course-grid .mock-subject-row>*{min-width:0!important;overflow-wrap:anywhere!important}
/* Reduce oversized outer hero/header only in Mock Test views. */
.mock-brand-hero,.mock-hero,.student-test-hero{
  padding:20px 22px!important;border-radius:16px!important;margin-bottom:16px!important;
}
.mock-brand-hero h1,.mock-brand-hero h2,.mock-hero h1,.mock-hero h2,.student-test-hero h1,.student-test-hero h2{
  font-size:clamp(20px,2vw,28px)!important;line-height:1.2!important;margin:0 0 6px!important;
}
@media(max-width:1050px){
  .mock-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
}
@media(max-width:620px){
  .mock-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .mock-course-grid>.mock-course-card,.mock-course-grid .mock-course-card{padding:11px!important;border-radius:13px!important}
  .mock-course-card h3,.mock-course-card h4,.mock-course-card .course-title{font-size:13px!important;line-height:1.3!important}
  .mock-course-card p,.mock-course-card small,.mock-course-card .muted{font-size:11px!important}
  .mock-course-card .folder-icon,.mock-course-card .course-icon,.mock-course-card .icon{width:34px!important;height:34px!important;min-width:34px!important;font-size:18px!important}
  .mock-course-card .btn,.mock-course-card button{font-size:11px!important;padding:8px!important;white-space:normal!important}
  .mock-brand-hero,.mock-hero,.student-test-hero{padding:16px!important;margin-bottom:12px!important}
  .mock-brand-hero h1,.mock-brand-hero h2,.mock-hero h1,.mock-hero h2,.student-test-hero h1,.student-test-hero h2{font-size:20px!important}
}
@media(max-width:360px){.mock-course-grid{grid-template-columns:1fr!important}}