/* Shared colorful, logo-led, line-by-line exam catalogue layout */
:root{--exam-purple:#5b36a8;--exam-ink:#2c2142;--exam-line:#e9e1f3}
.section#examContainer .grid,#otherExamsGrid,.grid#testGrid{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:10px}
.section#examContainer .grid>.card,#otherExamsGrid>.card,#testGrid>.t{
 display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-template-areas:"logo title action" "logo meta action";align-items:center;gap:2px 12px;
 text-align:left;min-width:0;padding:12px 14px;border:1px solid var(--exam-line);border-left:4px solid var(--exam-accent,#7250b6);
 border-radius:15px;background:linear-gradient(100deg,var(--exam-tint,#f5f0ff),#fff 42%);box-shadow:0 3px 12px #39214b0a;overflow-wrap:anywhere
}
.section#examContainer .grid>.card:before,#otherExamsGrid>.card:before,#testGrid>.t:before{
 content:var(--exam-icon,"📘");grid-area:logo;display:grid;place-items:center;width:46px;height:46px;margin:0;border:0;border-radius:13px;
 background:var(--exam-tint,#eee7fb);box-shadow:none;font-size:25px
}
.section#examContainer .grid>.card h3,#otherExamsGrid>.card h3,#testGrid>.t h3{grid-area:title;margin:0!important;font-size:15px;line-height:1.35;color:var(--exam-ink)}
.section#examContainer .grid>.card>.desc,#otherExamsGrid>.card>.desc,#testGrid>.t .m{grid-area:meta;margin:3px 0 0!important;font-size:12px;line-height:1.45;color:#70677f}
.section#examContainer .grid>.card .toggle-btn,#otherExamsGrid>.card .status-locked,#testGrid>.t .btn{grid-area:action;justify-self:end;align-self:center;width:auto;min-width:88px;margin:0;font-size:12px;padding:9px 11px;border-radius:10px;white-space:normal;text-align:center}
.section#examContainer .grid>.card .test-grid{grid-column:2/-1;width:100%;grid-row:3}
.section#examContainer .grid>.card .test-grid[style*="grid"]{padding-top:8px;border-top:1px solid var(--exam-line)}
#testGrid>.t:nth-child(4n+1){--exam-accent:#5b36a8;--exam-tint:#eee8fb;--exam-icon:"📘"}
#testGrid>.t:nth-child(4n+2){--exam-accent:#07856c;--exam-tint:#e0f7ef;--exam-icon:"🧮"}
#testGrid>.t:nth-child(4n+3){--exam-accent:#d97706;--exam-tint:#fff0d8;--exam-icon:"🏛️"}
#testGrid>.t:nth-child(4n){--exam-accent:#2563eb;--exam-tint:#e3edff;--exam-icon:"🧪"}
.section#examContainer .grid>.card:nth-child(4n+1),#otherExamsGrid>.card:nth-child(4n+1){--exam-accent:#5b36a8;--exam-tint:#eee8fb;--exam-icon:"📘"}
.section#examContainer .grid>.card:nth-child(4n+2),#otherExamsGrid>.card:nth-child(4n+2){--exam-accent:#07856c;--exam-tint:#e0f7ef;--exam-icon:"🧮"}
.section#examContainer .grid>.card:nth-child(4n+3),#otherExamsGrid>.card:nth-child(4n+3){--exam-accent:#d97706;--exam-tint:#fff0d8;--exam-icon:"🏛️"}
.section#examContainer .grid>.card:nth-child(4n),#otherExamsGrid>.card:nth-child(4n){--exam-accent:#2563eb;--exam-tint:#e3edff;--exam-icon:"🧪"}
.section#examContainer .grid>.card .btn-secondary{background:var(--exam-tint);color:var(--exam-accent);border:1px solid var(--exam-line)}
#otherExamsGrid>.card .status-locked{color:#8a6413;background:#fff4d5}
@media(max-width:390px){
 .section#examContainer .grid>.card,#otherExamsGrid>.card,#testGrid>.t{grid-template-columns:42px minmax(0,1fr) auto;gap:2px 8px;padding:10px}
 .section#examContainer .grid>.card:before,#otherExamsGrid>.card:before,#testGrid>.t:before{width:38px;height:38px;font-size:21px;border-radius:11px}
 .section#examContainer .grid>.card .toggle-btn,#otherExamsGrid>.card .status-locked,#testGrid>.t .btn{min-width:70px;font-size:10px;padding:8px 7px}
 .section#examContainer .grid>.card h3,#otherExamsGrid>.card h3,#testGrid>.t h3{font-size:13px}
 .section#examContainer .grid>.card>.desc,#otherExamsGrid>.card>.desc,#testGrid>.t .m{font-size:10px}
}


/* Home page exam list: horizontal logo-led rows */
#teacherExams .grid{grid-template-columns:minmax(0,1fr)!important;gap:10px}

#teacherExams .grid>.test-card{
 display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-areas:"logo title" "logo meta";
 align-items:center;gap:2px 12px;text-align:left;min-width:0;padding:12px 14px;
 border:1px solid var(--exam-line);border-left:4px solid var(--exam-accent,#7250b6);
 border-radius:15px;background:linear-gradient(100deg,var(--exam-tint,#f5f0ff),#fff 42%);
 box-shadow:0 3px 12px #39214b0a;overflow-wrap:anywhere
}
#teacherExams .grid>.test-card:before{
 content:var(--exam-icon,"📘");grid-area:logo;display:grid;place-items:center;width:42px;height:42px;
 margin:0;border:0;border-radius:12px;background:var(--exam-tint,#eee7fb);font-size:23px
}
#teacherExams .grid>.test-card h3{grid-area:title;margin:0!important;font-size:15px;line-height:1.35;color:var(--exam-ink)}
#teacherExams .grid>.test-card .desc{grid-area:meta;margin:3px 0 0!important;font-size:12px;line-height:1.45;color:#70677f}
#teacherExams .grid>.test-card:nth-child(4n+1){--exam-accent:#5b36a8;--exam-tint:#eee8fb;--exam-icon:"📘"}
#teacherExams .grid>.test-card:nth-child(4n+2){--exam-accent:#07856c;--exam-tint:#e0f7ef;--exam-icon:"🧮"}
#teacherExams .grid>.test-card:nth-child(4n+3){--exam-accent:#d97706;--exam-tint:#fff0d8;--exam-icon:"🏛️"}
#teacherExams .grid>.test-card:nth-child(4n){--exam-accent:#2563eb;--exam-tint:#e3edff;--exam-icon:"🧪"}
@media(max-width:390px){#teacherExams .grid>.test-card{grid-template-columns:38px minmax(0,1fr);gap:2px 8px;padding:10px}#teacherExams .grid>.test-card:before{width:34px;height:34px;font-size:20px}#teacherExams .grid>.test-card h3{font-size:13px}#teacherExams .grid>.test-card .desc{font-size:10px}}