.nearby {
  display: grid;
  grid-template-columns: minmax(180px,.8fr) minmax(0,1.2fr);
  align-items: center;
  gap: clamp(20px,5vw,70px);
  margin-top: 36px;
  padding: clamp(20px,3vw,40px);
  border: 1px solid #cfb87c;
  background: #fffdf7;
}
.nearby-intro .eyebrow {margin-bottom:10px}
.nearby-intro h3 {font-size:clamp(24px,3vw,36px);margin:0 0 4px}
.nearby-times {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;text-align:center}
.nearby-times div {display:flex;flex-direction:column;padding:12px;border-bottom:1px solid #e5dbc5}
.nearby-times dt {font-size:14px;color:#424b42}
.nearby-times dd {order:-1;margin:0;color:#173e2b;font-size:clamp(30px,4vw,44px);font-weight:600;line-height:1.15}
.nearby-times small {font-size:.46em;font-weight:400}
.nearby-note {text-align:center;color:#62665f;font-size:12px;margin:12px 0 0}
.detail-cta {background:#163e2b;color:#f0ce79;border-radius:3px}
.finance-banner .finance-details summary {
  background:#bc1930;color:white;border:0;border-radius:3px;
}
.detail-cta,.residence-overview .residence-visit,.residence-overview .residence-more summary {
  display:inline-flex;align-items:center;gap:7px;padding:5px 9px;font-weight:700;font-size:13px;
}

/* Keep the red area close to the label rather than filling the row. */
.finance-banner .finance-details {margin-top:6px}
.finance-banner .finance-details summary,
.finance-banner .finance-contact,
.hero a.button.cream,
.apartments a.catalog-link,
.finance-details .payment-calculator .button {
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-items:center;
  gap:7px;
  padding:5px 10px;
  font-size:12px;
  line-height:1.35;
}
.finance-banner .finance-details summary {margin:4px 0}
.hero a.button.cream span,.finance-contact span,
.apartments a.catalog-link span,.finance-details .button span,
.finance-banner .finance-details summary>span {font-size:14px;line-height:1}
.finance-banner .finance-contact {justify-self:end}
.card-action button {width:25px;height:25px}

.unit-row .row-action {padding:4px 8px;text-align:center}
.faq summary span {display:inline-grid;place-items:center;min-width:20px;height:20px}
.residence-overview .residence-more summary .expand-symbol {color:inherit}
@media(max-width:650px){
  .nearby {grid-template-columns:minmax(0,1fr);gap:12px}
  .nearby-times div {padding:12px 4px}
}