.mission-card .lesson-actions .button{margin-inline-start:auto}

/* The lesson and question share the same compact header on phones. */
@media(max-width:600px){
  .mission-screen-shell .content{padding:12px clamp(12px,3.6vw,18px) 72px}
  .mission-screen-shell .session-ribbon{margin-bottom:8px}
  .mission-screen-shell .lesson-top{gap:8px;margin-bottom:7px}
  .mission-screen-shell .lesson-top .back{
    display:inline-flex;align-items:center;min-height:44px;min-width:0;
    padding-block:5px;text-align:start;line-height:1.35;overflow-wrap:anywhere
  }
  .mission-screen-shell .lesson-meta{flex-shrink:0;white-space:nowrap;font-size:10px}
  .mission-card .lesson-card-header{padding:13px 15px 11px}
  .mission-card .lesson-card-header .eyebrow{font-size:10px;line-height:1.35;letter-spacing:.1em}
  .mission-card .lesson-card-header h1{
    font-size:clamp(1.5rem,6.5vw,2rem);line-height:1.12;
    margin:6px 0 4px;overflow-wrap:anywhere
  }
  .mission-card .lesson-card-header p{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
  .mission-card .quiz-step{margin-top:9px}
  .mission-card .lesson-body{padding:16px 15px 20px}
  .mission-card .reading-tools{min-height:44px;margin-bottom:12px;padding-bottom:5px}
  .mission-card .reading-tool-buttons button{min-height:44px}
  .mission-card .lesson-actions{padding:12px 15px;gap:8px}
  .mission-card .lesson-actions .button{min-height:44px}
}