
.os-municipality-hub{--os-hub-gap:clamp(1rem,2vw,1.75rem)}
.os-municipality-hero{padding:clamp(1.25rem,3vw,2.5rem) 0 1rem}
.os-municipality-hero h1{margin:.25rem 0 .5rem;font-size:clamp(2rem,6vw,4.25rem);line-height:.95}
.os-municipality-hero__intro{max-width:850px;font-size:clamp(1rem,2vw,1.2rem);line-height:1.6}
.os-municipality-hero__chips,.os-municipality-explore__links,.os-municipality-neighborhoods__list{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}
.os-municipality-hero__chips a,.os-municipality-explore__links a,.os-municipality-neighborhoods__list a,.os-municipality-neighborhoods__list span{display:inline-flex;align-items:center;padding:.52rem .78rem;border:1px solid rgba(127,127,127,.28);border-radius:999px;text-decoration:none}
.os-municipality-section{margin:clamp(1.5rem,4vw,3rem) 0}
.os-municipality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--os-hub-gap)}
.os-municipality-grid--hero{grid-template-columns:repeat(2,minmax(0,1fr))}
.os-municipality-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))}
.os-municipality-services__grid,.os-municipality-metro__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.os-municipality-service-card,.os-municipality-metro__grid a{display:flex;flex-direction:column;gap:.25rem;padding:1rem;border:1px solid rgba(127,127,127,.22);border-radius:14px;text-decoration:none}
.os-municipality-service-card span,.os-municipality-metro__grid span{opacity:.72;font-size:.9rem}
.os-municipality-weather__links{display:flex;flex-wrap:wrap;gap:.8rem}
.os-municipality-weather__links a{font-weight:700}
.os-municipality-context{max-width:920px}
.os-municipality-context p{line-height:1.75}
.os-municipality-related{margin:2rem 0;padding:1rem 1.1rem;border:1px solid rgba(127,127,127,.22);border-radius:14px}
.os-municipality-related__head{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}
.os-municipality-related ul{margin:.8rem 0 0;padding-left:1.15rem}
.os-municipality-related li+li{margin-top:.45rem}
@media(max-width:900px){
  .os-municipality-grid,.os-municipality-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}
  .os-municipality-services__grid,.os-municipality-metro__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .os-municipality-grid,.os-municipality-grid--hero,.os-municipality-grid--compact,.os-municipality-services__grid,.os-municipality-metro__grid{grid-template-columns:1fr}
  .os-municipality-related__head{align-items:flex-start;flex-direction:column}
}
