/* Loaded only by the city/location installation template. */
.city-installation-steps .city-step-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;
  margin:0;padding:0;list-style:none;
}
.city-installation-steps .city-step-card{
  overflow:hidden;background:#fff;border:1px solid var(--line);
  border-radius:var(--r,16px);box-shadow:var(--shadow);
}
.city-installation-steps .city-step-image{
  display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;
  background:var(--bg-soft);
}
.city-installation-steps .city-step-body{padding:1.3rem 1.4rem 1.5rem}
.city-installation-steps .city-step-title{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:.7rem}
.city-installation-steps .city-step-number{
  display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;
  border-radius:50%;background:var(--teal);color:var(--ink);font-weight:700;
}
.city-installation-steps .city-step-title h3{font-size:1.1rem;line-height:1.4;margin:.2rem 0 0}
.city-installation-steps .city-step-body p{margin:0;color:var(--muted);font-size:.98rem}
@media(max-width:860px){
  .city-installation-steps .city-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .city-installation-steps .city-step-grid{grid-template-columns:minmax(0,1fr)}
}