/* EDUHUNT V2.2.250 R21 — EXAM SYLLABUS RESPONSIVE META CHIPS
   UI ONLY: Principal / Teacher / Student Exam Syllabus cards.
   CDF, FT, CT and GT use the same responsive card layout. */

.exam-syllabus-plan-card--r21{
  padding:18px 20px;
}
.exam-syllabus-card-top{
  display:grid;
  grid-template-columns:minmax(92px,max-content) minmax(0,1fr);
  gap:16px;
  align-items:center;
}
.exam-syllabus-title{
  min-width:0;
}
.exam-syllabus-title .eyebrow{
  margin:0 0 3px;
}
.exam-syllabus-title h3{
  margin:0;
  white-space:nowrap;
}
.exam-syllabus-meta-row{
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:9px;
}
.exam-syllabus-meta-chip{
  min-width:0;
  min-height:50px;
  padding:7px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface-soft);
  color:var(--ink-950);
  display:flex;
  flex-direction:column;
  justify-content:center;
  line-height:1.15;
}
.exam-syllabus-meta-chip>span{
  display:block;
  margin-bottom:4px;
  color:var(--ink-500);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.exam-syllabus-meta-chip>strong{
  display:block;
  min-width:0;
  color:inherit;
  font-size:14px;
  font-weight:850;
  overflow-wrap:anywhere;
}
.exam-syllabus-meta-chip--date{flex:0.85 1 122px}
.exam-syllabus-meta-chip--class{flex:0.75 1 105px}
.exam-syllabus-meta-chip--subject{flex:1 1 145px}
.exam-syllabus-meta-chip--chapter{flex:1.55 1 200px}

/* Old separate portion and source badge are intentionally not used in R21. */
.exam-syllabus-plan-card--r21 .exam-syllabus-portion{display:none!important}

@media (max-width:1024px){
  .exam-syllabus-plan-card--r21{padding:15px}
  .exam-syllabus-meta-chip{
    border-color:var(--ehm-border,var(--line));
    background:var(--ehm-surface-2,var(--surface-soft));
    color:var(--ehm-text,var(--ink-950));
  }
  .exam-syllabus-meta-chip>span{color:var(--ehm-muted,var(--ink-500))}
}

@media (max-width:760px){
  .exam-syllabus-card-top{
    grid-template-columns:1fr;
    gap:10px;
    align-items:start;
  }
  .exam-syllabus-title{display:flex;align-items:baseline;gap:9px}
  .exam-syllabus-title .eyebrow{margin:0}
  .exam-syllabus-meta-row{gap:7px}
  .exam-syllabus-meta-chip{min-height:46px;padding:7px 10px}
  .exam-syllabus-meta-chip--date,
  .exam-syllabus-meta-chip--class{flex:1 1 calc(50% - 4px)}
  .exam-syllabus-meta-chip--subject,
  .exam-syllabus-meta-chip--chapter{flex:1 1 calc(50% - 4px)}
}

@media (max-width:420px){
  .exam-syllabus-meta-chip{min-height:44px}
  .exam-syllabus-meta-chip>strong{font-size:13px}
  .exam-syllabus-meta-chip--date,
  .exam-syllabus-meta-chip--class,
  .exam-syllabus-meta-chip--subject,
  .exam-syllabus-meta-chip--chapter{flex:1 1 calc(50% - 4px)}
}