/* STEP 7 fixes only. The original STEP 1–6 assets stay unchanged.
   Do not mask document overflow: remove nowrap and intrinsic track constraints. */
.article-title{white-space:normal;overflow-wrap:anywhere;word-break:normal}
.site-header,.site-footer{flex-wrap:wrap}
.site-header>* , .site-footer>*{min-width:0;max-width:100%}
.site-header nav{flex-wrap:wrap}
.site-brand small{overflow-wrap:anywhere}
.home-intro{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.featured-card{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.list-card{grid-template-columns:minmax(0,300px) minmax(0,1fr)}
.card-copy,.card-image{min-width:0}
.section-line{flex-wrap:wrap}
.empty-journal{border-block:1px solid var(--line);padding:40px 0}
.empty-journal h2{font:28px/1.8 var(--serif)}
.empty-journal p{color:var(--muted);margin-top:14px}

/* Supporting copy needs a stronger contrast than the earlier pale grey-green. */
:root{--muted:#4e6055}
.site-brand small{font-size:13px}
.label,.section-line span{font-size:13px}
.trip-date{font-size:15px;color:var(--muted)}
.card-copy>p:not(.label):not(.trip-date){font-size:16px;line-height:2}
.site-footer,.site-footer p,.site-footer>a:last-child{font-size:14px}

/* Preserve desktop spreads, with tracks able to shrink below image intrinsic widths. */
.article-page .cover{grid-template-columns:minmax(0,.86fr) minmax(0,1.5fr)}
.article-page .chapter-heading{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.article-page .map-and-summary{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.article-page .main-photos.pair{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.article-page .cover>*,.article-page .chapter-heading>*,.article-page .main-photos>*,
.article-page .gallery-grid>*,.article-page .map-and-summary>*,.article-page .journey-day>*{min-width:0}
.article-page .body-copy{font-size:15px;color:var(--muted)}
.article-page .guide{font-size:14px}
.article-page .source-link,.article-page .sources li{font-size:13px}
.article-page .caption,.article-page .gallery-grid .caption,.article-page .cover-photo .caption{font-size:13px}
.article-page .photo-meta,.article-page .gallery-grid .photo-meta,.article-page .cover-photo .photo-meta{font-size:12px}
.article-page .journey-date,.article-page .journey-time{font-size:13px}
.article-page .transport-details li,.article-page .transport-details summary{font-size:14px}
.article-page .journey-stop p{font-size:14px}
.article-page .spot-links-heading,.article-page .spot-name,.article-page .spot-actions a{font-size:13px}
.article-page .spot-card .spot-note,.article-page .spot-status{font-size:12px}
.article-page .night-story .body-copy{color:#d8dcd1}
.article-page .story-copy,.article-page .guide,.article-page .sources,.article-page .transport-details,
.article-page .spot-actions a,.article-page .journey-stop,.article-page .day-opener h2>span:last-child{overflow-wrap:anywhere}
.article-page .spot-actions a{max-width:100%;min-width:0}
.article-page .day-opener h2>span:last-child{min-width:0}
.article-page .day-number{flex-shrink:0}
.article-page .masthead{flex-wrap:wrap}
.article-page .masthead .wordmark{white-space:normal}
.article-page .masthead nav{flex-wrap:wrap;max-width:100%;min-width:0}
.article-page .route-map{max-width:100%;height:auto}

@media(min-width:769px) and (max-width:1100px){
  .article-page .cover{grid-template-columns:minmax(0,.95fr) minmax(0,1.3fr)}
}
@media(max-width:900px){
  .article-page .map-and-summary{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:768px){
  .home-intro{display:block}
  .featured-card,.list-card{grid-template-columns:minmax(0,1fr)}
  .site-header{gap:14px;padding:20px 6vw}
  .site-header nav a{font-size:14px}
  .site-brand small{font-size:12px}
  .home-intro>p:last-child{font-size:16px}
  .article-meta{font-size:14px;overflow-wrap:anywhere}
  .article-page .cover{display:flex;flex-direction:column;align-items:stretch;gap:32px;padding:38px 6% 20px;min-height:0}
  .article-page .cover-copy{padding:0}
  .article-page .cover h2{font-size:clamp(32px,8vw,44px);white-space:normal;overflow-wrap:anywhere}
  .article-page .cover-deck{font-size:14px}
  .article-page .chapter-heading{display:block}
  .article-page .main-photos.pair{display:flex;flex-direction:column;gap:30px}
  .article-page .main-photos.pair .photo:nth-child(2){margin-top:0}
  .article-page .main-photos .photo{max-width:100%}
  .article-page .journey-days{grid-template-columns:minmax(0,1fr);gap:35px}
  .article-page .itinerary-grid{display:block}
  .article-page .next-time .itinerary-grid section+section{margin-top:32px}
  .article-page .spot-info-layout{flex-wrap:wrap}
  .article-page .spot-link-list{flex-basis:100%}
  .article-page .sources ul{columns:1}
  .article-page .read-link,.article-page .small-label,.article-page .more summary span{font-size:13px}
  .article-page .body-copy{font-size:15px;line-height:2.15}
  .article-page .more summary{font-size:15px}
  .article-page .route-map{min-height:0}
}
@media(max-width:380px){
  .home-intro h1{font-size:36px}
  .article-page .gallery-grid{grid-template-columns:minmax(0,1fr)}
}