/* ── PHR Subdivision Page Shared Styles ─────────────────────────────
   Used by NEIGHBORHOODS/PHR/*.html (arabella.html, airoso.html, etc.)
   The hero background-image is page-specific and is set via a
   `background-image` + `background-color` declaration on .subdiv-hero-bg
   in each page's inline <style> block (relative url() must live in that
   page's stylesheet so it resolves against the page's own location).
   Position/size/repeat are shared here so every page defaults to a
   centered crop.
   ═══════════════════════════════════════════════════════════════ */

/* ── Compact Hero ───────────────────────────────────────────────── */
.subdiv-hero{position:relative;width:100%;height:72vh;min-height:480px;overflow:hidden;}
.subdiv-hero-bg{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;}
.subdiv-hero-inner{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(2rem,6vw,6rem);}
.subdiv-hero-inner h1{font-family:'Marcellus',serif;font-size:clamp(2rem,4vw,3rem);color:#fff;letter-spacing:0.06em;line-height:1.1;margin-bottom:0.75rem;}
.subdiv-hero-sub{font-family:'Lato',sans-serif;font-size:0.72rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:rgba(255,255,255,0.65);}
@media(max-width:600px){.subdiv-hero{height:54vh;min-height:320px;}}

/* ── Breadcrumb ─────────────────────────────────────────────────── */
.subdiv-breadcrumb{background:#F3EFE8;padding:0.85rem clamp(1.5rem,6vw,6rem);border-bottom:1px solid rgba(28,48,99,0.08);}
.subdiv-breadcrumb nav{font-family:'Lato',sans-serif;font-size:0.70rem;font-weight:600;letter-spacing:0.07em;text-transform:uppercase;}
.subdiv-breadcrumb nav a{color:#1C3063;text-decoration:none;transition:color 0.2s;}
.subdiv-breadcrumb nav a:hover{color:#B38987;}
.subdiv-breadcrumb nav span.sep{margin:0 0.5rem;color:rgba(28,48,99,0.30);}
.subdiv-breadcrumb nav span.current{color:#B38987;}

/* ── Stats Strip ────────────────────────────────────────────────── */
.nbhd-stats-strip{background:#fff;padding:1rem clamp(1rem,4vw,3rem);border-bottom:1px solid rgba(28,48,99,0.07);}
.nbhd-stats-track{display:flex;justify-content:center;align-items:center;gap:clamp(0.75rem,1.8vw,2rem);max-width:1100px;margin:0 auto;text-align:center;flex-wrap:wrap;}
.nbhd-stat{text-align:center;}
.nbhd-stat-num{font-family:'Marcellus',serif;font-size:clamp(0.95rem,1.5vw,1.25rem);color:#18254B;display:block;line-height:1.3;}
.nbhd-stat-sub{font-family:'Marcellus',serif;font-size:clamp(0.8rem,1.1vw,1rem);color:#18254B;display:block;opacity:0.7;}
.nbhd-stat-label{font-family:'Lato',sans-serif;font-size:0.6rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#B38987;display:block;margin-top:0.2rem;}
.nbhd-stats-divider{width:1px;height:32px;background:rgba(28,48,99,0.12);flex-shrink:0;}
@media(max-width:860px){
  .nbhd-stat--builder{flex-basis:100%;padding-top:0.6rem;border-top:1px solid rgba(28,48,99,0.07);}
  .nbhd-stats-divider--builder{display:none;}
}

/* ── About ──────────────────────────────────────────────────────── */
.subdiv-about{background:#F3EFE8;padding:clamp(2rem,3.5vw,3rem) clamp(1.5rem,6vw,6rem);}
.subdiv-about-inner{max-width:1100px;margin:0 auto;}
.subdiv-about-inner .section-eyebrow{color:#B38987;margin-bottom:0.75rem;}
.subdiv-about-inner h2{font-family:'Marcellus',serif;font-size:clamp(1.4rem,2.5vw,1.9rem);color:#18254B;letter-spacing:0.08em;margin-bottom:1rem;}
.subdiv-about-inner p{font-family:'Lato',sans-serif;font-size:0.92rem;color:#3a4a6b;line-height:1.85;margin-bottom:0.85rem;}

/* ── IDX Listings ───────────────────────────────────────────────── */
.subdiv-listings{background:#fff;padding:clamp(2rem,3.5vw,3rem) clamp(1.5rem,4vw,3rem);}
.subdiv-listings-inner{max-width:1400px;margin:0 auto;}
.subdiv-listings-inner .section-eyebrow{color:#B38987;margin-bottom:0.75rem;text-align:center;}
.subdiv-listings-inner > h2{font-family:'Marcellus',serif;font-size:clamp(1.4rem,2.5vw,1.9rem);color:#18254B;letter-spacing:0.08em;margin-bottom:0.75rem;text-align:center;}
.subdiv-listings-inner > p{font-family:'Lato',sans-serif;font-size:0.85rem;color:#3a4a6b;text-align:center;margin:0 auto 1.25rem;max-width:580px;line-height:1.8;}
.idx-placeholder{background:#F6F6F4;border:2px dashed rgba(28,48,99,0.15);padding:3.5rem 2rem;text-align:center;border-radius:2px;}
.idx-placeholder p{font-family:'Lato',sans-serif;font-size:0.75rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:rgba(28,48,99,0.35);margin:0;}

/* ── No Listings Fallback ───────────────────────────────────────── */
.subdiv-no-listings{margin-top:2rem;background:#F3EFE8;padding:2.75rem 2rem;text-align:center;border-top:2px solid rgba(179,137,135,0.20);}
.subdiv-no-listings-icon{display:block;width:40px;height:40px;margin:0 auto 1.25rem;color:#B38987;}
.subdiv-no-listings h3{font-family:'Marcellus',serif;font-size:1rem;color:#18254B;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:0.75rem;}
.subdiv-no-listings p{font-family:'Lato',sans-serif;font-size:0.86rem;color:#3a4a6b;line-height:1.9;max-width:500px;margin:0 auto 1.75rem;}
.notify-form{width:100%;max-width:460px;margin:0 auto;}
@media (min-width:900px){
  .subdiv-no-listings{display:flex;align-items:center;justify-content:center;gap:3.5rem;text-align:left;padding:3rem 3.5rem;}
  .subdiv-no-listings-text{flex:1 1 0;max-width:600px;}
  .subdiv-no-listings-text .subdiv-no-listings-icon{margin:0 0 1.25rem;}
  .subdiv-no-listings-text p{margin:0;max-width:none;}
  .notify-form{flex:0 0 420px;max-width:420px;margin:0;}
}
.notify-form-row{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;margin-bottom:0.75rem;}
.notify-form input[type="text"],
.notify-form input[type="email"],
.notify-form input[type="tel"]{width:100%;padding:0.75rem 1rem;font-family:'Lato',sans-serif;font-size:0.82rem;color:#18254B;background:#fff;border:1px solid rgba(28,48,99,0.20);outline:none;transition:border-color 0.2s;box-sizing:border-box;}
.notify-form input[type="tel"]{margin-bottom:1rem;}
.notify-form input:focus{border-color:#1C3063;}
.notify-form input::placeholder{color:rgba(28,48,99,0.40);}
.notify-form button.btn-notify{display:inline-block;width:100%;padding:0.85rem 2rem;font-family:'Lato',sans-serif;font-size:0.72rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;background:#18254B;color:#fff;border:none;cursor:pointer;transition:background 0.22s,color 0.22s;}
.notify-form button.btn-notify:hover{background:#1C3063;color:#B38987;}
.notify-success{font-family:'Lato',sans-serif;font-size:0.88rem;color:#18254B;line-height:1.85;padding:1.25rem 1.5rem;background:rgba(179,137,135,0.12);border:1px solid rgba(179,137,135,0.30);max-width:460px;margin:0 auto;}

/* ── Specs & Schools ────────────────────────────────────────────── */
.subdiv-specs{background:#fff;padding:clamp(2rem,3.5vw,3rem) clamp(1.5rem,6vw,6rem);border-top:1px solid rgba(28,48,99,0.07);}
.subdiv-specs-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;}
.subdiv-specs-col h3{font-family:'Marcellus',serif;font-size:0.85rem;color:#18254B;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:1.25rem;padding-bottom:0.6rem;border-bottom:1px solid rgba(28,48,99,0.12);}
.spec-row{display:flex;justify-content:space-between;align-items:baseline;padding:0.5rem 0;border-bottom:1px solid rgba(28,48,99,0.05);}
.spec-label{font-family:'Lato',sans-serif;font-size:0.72rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#B38987;}
.spec-value{font-family:'Lato',sans-serif;font-size:0.85rem;font-weight:500;color:#18254B;text-align:right;}
.school-dist-label{display:block;font-family:'Lato',sans-serif;font-size:0.6rem;font-weight:700;letter-spacing:0.11em;text-transform:uppercase;color:#B38987;margin-top:0.9rem;margin-bottom:0.1rem;}
.school-item{font-family:'Lato',sans-serif;font-size:0.88rem;color:#3a4a6b;padding:0.55rem 0;border-bottom:1px solid rgba(28,48,99,0.05);display:flex;justify-content:space-between;align-items:baseline;gap:0.7rem;}
.school-item::before{display:none;}
.school-item a{color:#3a4a6b;text-decoration:none;transition:color 0.2s;}
.school-item a:hover{color:#B38987;}
.school-item-grade{font-size:0.70rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#B38987;flex-shrink:0;margin-left:0.5rem;}
@media(max-width:620px){.subdiv-specs-inner{grid-template-columns:1fr;gap:2rem;}}
.subdiv-specs-streets{max-width:1100px;margin:2rem auto 0;padding-top:1.5rem;border-top:1px solid rgba(28,48,99,0.08);}
.subdiv-specs-streets .spec-label{font-family:'Lato',sans-serif;font-size:0.72rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#B38987;display:block;margin-bottom:0.6rem;}
.subdiv-specs-streets p{font-family:'Lato',sans-serif;font-size:0.85rem;color:#3a4a6b;line-height:1.8;}
.spec-value a,.subdiv-about-inner p a,.faq-item p a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(28,48,99,0.25);transition:color 0.2s,border-color 0.2s;}
.spec-value a:hover,.subdiv-about-inner p a:hover,.faq-item p a:hover{color:#B38987;border-color:#B38987;}
.school-zone-note{font-family:'Lato',sans-serif;font-size:0.72rem;color:#8a9ab8;line-height:1.7;margin-top:1rem;padding-top:0.85rem;border-top:1px solid rgba(28,48,99,0.08);}

/* ── Explore More ───────────────────────────────────────────────── */
.subdiv-explore{background:#F3EFE8;padding:clamp(2rem,3.5vw,3rem) 0 0;}
.subdiv-explore-inner{max-width:1100px;margin:0 auto;padding:0 clamp(1.5rem,6vw,6rem);}
.subdiv-explore .section-eyebrow{text-align:center;padding:0 clamp(1.5rem,6vw,6rem);}
.subdiv-explore>h2{font-family:'Marcellus',serif;font-size:clamp(1.5rem,2.8vw,2.4rem);color:#18254B;letter-spacing:0.08em;line-height:1.25;text-align:center;margin:0 0 0.6rem;padding:0 clamp(1.5rem,6vw,6rem);}
.subdiv-explore-intro{font-family:'Lato',sans-serif;font-size:0.85rem;color:#3a4a6b;text-align:center;margin:0 auto 1.25rem;max-width:none;line-height:1.7;}
.subdiv-explore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;}
.subdiv-explore-card{position:relative;height:260px;display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem 1.5rem;text-decoration:none;background-color:#18254B;background-size:cover;background-position:center;overflow:hidden;transition:transform 0.25s;}
.subdiv-explore-card::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(24,37,75,0.05) 0%,rgba(24,37,75,0.78) 100%);transition:background 0.25s;z-index:0;}
.subdiv-explore-card:hover{transform:scale(1.01);z-index:1;}
.subdiv-explore-card:hover::before{background:linear-gradient(to bottom,rgba(24,37,75,0.15) 0%,rgba(24,37,75,0.88) 100%);}
.subdiv-explore-card-name{position:relative;z-index:1;font-family:'Marcellus',serif;font-size:1rem;color:#fff;letter-spacing:0.05em;line-height:1.25;}
.subdiv-explore-card-cta{position:relative;z-index:1;font-family:'Lato',sans-serif;font-size:0.62rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.6);margin-top:0.3rem;transition:color 0.2s;}
.subdiv-explore-card:hover .subdiv-explore-card-cta{color:#B38987;}
.subdiv-explore-card:not([href]){cursor:default;}
.subdiv-explore-card:not([href]):hover{transform:none;}
.subdiv-explore-card:not([href]):hover::before{background:linear-gradient(to bottom,rgba(24,37,75,0.05) 0%,rgba(24,37,75,0.78) 100%);}
.subdiv-explore-card:not([href]) .subdiv-explore-card-cta{display:none;}
.subdiv-explore-all{text-align:center;padding:1.25rem clamp(1.5rem,6vw,6rem);}
.subdiv-explore-all a{display:inline-block;padding:0.85rem 2.25rem;font-family:'Lato',sans-serif;font-size:0.72rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:#18254B;text-decoration:none;border:1.5px solid #18254B;transition:background 0.25s,color 0.25s,border-color 0.25s;}
.subdiv-explore-all a:hover{background:#18254B;color:#B38987;border-color:#18254B;}
@media(max-width:700px){.subdiv-explore-grid{grid-template-columns:repeat(2,1fr);}.subdiv-explore-card{height:200px;}}

/* ── Seller CTA ─────────────────────────────────────────────────── */
.subdiv-seller-cta{background:#fff;padding:clamp(2rem,3.5vw,3rem) clamp(1.5rem,6vw,6rem);text-align:center;border-top:1px solid rgba(28,48,99,0.07);}
.subdiv-seller-cta .section-eyebrow{color:#B38987;margin-bottom:0.75rem;}
.subdiv-seller-cta h2{font-family:'Marcellus',serif;font-size:clamp(1.3rem,2.2vw,1.8rem);color:#18254B;letter-spacing:0.08em;margin-bottom:0.85rem;line-height:1.2;}
.subdiv-seller-cta p{font-family:'Lato',sans-serif;font-size:0.88rem;color:#3a4a6b;max-width:580px;margin:0 auto 1.75rem;line-height:1.85;}
.subdiv-seller-cta a{display:inline-block;padding:0.85rem 2.25rem;font-family:'Lato',sans-serif;font-size:0.72rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:#18254B;text-decoration:none;border:1.5px solid #18254B;transition:background 0.25s,color 0.25s,border-color 0.25s;}
.subdiv-seller-cta a:hover{background:#18254B;color:#B38987;border-color:#18254B;}

/* ── CTA ────────────────────────────────────────────────────────── */
.subdiv-cta{background:#18254B;padding:clamp(2rem,3.5vw,3rem) clamp(1.5rem,6vw,6rem);text-align:center;}
.subdiv-cta-rule{width:36px;height:1.5px;background:#B38987;margin:0 auto 1.75rem;}
.subdiv-cta .section-eyebrow{color:#B38987;margin-bottom:0.85rem;letter-spacing:0.14em;}
.subdiv-cta h2{font-family:'Marcellus',serif;font-size:clamp(1.6rem,2.8vw,2.2rem);color:#fff;letter-spacing:0.08em;margin-bottom:1.25rem;line-height:1.15;}
.subdiv-cta p{font-family:'Lato',sans-serif;font-size:0.9rem;color:rgba(255,255,255,0.75);max-width:none;margin:0 auto 2.25rem;line-height:1.95;}
.subdiv-cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}
.subdiv-cta-btns a{display:inline-block;min-width:220px;padding:0.85rem 2rem;font-family:'Lato',sans-serif;font-size:0.72rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;text-decoration:none;text-align:center;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,0.55);transition:background 0.25s,border-color 0.25s,color 0.25s;}
.subdiv-cta-btns a:hover{border-color:#B38987;color:#B38987;background:transparent;}

/* ── FAQ ────────────────────────────────────────────────────────── */
/* Hidden sitewide for now — per-community FAQs aren't ready; a single
   PHR-level FAQ may cover this instead. Remove this line (and the two
   rules below it) to re-enable. */
.subdiv-faq{display:none;}
/* Specs and Listings (both white) now sit directly adjacent — trim the
   doubled padding and add a divider so the gap doesn't read as blank. */
.subdiv-specs:has(+ .subdiv-faq){padding-bottom:clamp(1rem,2vw,1.5rem);}
.subdiv-faq + .subdiv-listings{padding-top:clamp(1rem,2vw,1.5rem);border-top:1px solid rgba(28,48,99,0.07);}
.subdiv-faq{background:#F6F6F4;padding:clamp(2rem,3.5vw,3rem) clamp(1.5rem,6vw,6rem);}
.subdiv-faq-inner{max-width:1100px;margin:0 auto;}
.subdiv-faq-inner .section-eyebrow{color:#B38987;margin-bottom:0.75rem;}
.subdiv-faq-inner>h2{font-family:'Marcellus',serif;font-size:clamp(1.4rem,2.5vw,1.9rem);color:#18254B;letter-spacing:0.08em;margin-bottom:2rem;}
.faq-list{display:flex;flex-direction:column;}
.faq-item{padding:1.35rem 0;border-bottom:1px solid rgba(28,48,99,0.08);}
.faq-item:first-child{border-top:1px solid rgba(28,48,99,0.08);}
.faq-item h3{font-family:'Marcellus',serif;font-size:0.95rem;color:#18254B;letter-spacing:0.03em;margin-bottom:0.5rem;}
.faq-item p{font-family:'Lato',sans-serif;font-size:0.875rem;color:#3a4a6b;line-height:1.9;margin:0;}