/* Shared, responsive static-site stylesheet. No WordPress/Divi dependencies. */
:root{font-family:Arial,Helvetica,sans-serif;color:#27323c;background:#fff;line-height:1.65}
*{box-sizing:border-box}body{margin:0}a{color:#17638d}a:hover{text-decoration:underline}img{max-width:100%;height:auto}figure{margin:1.3rem 0}figcaption{color:#667;font-size:.9rem}
h1,h2,h3{line-height:1.25;color:#263e50}h1{font-size:2rem}h2{font-size:1.4rem}h3{font-size:1.15rem}
.site-container{max-width:1240px;margin:auto;padding:0 24px}.site-header{background:#183b56;color:#fff;border-bottom:4px solid #b49b65}.site-header .site-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;padding-top:20px;padding-bottom:20px}.site-header a{color:white;text-decoration:none}.site-brand{font-size:1.55rem;font-weight:700}.site-header nav{display:flex;gap:20px;flex-wrap:wrap}
.site-layout{max-width:1240px;margin:28px auto;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:34px;padding:0 24px}.page-content{min-width:0}.page-content p{margin:.8rem 0 1.2rem}.page-content img{display:inline-block}.page-content a img{border:0}.site-sidebar{min-width:0}.widget{padding:20px;margin-bottom:24px;background:#f6f8f9;border:1px solid #dfe5e8}.widget h2{margin-top:0}.post-summary{border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:15px}.post-summary h2{font-size:1.1rem}.post-summary:last-child{border:0;margin:0;padding:0}.post-meta{font-size:.85rem;color:#666}.city-links{line-height:2}.site-footer{padding:28px 0;background:#f3f5f6;border-top:1px solid #ddd}.site-footer p{margin:.3rem 0}table{border-collapse:collapse;max-width:100%}td,th{padding:8px;border:1px solid #ddd}
@media(max-width:850px){.site-layout{grid-template-columns:1fr}.site-sidebar{width:100%}}@media(max-width:500px){.site-container,.site-layout{padding-left:14px;padding-right:14px}.site-brand{font-size:1.25rem}h1{font-size:1.65rem}}

/* Original WordPress body: left sidebar 1/3, content 2/3. */
.site-layout{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:30px;align-items:start}
.site-sidebar{grid-column:1;grid-row:1}.page-content{grid-column:2;grid-row:1}
/* Preserve multi-column arrangements in the page body. */
.page-content .wp-columns,.page-content .columns,.page-content .et_pb_row{display:flex;gap:24px;align-items:flex-start}
.page-content .et_pb_column{min-width:0;flex:1}.page-content .et_pb_column_1_3{flex:1}.page-content .et_pb_column_2_3{flex:2}
.page-content .et_pb_column_1_2{flex:1}.page-content .et_pb_column_1_4{flex:1}.page-content .et_pb_column_3_4{flex:3}
.page-content .wp-column{flex:1;min-width:0}
@media(max-width:850px){.site-layout{grid-template-columns:1fr}.site-sidebar{grid-column:1;grid-row:2}.page-content{grid-column:1;grid-row:1}}
@media(max-width:600px){.page-content .wp-columns,.page-content .columns,.page-content .et_pb_row{flex-direction:column}}

/* Photo and chart rows */
.property-photo-row,.graph-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start;margin:1rem 0 1.5rem}
.graph-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.property-photo-row figure,.graph-row figure,.room-photo-grid figure{margin:0;min-width:0;text-align:center}
.property-photo-row img,.graph-row img,.room-photo-grid img{display:block;max-width:100%;height:auto;margin:0 auto}
.property-photo-row figcaption,.graph-row figcaption,.room-photo-grid figcaption{text-align:center;margin-top:6px;line-height:1.4}
.room-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:1.2rem 0}
@media(max-width:600px){.room-photo-grid,.property-photo-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.room-photo-grid,.property-photo-row,.graph-row{grid-template-columns:1fr}}

/* Center the descriptive line and details for each property, not the h2 title. */
.page-content .property-description,.page-content .property-details{text-align:center}
.site-footer .footer-original-line{text-align:center;margin:.35rem 0}

/* Two-column city navigation in the sidebar. */
.site-sidebar .city-links-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 12px;
    row-gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1.4;
}
.site-sidebar .city-links-grid li {
    margin: 0;
    padding: 0;
    min-width: 0;
    overflow-wrap: break-word;
}
@media (max-width: 390px) {
    .site-sidebar .city-links-grid { grid-template-columns: 1fr; }
}
