/* Municipal feature, agriculture above two compact solutions. */
@media(min-width:700px){
 .directions-grid{grid-template-columns:1.2fr .5fr .5fr;grid-template-rows:224px 224px;gap:12px}
 .directions-grid .direction-card{height:auto;min-height:0}
 .directions-grid .direction-card:first-child{grid-column:1;grid-row:1 / 3}
 .directions-grid .direction-card.agriculture{grid-column:2 / 4;grid-row:1}
 .directions-grid .direction-card.parks{grid-column:2;grid-row:2}
 .directions-grid .direction-card.infrastructure{grid-column:3;grid-row:2}
 .directions-grid .direction-card.parks .direction-body,
 .directions-grid .direction-card.infrastructure .direction-body{display:flex;flex-direction:column;align-items:stretch;padding:18px;gap:14px}
 .directions-grid .direction-card.parks h2,
 .directions-grid .direction-card.infrastructure h2{font-size:clamp(18px,1.65vw,25px);line-height:1.15;margin:0;overflow-wrap:normal}
 .directions-grid .direction-card.parks .direction-action,
 .directions-grid .direction-card.infrastructure .direction-action{width:100%;min-height:44px;font-size:11px;padding:10px;gap:8px}
 .directions-grid .direction-card.parks .direction-number,
 .directions-grid .direction-card.infrastructure .direction-number{left:18px;top:18px}
}
.direction-card.infrastructure .direction-photo img{object-position:74% 50%}
@media(min-width:700px) and (max-width:1000px){
 .directions-grid{grid-template-columns:1fr .5fr .5fr}
 .directions-grid .direction-card.parks .direction-body,
 .directions-grid .direction-card.infrastructure .direction-body{padding:12px;gap:12px}
 .directions-grid .direction-card.parks .direction-action,
 .directions-grid .direction-card.infrastructure .direction-action{font-size:10px;padding:8px}
}
@media(max-width:699px){.directions-grid .direction-card.infrastructure{height:190px}}

/* Keep complete labels and usable controls at intermediate widths. */
.directions-grid .direction-card{min-width:0}
.directions-grid .direction-body{min-width:0}
.directions-grid .direction-action>span:first-child{min-width:0;white-space:normal}
.directions-grid .direction-arrow{flex-shrink:0}
@media(min-width:700px) and (max-width:1000px){
 .directions-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto}
 .directions-grid .direction-card:first-child,
 .directions-grid .direction-card.agriculture,
 .directions-grid .direction-card.parks,
 .directions-grid .direction-card.infrastructure{grid-column:auto;grid-row:auto;min-height:250px}
 .directions-grid .direction-card .direction-body{display:flex;flex-direction:column;align-items:stretch;padding:18px;gap:12px}
 .directions-grid .direction-card h2{font-size:22px;line-height:1.15;margin:0}
 .directions-grid .direction-card .direction-action{width:100%;min-height:46px;padding:10px 14px;font-size:13px}
 .directions-grid .direction-card .city-description{margin:0}
}
@media(min-width:1001px){
 .directions-grid .direction-card.parks .direction-action,
 .directions-grid .direction-card.infrastructure .direction-action{font-size:13px}
}
@media(min-width:700px) and (max-width:1000px){
 .directions-grid .direction-card.parks .direction-body,
 .directions-grid .direction-card.infrastructure .direction-body{padding:18px}
 .directions-grid .direction-card.parks h2,
 .directions-grid .direction-card.infrastructure h2{font-size:22px}
 .directions-grid .direction-card.parks .direction-action,
 .directions-grid .direction-card.infrastructure .direction-action{font-size:13px;padding:10px 14px;min-height:46px}
}