/* ld2-areas.css: area guides, the Dubai map and buildings (class prefix .ar-). Loads after ld2.css on every page.
 * 3 Nov 2026: kept small on purpose. The area guides, the area index and the building guides carry their styles
 * in assets/css/area.css, which loads on those pages only. What is here applies wherever its classes appear. */

/* Property Intelligence Hub (private pilot, pih.css): light touch, the light language's tokens and the sticky header. */
.ldi .hub{--ink:#0D1F33;--mute:#5C6773;--line:#E6E1D8;--soft:#F7F3EC}
.ldi .hub-tabs{background:var(--paper)}
@media (max-width:899px){.ldi .hub-tabs{top:var(--ld-hd-h,70px)}}
@media (min-width:900px){.ldi .hub-mapcol{top:calc(var(--ld-hd-h,70px) + 16px)}}
.ldi .hub-tabs button,.ldi .hub-q input,.ldi .hub-sugg a{border-color:var(--line2)}
.ldi .hub-toggle{background:var(--paper2)}
.ldi .hub-n,.ldi .hub-badge{background:var(--paper2)}
.ldi .hub-chips button[aria-pressed="true"]{background:var(--goldbg)}
.ldi .hub-cta-box{background:var(--goldbg);color:var(--ink);border:1px solid rgba(201,165,48,.35);border-left:3px solid var(--gold)}
.ldi .hub-cta .btn-white{background:transparent;color:var(--ink);border:1px solid var(--ink);border-radius:999px}
.ldi .hub-cta .btn-white:hover{background:var(--ink);color:#fff}
.ldi .hub-pin-ref span,.ldi .hub-pin-bld span{background:var(--ink)}
.ldi .hub-sugg-label{font-weight:500}