/* Layout follow-up to b25cb6e. Keep typography and photo proportions intact. */
@media (min-width:901px) and (min-height:600px), (min-width:700px) and (min-height:700px) {
 #problem.problem-editorial,
 #result.manifesto-editorial,
 #audience.audience-towers,
 #process.pilot-week { min-height:0; }
}
/* Use the width of a short laptop instead of shrinking the phase copy. */
@media (min-width:901px) and (max-width:1100px) and (min-height:600px) and (max-height:700px) {
 #process .week-phases article:nth-child(n) { width:100%;margin-left:0; }
 #process .week-body { column-gap:24px; }
}
/* The mobile hero saves whitespace, not letter size or image content. */
@media (max-width:640px) {
 .hero { padding-block:12px; }
 .hero-aside { margin-top:12px; }
 .hero-bottom { margin-top:12px;gap:12px; }
 .hero-copy { gap:4px; }
 .hero-copy > p { margin-bottom:4px; }
 .hero-footnote { margin-top:8px;gap:8px; }
}
@media (min-width:901px) and (max-width:1100px) and (min-height:600px) and (max-height:700px) {
 #process .week-strip { margin-block:8px; }
 #process .week-body { grid-template-rows:minmax(0,1fr) auto; }
 #process .week-conditions { padding:16px; }
 #process .week-facts { gap:8px; }
 #process .week-facts p+p { padding-top:8px; }
 #process .week-facts strong { margin-bottom:4px; }
}
/* Keep the narrow desktop header in one line without reducing its font. */
@media (min-width:901px) and (max-width:1100px) {
 .header-inner { gap:12px; }
 .desktop-nav { gap:12px; }
 .desktop-nav a { white-space:nowrap; }
 .desktop-nav .nav-cta { gap:12px; }
}