/* ==========================================================================
   MFWR — city page additions (loads after style.css)
   ========================================================================== */

.city-hero{min-height:min(80vh,720px);padding:140px 0 96px}
.city-hero .hero-in{max-width:900px}
.city-hero h1{
  font-size:clamp(1.9rem,5vw,3.35rem);text-transform:none;letter-spacing:-.025em;
  line-height:1.06;margin-bottom:18px
}

/* breadcrumb */
.crumb{
  font-size:12.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  color:rgba(255,255,255,.72);margin-bottom:20px
}
.crumb a{color:var(--green)}
.crumb a:hover{text-decoration:underline}
.crumb span{color:rgba(255,255,255,.5)}
.crumb span+span{color:rgba(255,255,255,.78)}

/* source / disclaimer note under legal content */
.srcnote{
  font-size:13.5px;color:var(--grey-light);border-left:2px solid var(--line);
  padding:4px 0 4px 15px;margin-top:26px;line-height:1.6
}
.srcnote a{color:var(--green-dark);text-decoration:underline;text-underline-offset:2px}

/* the honest case */
.honest{background:var(--off);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
ul.reasons{list-style:none;margin:22px 0 22px;padding:0}
ul.reasons li{
  position:relative;padding:16px 0 16px 34px;border-bottom:1px solid var(--line-soft);
  font-size:16px;color:var(--grey)
}
ul.reasons li:last-child{border-bottom:0}
ul.reasons li::before{
  content:"";position:absolute;left:4px;top:24px;width:10px;height:10px;
  border-left:2.5px solid var(--green);border-bottom:2.5px solid var(--green);
  transform:rotate(-45deg)
}
ul.reasons strong{color:var(--navy)}

/* documented-cost box */
.mathbox{
  margin:28px 0 0;border:1px solid rgba(255,255,255,.22);
  background:rgba(4,17,24,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  max-width:520px
}
.mathbox>div{
  display:flex;justify-content:space-between;align-items:baseline;gap:18px;
  padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.14)
}
.mathbox>div:last-child{border-bottom:0}
.mathbox .ml{font-size:14.5px;color:rgba(255,255,255,.82)}
.mathbox .mr{
  font-size:15px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap
}
.mathbox .tot{background:rgba(111,190,68,.16)}
.mathbox .tot .ml{color:#fff;font-weight:700}
.mathbox .tot .mr{color:var(--green);font-size:1.28rem;font-weight:900;letter-spacing:-.02em}

/* city page reuses .region but as a single wide panel */
.region .city-list{margin-top:0}

@media(max-width:560px){
  .city-hero{padding:120px 0 80px}
  .mathbox>div{padding:12px 15px;gap:12px}
  .mathbox .ml{font-size:13.5px}
}

/* freshness signal */
.updated{
  font-family:inherit;font-size:12.5px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--grey-light);margin:30px 0 0
}