/* V5: loaded only by the six pages under review. Desktop rules unchanged. */
@media (max-width: 800px) {
  .site-header {flex-wrap: wrap;}
  .site-header .header-photo {display: block; height: auto; object-fit: contain;}
  .site-header .brand {max-width: 100%;}
  .main-nav {grid-template-columns: repeat(2, minmax(0, 1fr));}
  .main-nav a:last-child {grid-column: 1 / -1;}
  .main-nav a:nth-child(odd) {border-left: 0;}
  .intro, .editorial-columns {grid-template-columns: 1fr; gap: 20px;}
  .intro > *, .editorial-columns > * {min-width: 0;}
  .featured-caption, footer {flex-wrap: wrap;}
  .editorial p, footer, .intro p {overflow-wrap: anywhere;}
}

/* Keep linked thumbnails within their mosaic column. */
@media (max-width: 900px) {
  .photoblog-cell--photo > a {display: block; width: 100%; min-width: 0;}
  .photoblog-cell img {object-fit: contain; height: auto; aspect-ratio: auto;}
  .section-mosaic-cell > img,
  .section-mosaic-cell > a > img {height: auto; object-fit: contain;}
}