/* Classroom quality marks stay separate from the retail book and buying journey. */
.hero-grid > .qm-schools-band {
  grid-column: 1 / -1;
  grid-row: 3;
  align-self: center;
  width: 100%;
  margin-top: 12px;
  padding: 24px;
  border: 1px solid #d5e6eb;
  border-radius: 12px;
  background: #eef7f8;
  color: #00303d;
  scroll-margin-top: 24px;
}
.qm-teaching-heading {display:flex;align-items:center;gap:16px;margin-bottom:18px}
.qm-teaching-heading img {flex:0 0 auto;width:64px;height:66px}
.qm-schools-band h2 {font:800 21px/1.3 Onest,Arial,sans-serif;letter-spacing:-.3px;color:#00303d;margin:0}
.qm-teaching-copy {display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}
.qm-teaching-copy p {margin:0;font-size:16px;line-height:1.65}
.qm-teaching-copy > a {grid-column:1 / -1;display:inline-flex;align-items:center;gap:8px;justify-self:start;min-height:44px;color:#005964;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.qm-teaching-copy > a:hover {color:#00303d}
.qm-teaching-copy > a:focus-visible {outline:3px solid #005964;outline-offset:4px}
@media (min-width:1440px) {
  .hero > .hero-grid {width:min(1480px,calc(100% - 80px));grid-template-columns:270px minmax(0,1fr) minmax(0,1.08fr);column-gap:48px}
  .hero-grid > .intro,.hero-grid > .purchase {grid-column:3}
  .hero-grid h1 {font-size:clamp(60px,4.3vw,78px)}
  .hero-grid > .cover-wrap {grid-column:2}
  .hero-grid > .qm-schools-band {grid-column:1;grid-row:1 / 3;margin-top:0;padding:22px}
  .qm-teaching-heading {gap:12px}
  .qm-schools-band h2 {font-size:20px}
  .qm-teaching-copy {grid-template-columns:1fr;gap:16px}
  .qm-teaching-copy p {font-size:15px;line-height:1.6}
}
@media (max-width:720px) {
  .hero-grid > .qm-schools-band {margin-top:10px;padding:22px;text-align:left}
  .qm-teaching-copy {grid-template-columns:1fr;gap:16px}
}
@media print {
  .hero-grid > .qm-schools-band {break-inside:avoid;grid-column:1 / -1;grid-row:auto}
}

/* Each official mark names the separate classroom resource it covers. */
.qm-teaching-badges {display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start;max-width:240px;margin:0 0 20px}
.qm-teaching-badges figure {margin:0;display:grid;justify-items:start;gap:8px}
.qm-teaching-badges img {height:66px;width:auto;max-width:100%;object-fit:contain}
.qm-teaching-badges figcaption {font-size:13px;line-height:1.4;font-weight:700;color:#005964}
@media (min-width:721px) and (max-width:1439px) {
  .hero-grid > .qm-schools-band {display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:28px}
  .qm-teaching-heading {grid-column:1 / -1}
  .qm-teaching-badges {margin-bottom:0}
}