/* FT City11 acceptance correction — scoped only to .city11-acceptance.
   Sources: exact build-manifest WebP (no re-encoding); v4 palette and mechanics retained.
   Owner-rejected Pexels hero is intentionally ABSENT; replacement remains pending. */

.preview-index.city11-acceptance .hero{
  background:#f6f3eb;
  border-bottom:1px solid #e1e3da;
}
.preview-index.city11-acceptance .hero-grid{
  display:block!important;
  grid-template-columns:none!important;
  min-height:0!important;
  padding:30px 0 37px!important;
}
.preview-index.city11-acceptance .hero-copy{
  width:min(100%,790px)!important;
  max-width:790px!important;
  padding:10px 0 8px!important;
}
.preview-index.city11-acceptance .hero-copy h1{max-width:745px!important}
.preview-index.city11-acceptance .hero-copy .lead{max-width:660px!important}
.preview-index.city11-acceptance .hero+.section{padding-top:45px!important}
.preview-index.city11-acceptance #home-city-track .city-photo img{
  object-fit:cover!important;object-position:center!important;
  filter:none!important;
}
.preview-index.city11-acceptance #home-city-track .city-card{
  min-width:0;overflow:visible!important;
}
.preview-index.city11-acceptance #home-city-track .city-access,
.preview-index.city11-acceptance #home-city-track .tariff-links{
  overflow:visible!important;position:static!important;
}
.preview-index.city11-acceptance #home-city-track .tariff-link{
  line-height:1.35!important;
  white-space:normal!important;
}

/* Rebuild the quote/image grid at tablet sizes. Older city11 rules
   placed quote and picture in the same first column at 768px. */
@media(min-width:651px) and (max-width:900px){
  .preview-index.city11-acceptance .editorial-panel{
    display:grid!important;
    grid-template-columns:44% minmax(0,1fr)!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    align-items:stretch!important;
    gap:9px 15px!important;
    padding:12px 17px 12px 0!important;
    height:310px!important;
    min-height:310px!important;
  }
  .preview-index.city11-acceptance .editorial-panel .editorial-atmosphere{
    grid-column:1!important;grid-row:1/4!important;
    width:100%!important;height:286px!important;
    margin:0!important;object-fit:cover!important;
    position:relative!important;inset:auto!important;
    align-self:stretch!important;
  }
  .preview-index.city11-acceptance .editorial-panel span{
    grid-column:2!important;grid-row:1!important;
    font-size:9px!important;
    align-self:end!important;
    color:#fff!important;
  }
  .preview-index.city11-acceptance .editorial-panel blockquote{
    grid-column:2!important;grid-row:2!important;
    font-size:clamp(17px,2.4vw,21px)!important;
    line-height:1.16!important;
    color:#fff!important;
    align-self:center!important;
    margin:0!important;
    overflow-wrap:normal!important;
  }
  .preview-index.city11-acceptance .editorial-panel small{
    grid-column:2!important;grid-row:3!important;
    font-size:10px!important;
    align-self:start!important;
  }
}

/* 1280px = three columns (inherited); 768px = two (inherited).
   At 390px, one column, all city imagery keeps 12:5. */
@media(max-width:600px){
  .preview-index.city11-acceptance .hero-grid{
    padding:12px 0 24px!important;
  }
  .preview-index.city11-acceptance .hero-copy{
    padding:14px 0 9px!important;
  }
  .preview-index.city11-photo-preview.city11-acceptance #home-city-track{
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-columns:auto!important;
    gap:27px!important;
    align-items:stretch!important;
  }
  .preview-index.city11-photo-preview.city11-acceptance #home-city-track .city-card{
    grid-column:auto!important;grid-row:auto!important;
    width:100%!important;
    max-width:100%!important;
  }
  .preview-index.city11-photo-preview.city11-acceptance #home-city-track .city-card .city-photo{
    aspect-ratio:12 / 5!important;
    width:100%!important;
    height:auto!important;
    margin-bottom:13px!important;
  }
  .preview-index.city11-photo-preview.city11-acceptance #home-city-track .city-card h3{
    font-size:29px!important;
    line-height:1.16!important;
  }
  .preview-index.city11-photo-preview.city11-acceptance #home-city-track .city-card .city-body>p:not(.city-region){
    font-size:13px!important;
    line-height:1.55!important;
    min-height:0!important;
    margin-bottom:10px!important;
  }
  .preview-index.city11-photo-preview.city11-acceptance #home-city-track .city-card .text-link{
    font-size:13px!important;
    min-height:32px!important;
  }
  .preview-index.city11-photo-preview.city11-acceptance #home-city-track .city-card .city-access{
    margin-top:auto!important;
    padding-top:10px!important;
    min-width:0!important;
  }
  .preview-index.city11-photo-preview.city11-acceptance #home-city-track .city-card .city-access summary{
    min-height:44px!important;
    font-size:13px!important;
  }
  .preview-index.city11-photo-preview.city11-acceptance #home-city-track .city-card .city-access .tariff-links{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    gap:8px!important;
    padding-bottom:12px!important;
  }
  .preview-index.city11-photo-preview.city11-acceptance #home-city-track .city-card .city-access .tariff-link{
    min-height:48px!important;
    font-size:14px!important;
    line-height:1.36!important;
    padding:12px 15px!important;
    justify-content:flex-start!important;
    text-align:left!important;
    border-radius:3px!important;
  }
  .preview-index.city11-photo-preview.city11-acceptance #home-city-track .city-card .city-access .access-hint{
    font-size:12px!important;line-height:1.5!important;
  }
  .preview-index.city11-photo-preview.city11-acceptance #home-city-track .city-card .city-access .channel-link{
    font-size:13px!important;
  }
}

/* Legible expanded tariff links at tablet/desktop too; phone stays 14px. */
@media(min-width:601px){
  .preview-index.city11-acceptance #home-city-track .city-access .tariff-link{
    font-size:13px!important;line-height:1.35!important;
    min-height:46px!important;padding:10px 14px!important;
  }
}