/* Shared Ashlar color and type rhythm for every city detail page. */
body.city-detail-page {
  --city-ink: #1c2834;
  --city-muted: #667381;
  --city-paper: #fbf7f1;
  --city-stone: #e8e1d8;
  --city-mist: #dfe8ec;
  --city-clay: #ead8ca;
  --city-sage: #dfe5dc;
  --city-bronze: #9b7657;
}

.city-editorial-facts,
.city-editorial-facts__inner {
  background: var(--city-mist) !important;
}

.city-detail-signals {
  background: rgba(255,255,255,.68) !important;
  border-color: rgba(28,40,52,.14) !important;
}

.city-detail-signal span,
.city-editorial-kicker,
.city-editorial-sections .section-kicker,
.city-editorial-sections .city-detail-card::before {
  color: #45627b !important;
  font-family: Inter, "DM Sans", sans-serif !important;
  font-size: .76rem !important;
  font-weight: 600 !important;
  letter-spacing: .13em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

.city-detail-signal strong {
  color: var(--city-ink) !important;
  font-family: Inter, "DM Sans", sans-serif !important;
  font-size: 1.04rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

.city-editorial-intro,
.city-editorial-sections .city-detail-card,
.city-decision-depth .city-detail-card,
.city-first-year-cost,
.city-official-sources {
  color: var(--city-ink) !important;
  border-color: rgba(28,40,52,.14) !important;
}

.city-editorial-intro {
  background: var(--city-paper) !important;
}

.city-editorial-sections .city-detail-card:nth-child(4n+1),
.city-decision-depth .city-detail-card:nth-child(4n+1) {
  background: var(--city-paper) !important;
}

.city-editorial-sections .city-detail-card:nth-child(4n+2),
.city-decision-depth .city-detail-card:nth-child(4n+2) {
  background: var(--city-mist) !important;
}

.city-editorial-sections .city-detail-card:nth-child(4n+3),
.city-decision-depth .city-detail-card:nth-child(4n+3) {
  background: var(--city-clay) !important;
}

.city-editorial-sections .city-detail-card:nth-child(4n),
.city-decision-depth .city-detail-card:nth-child(4n) {
  background: var(--city-sage) !important;
}

.city-editorial-sections .city-detail-card h2,
.city-decision-depth .city-detail-card h2,
.city-first-year-cost h2,
.city-official-sources h2 {
  color: var(--city-ink) !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(2rem, 3.1vw, 3rem) !important;
  font-weight: 500 !important;
  letter-spacing: -.025em !important;
  line-height: 1 !important;
}

.city-editorial-sections .city-detail-card p,
.city-editorial-sections .city-detail-card li,
.city-decision-depth .city-detail-card p,
.city-decision-depth .city-detail-card li,
.city-first-year-cost p,
.city-first-year-cost li,
.city-official-sources p,
.city-official-sources li {
  color: #53687c !important;
  font-family: Inter, "DM Sans", sans-serif !important;
  font-size: 1.02rem !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
}

.city-simple-section__toggle {
  min-height: 46px !important;
  margin-top: 1.15rem !important;
  padding: .85rem 0 0 !important;
  border-top-color: rgba(28,40,52,.18) !important;
  color: var(--city-ink) !important;
  font-family: Inter, "DM Sans", sans-serif !important;
  font-size: .9rem !important;
  font-weight: 500 !important;
  letter-spacing: .01em !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}

.city-simple-section__toggle span:first-child {
  font-size: inherit !important;
  font-weight: inherit !important;
}

.city-simple-section__toggle span:last-child {
  color: #45627b !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
}

.city-simple-section__body {
  padding-top: 1.25rem !important;
}

.city-editorial-sections .city-detail-card:nth-child(even) .city-simple-section__toggle,
.city-decision-depth .city-detail-card:nth-child(even) .city-simple-section__toggle {
  border-top-color: rgba(28,40,52,.22) !important;
}

.city-first-year-cost {
  background: var(--city-clay) !important;
}

.city-official-sources {
  background: var(--city-sage) !important;
}

@media (max-width: 760px) {
  .city-detail-signal strong {
    font-size: .98rem !important;
  }

  .city-editorial-sections .city-detail-card h2,
  .city-decision-depth .city-detail-card h2,
  .city-first-year-cost h2,
  .city-official-sources h2 {
    font-size: clamp(1.85rem, 9vw, 2.45rem) !important;
  }

  .city-editorial-sections .city-detail-card p,
  .city-editorial-sections .city-detail-card li,
  .city-decision-depth .city-detail-card p,
  .city-decision-depth .city-detail-card li,
  .city-first-year-cost p,
  .city-first-year-cost li,
  .city-official-sources p,
  .city-official-sources li {
    font-size: .98rem !important;
  }
}