/* City market landing pages (Cleveland/Columbus) - dedicated cache-busted stylesheet. Edit here; enqueued with filemtime versioning. */

/* ===== BEGIN City market landing pages (Cleveland/Columbus) — added 2026-07 ===== */
.city-page{max-width:1080px;margin:0 auto;}
.city-page .city-subtitle{font-size:20px;line-height:1.5;color:var(--font-color-title);margin:0 0 1.6em;font-weight:400;font-family:var(--libre-franklin);}
.city-page h2{font-family:var(--title-font);margin-top:1.6em;}
.city-page h3{font-family:var(--title-font);}
.city-page ul{margin:0 0 1.3em 1.2em;}
.city-page li{margin-bottom:.45em;}
.city-stats{display:flex;flex-wrap:wrap;gap:16px;margin:1.3em 0 1.8em;}
.city-stats .stat{flex:1 1 200px;background:var(--light);border:1px solid #e6e6e0;border-radius:8px;padding:22px 18px;text-align:center;}
.city-stats .stat .num{display:block;font-size:32px;font-weight:700;color:var(--primary-color);line-height:1.1;font-family:var(--title-font);}
.city-stats .stat .label{display:block;margin-top:8px;font-size:14px;color:#666;}
.city-cols{display:flex;flex-wrap:wrap;gap:24px;margin:1.3em 0 1.8em;}
.city-cols .city-col{flex:1 1 320px;background:#fafafa;border:1px solid #ececec;border-radius:8px;padding:24px 26px;}
.city-cols .city-col h3{margin-top:0;color:var(--primary-color);}
.city-cols .city-col .broker-name{font-weight:700;margin:.9em 0 0;}
.city-cols .city-col .broker-name + p{margin-top:.1em;}
.city-table{width:100%;border-collapse:collapse;margin:1em 0 1.8em;font-size:14px;}
.city-table th,.city-table td{border:1px solid #e3e3e3;padding:10px 12px;text-align:left;vertical-align:top;}
.city-table thead th{background:var(--primary-color);color:#fff;font-weight:600;font-family:var(--title-font);letter-spacing:.02em;}
.city-table tbody tr:nth-child(even){background:#f6f8fb;}
.city-recent{background:#eef3f9;border-left:3px solid var(--primary-color);border-radius:4px;padding:14px 18px;margin:0 0 1.4em;font-size:14px;}
.city-faq{margin:1em 0 1.4em;}
.city-faq .faq-item{border-left:3px solid var(--secondary-color);padding:2px 0 2px 18px;margin:0 0 1.5em;}
.city-faq .faq-item h3{margin:0 0 .45em;font-size:18px;color:var(--primary-color);}
.city-page blockquote.city-quote{border-left:4px solid var(--primary-color);background:var(--light);margin:1.3em 0;padding:16px 24px;font-style:italic;}
.city-page blockquote.city-quote cite{display:block;margin-top:10px;font-style:normal;font-weight:600;color:#444;}
.city-contact-cta{background:var(--light);border:1px solid #e6e6e0;border-radius:8px;padding:20px 24px;margin:1.4em 0;}
.city-contact-cta p{margin:0 0 .8em;}
.city-related{margin:.4em 0 0!important;font-size:14px;}
/* ===== END City market landing pages ===== */


/* ===== BEGIN City market landing pages responsive — added 2026-07 ===== */
@media (max-width: 768px){
  .city-stats .stat{flex:1 1 140px;padding:16px 12px;}
  .city-stats .stat .num{font-size:26px;}
  .city-cols .city-col{flex:1 1 100%;}
  .city-table{font-size:13px;}
  .city-table th,.city-table td{padding:8px;}
  .city-page .city-subtitle{font-size:17px;}
}
/* ===== END City market landing pages responsive ===== */