/* Amanda's cards share one panda illustration family and three subject colours. */
body.cm1-space:not(.college-space) .cm1-mission{
  --tile-bg:#edf6fc;
  --tile-border:#c9e0ed;
  --tile-accent:#146aa5;
  --tile-subtitle:#235f87;
  grid-template-columns:minmax(0,40%) minmax(0,1fr);
  gap:0 16px;
  min-height:280px;
  padding:16px;
  background:linear-gradient(135deg,#fafcfe,var(--tile-bg));
  border:1px solid var(--tile-border);
  border-radius:20px;
}
body.cm1-space:not(.college-space) .cm1-mission.theme-special{
  --tile-bg:#fff4de;
  --tile-border:#ead8ae;
  --tile-accent:#a76c10;
  --tile-subtitle:#805c22;
}
body.cm1-space:not(.college-space) .cm1-mission.theme-english{
  --tile-bg:#fff0f2;
  --tile-border:#ebcdd4;
  --tile-accent:#b74965;
  --tile-subtitle:#91455a;
}
body.cm1-space:not(.college-space) .cm1-mission.theme-other{
  --tile-bg:#eef6e9;
  --tile-border:#d0dfc3;
  --tile-accent:#47783a;
  --tile-subtitle:#41623a;
}
body.cm1-space:not(.college-space) .cm1-mission .mission-art{
  width:100%;
  aspect-ratio:1;
  align-self:center;
  border-radius:20px;
  overflow:hidden;
  mix-blend-mode:normal;
  background:#e6f2f7;
}
body.cm1-space:not(.college-space) .theme-special .mission-art{background:#fff0d7}
body.cm1-space:not(.college-space) .theme-english .mission-art{background:#ffe7ec}
body.cm1-space:not(.college-space) .cm1-mission .mission-art img{
  width:100%;
  height:100%;
  max-width:none;
  object-fit:contain;
  border-radius:0;
}
body.cm1-space:not(.college-space) .mission-explorer{height:100%;aspect-ratio:1}
body.cm1-space:not(.college-space) .mission-copy{padding-bottom:14px}
body.cm1-space:not(.college-space) .mission-category{font-size:10px;padding:5px 9px;margin-bottom:10px}
body.cm1-space:not(.college-space) .cm1-mission h3{font-size:clamp(21px,1.8vw,25px);line-height:1.15;letter-spacing:-.6px}
body.cm1-space:not(.college-space) .mission-subtitle{font-size:14px;line-height:1.4;margin:6px 0 10px}
body.cm1-space:not(.college-space) .mission-description{font-size:14px;line-height:1.5;color:#28485c}
body.cm1-space:not(.college-space) .recent-label{
  position:absolute;top:12px;left:12px;margin:0;
  padding:4px 8px;border-radius:10px;
  background:#e6f0df;color:#3c642f;font-size:10px;line-height:1.3;
}
body.cm1-space:not(.college-space) .mission-duration{grid-column:1 / -1;padding-right:58px;font-size:12px;min-height:46px}
body.cm1-space:not(.college-space) .cm1-mission .open{width:46px;height:46px;font-size:30px}
body.cm1-space:not(.college-space) .mission-escape .escape-team{font-size:11px;margin-bottom:5px}
@media(max-width:799px){
  body.cm1-space:not(.college-space) .cm1-mission{grid-template-columns:minmax(0,35%) minmax(0,1fr);gap:0 12px;padding:14px}
  body.cm1-space:not(.college-space) .cm1-mission h3{font-size:21px}
  body.cm1-space:not(.college-space) .mission-description{font-size:13px}
  body.cm1-space:not(.college-space) .mission-subtitle{font-size:13px}
}
@media(max-width:599px){
  body.cm1-space:not(.college-space) .cm1-mission{grid-template-columns:minmax(0,34%) minmax(0,1fr);min-height:218px;padding:14px;gap:0 13px}
  body.cm1-space:not(.college-space) .cm1-mission .mission-art{border-radius:16px}
  body.cm1-space:not(.college-space) .mission-description{font-size:14px}
  body.cm1-space:not(.college-space) .recent-label{top:10px;left:10px}
  body.cm1-space:not(.college-space) .mission-duration{min-height:44px}
  body.cm1-space:not(.college-space) .cm1-mission .open{width:44px;height:44px}
}
@media(max-width:359px){
  body.cm1-space:not(.college-space) .cm1-mission{padding:12px;gap:0 10px}
  body.cm1-space:not(.college-space) .cm1-mission h3{font-size:20px}
}
