/* Same card typography and positioning as grade 5; the supplied image has a baked frame. */
.classDetail--focused .classDetail__panel--titleOnly h2.grade7SubjectTitle{color:#111;font-weight:850}
.classGrid--focus .classCard--subject .classCard__title{color:#111}
.classGrid--focus .classCard--subject .classCard__title--subject{display:contents}
.classCard__title--subject .classCard__grade{grid-column:1;grid-row:1}
.classCard__title--subject .classCard__subject{grid-column:2;grid-row:1;font:inherit}
.classCard--subject .classCard__topics,.classCard--subject .classCard__availability{grid-column:2;grid-row:2}
.classCard__availability{margin:0;color:var(--muted);font-size:16px}
.classCard--pending{cursor:default}.classCard--pending:hover{transform:none}
/* Four topic lines in the reference card occupy 4 × (16 × 1.18 + 2) px.
   Keep the same body footprint so flex layout gives both illustrations equal height. */
@media(min-width:901px){.classGrid--focus .classCard--subject .classCard__body{min-height:83.52px}}
.grade7ArtCrop{display:block;position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit}
.grade7ArtCrop img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;min-height:0!important;max-height:none!important;object-fit:cover!important;transform:scale(1.2);border:0!important;border-radius:0!important;padding:0!important}
.classDetail--focused .grade7Artwork{display:block;border:4px solid rgba(242,169,0,.74);border-radius:24px;padding:0;background:rgba(255,255,255,.78)}
@media(max-width:900px){.classGrid--focus .classCard--subject .classCard__title--subject{display:block}.classCard__title--subject .classCard__subject{display:block}.classCard--subject .classCard__topics,.classCard--subject .classCard__availability{grid-column:auto;grid-row:auto}}