/* Keep source screenshots close to their native display size. The two
   re-typeset study documents are vector assets, so their text stays sharp. */
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence{
  display:block;padding:clamp(54px,7vw,92px) clamp(20px,5vw,76px);overflow:visible
}
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence-copy{
  display:block;position:static;padding:0 0 30px;max-width:880px
}
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence-copy h2{
  max-width:none;margin:14px 0 14px;font-size:clamp(30px,3.5vw,44px);line-height:1.3
}
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence-copy>p:not(.section-kicker){max-width:760px;font-size:16px;line-height:1.75}
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence-gallery{
  display:grid;grid-template-columns:1fr;gap:18px;width:min(100%,1120px);margin:0 auto;padding:0;overflow:visible
}
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence-card,
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence-card:only-child{
  display:grid;grid-template-columns:minmax(0,1.6fr) minmax(245px,.9fr);align-items:center;gap:clamp(18px,3vw,40px);
  width:100%;max-width:none;margin:0!important;padding:14px;background:#fff;border:1px solid #d8d2c8;box-shadow:0 8px 24px #141b2210
}
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence-card figure,
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence-card.is-classroom figure{
  width:100%;height:auto;aspect-ratio:1200/650;max-height:none;margin:0;border:0;background:#f1f2f1
}
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint)) .product-evidence-card.is-document{display:block}
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint)) .product-evidence-card.is-document>div{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.75fr) 24px;gap:8px 24px;align-items:center;padding:17px 10px 0
}
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint)) .product-evidence-card.is-document>div small{grid-column:1/-1;margin:0}
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint)) .product-evidence-card.is-document>div i{grid-column:3;margin:0}
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence-card.is-classroom figure{aspect-ratio:720/420;background:#15191d}
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence-card figure:after{content:none}
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence-card.is-document img{
  width:100%;height:100%;padding:0;object-fit:contain;background:#f6f7f7
}
body:has(.product-hero-exam-sprint) .product-evidence-card.is-document figure{aspect-ratio:1200/700}
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence-card>div{
  display:block;min-width:0;padding:0 14px 0 0;border:0
}
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence-card>div small{font-size:11px;margin:0 0 12px}
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence-card>div h3{font-size:clamp(23px,2.7vw,32px);margin:0 0 13px}
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence-card>div p{font-size:15px;line-height:1.75;margin:0;max-width:28em}
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence-card>div i{position:static;display:block;margin-top:15px;font-size:20px}
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .classroom-screen-stage{display:block;inset:34px 0 0;background:#111820}
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .classroom-whiteboard{width:100%;height:100%}
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .classroom-whiteboard img{
  width:100%;height:100%;max-width:none;object-fit:contain;object-position:center
}
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .classroom-material,
body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .classroom-screen-meta{display:none}
body:has(.product-hero-assignment-guidance) .product-evidence-card.is-document{display:none!important}

/* Process cards: place number, title, and explanation together. */
body:is(:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .detail-process-heading{
  grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);gap:30px;align-items:end;margin:38px 0 36px
}
body:is(:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .detail-process-heading h2{font-size:clamp(36px,4vw,54px)}
body:is(:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .detail-process-heading p{font-size:16px;line-height:1.7;max-width:460px}
body:is(:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .detail-process-list{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:0
}
body:is(:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .detail-process-list article{
  display:flex;flex-direction:column;min-width:0;min-height:220px;padding:24px;border:1px solid #c9c5b8;background:#ffffffa8
}
body:is(:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .detail-process-list article:nth-child(2n){background:#fffdf6}
body:is(:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .detail-process-list span{font-size:16px;font-weight:600}
body:is(:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .detail-process-list h3{margin:32px 0 11px;font-size:21px;line-height:1.4}
body:is(:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .detail-process-list p{font-size:15px;line-height:1.7}

@media(max-width:900px){
  body:is(:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .detail-process-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  body:is(:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .detail-process-list article{min-height:190px}
}
@media(max-width:700px){
  body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence{padding:54px 16px 66px}
  body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence-copy{padding:0 0 24px}
  body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence-copy h2{font-size:30px}
  body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence-gallery{gap:14px;margin:0;padding:0}
  body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence-card,
  body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence-card:only-child{
    display:block;flex:auto;padding:7px 7px 18px
  }
  body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence-card>div{padding:18px 12px 0}
  body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint)) .product-evidence-card.is-document>div{display:block;padding:18px 12px 0}
  body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence-card>div h3{font-size:23px}
  body:is(:has(.product-hero-preview-tutoring),:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .product-evidence-card>div p{font-size:15px}
  body:is(:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .detail-process-heading{display:block;margin:28px 0 30px}
  body:is(:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .detail-process-heading h2{font-size:32px;margin-bottom:16px}
  body:is(:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .detail-process-heading p{font-size:15px}
  body:is(:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .detail-process-list{grid-template-columns:1fr;gap:8px}
  body:is(:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .detail-process-list article{
    display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;gap:5px 16px;min-height:0;padding:18px
  }
  body:is(:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .detail-process-list span{grid-row:1/3;font-size:18px}
  body:is(:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .detail-process-list h3{grid-column:2;margin:0;font-size:20px}
  body:is(:has(.product-hero-exam-sprint),:has(.product-hero-assignment-guidance)) .detail-process-list p{grid-column:2;font-size:15px}
}