/* Phone layout follows the homepage. All desktop rules remain untouched. */
@media (max-width:600px){
 header{padding:16px 20px}
 .challenge-hero{padding:10px 18px 26px}
 .challenge-hero-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start}
 .hero-inner{display:contents}
 .hero-inner>.eyebrow{grid-row:1;grid-column:1;text-align:center;font-size:8px;line-height:1.4;letter-spacing:.21em;margin:0}
 .challenge-hero h1{grid-row:2;grid-column:1;font-size:clamp(36px,10vw,46px);line-height:1.03;letter-spacing:-.035em;text-align:center;margin:2px 0 0}
 .challenge-globe{grid-row:3;grid-column:1;width:calc(100% + 36px);max-width:none;margin:0 -18px;padding-bottom:8px}
 .challenge-globe-heading{display:none}
 .challenge-globe-stage{height:clamp(310px,44svh,410px);min-height:0;--challenge-earth-radius:.465}
 .challenge-globe-caption{position:absolute;left:18px;bottom:53px;max-width:58%;min-height:0;margin:0;font-size:11px;line-height:1.5;text-align:left}
 .challenge-globe-preview{flex-direction:column;align-items:flex-start;gap:3px}
 .challenge-globe-explore{font-size:10px}
 .challenge-globe-controls{position:absolute;right:14px;bottom:49px;gap:5px;margin:0}
 .challenge-globe-controls button{width:30px;height:32px;background:#100b0999;border-color:#e7b5a633}
 .challenge-globe-controls svg{width:12px;height:12px}
 .challenge-globe-note{margin:8px 0 0;font-size:9px;line-height:1.4}
 .challenge-globe-credit{font-size:8px;line-height:1.4;margin-top:5px}
 .stats{grid-row:4;grid-column:1;width:100%;max-width:none;margin:4px 0 2px;text-align:center}
 .stats div{padding:4px 10px}
 .stats div:first-child{padding-left:10px}
 .stats strong{font-size:29px;line-height:1;margin-bottom:5px}
 .stats span{font-size:9px;line-height:1.4}
 .hero-actions{grid-row:5;grid-column:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;margin-top:6px}
 .hero-actions .pill{min-width:0;min-height:48px;font-size:11px;line-height:1.3;padding:11px 8px;text-align:center}
 .hero-intro{grid-row:6;grid-column:1;max-width:520px;width:100%;justify-self:center;margin:12px 0 0;font-size:12px;line-height:1.75;text-align:center}
 .journey{padding-top:22px}
}
@media (max-width:600px) and (max-height:740px){
 .challenge-globe-stage{height:clamp(285px,43svh,330px)}
 .challenge-hero h1{font-size:clamp(34px,9.5vw,42px)}
 .challenge-hero-layout{gap:7px}
}