/* Approved Korisne: three own-city photo cards, reduced top photo, full text. */
html[data-city] body #city.city .city-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;align-items:start}
html[data-city] body #city.city .city-grid>.compact{display:none}
html[data-city] body #city.city .city-grid>article>.art{aspect-ratio:16/9!important}
@media(min-width:601px){
 html[data-city] body #city.city .city-grid>article{display:grid;grid-template-rows:subgrid;grid-row:1/span 4;row-gap:0;align-content:start}
 html[data-city] body #city.city .city-grid>article:nth-child(1){grid-column:1}
 html[data-city] body #city.city .city-grid>article:nth-child(2){grid-column:2}
 html[data-city] body #city.city .city-grid>article:nth-child(3){grid-column:3}
 html[data-city] body #city.city .city-grid>article>.art{grid-row:1}
 html[data-city] body #city.city .city-grid>article>.meta{grid-row:2}
 html[data-city] body #city.city .city-grid>article>h3{grid-row:3;min-height:4lh}
 html[data-city] body #city.city .city-grid>article>p{grid-row:4;align-self:start}
}
@media(min-width:601px) and (max-width:900px){html[data-city] body #city.city .city-grid{column-gap:20px}}
@media(max-width:600px){html[data-city] body #city.city .city-grid{grid-template-columns:minmax(0,1fr);row-gap:20px}}