/* Lumi family: Queensway/local-site/style.css + lumi-family.css,
   itself derived from the Far Thatch handover. Semantic tenure colours stay intact. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600&family=Italiana&display=swap');
:root{--paper:#eeece5;--ink:#343930;--muted:#707368;--line:#d3d3c9;--olive:#626a50;--green:var(--olive);font-family:'DM Sans','Segoe UI',sans-serif;color:var(--ink);background:var(--paper)}
body{background:var(--paper);color:var(--ink);font-family:'DM Sans','Segoe UI',sans-serif}
header{background:var(--paper);border-color:var(--line)}
.brand .explore-label,.explore-label{color:var(--muted);letter-spacing:.02em;font-size:19px}
.project-name,.panel-intro,.panel-heading p,.home-evidence-note,.movement-note,.microcopy,.feature p,.selection-note,.source small{color:var(--muted)}
.header-divider{border-color:var(--line)}
.planning-badge{color:var(--olive);background:transparent;border-color:var(--line);border-radius:0;font-size:10px;font-weight:500;letter-spacing:1.1px;text-transform:uppercase}
h1,h2,.panel-title,.scene-caption h2,.movement-player h3{font-family:'Italiana',Georgia,serif;font-weight:400;color:var(--ink)}
.panel-heading h1{font-family:'Italiana',Georgia,serif;font-size:29px;font-weight:400;letter-spacing:-.7px}
.eyebrow{color:var(--olive);font-weight:500;letter-spacing:2px}
.sidebar{background:var(--paper);border-color:var(--line)}
.sidebar-bottom,.tabs,.feature,.phase-section,.homes-group,.homes-table-head,.related-drawings{border-color:var(--line)}
.sidebar-bottom,.sidebar-bottom>span:last-child{color:var(--muted)}
.tabs button{color:var(--muted);font-weight:400}
.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--olive);font-weight:500}
.tabs button:hover{background:#e5e4da}
.segmented,.layer-tools,.layer-menu,.sun-control,.map-toolbar,.panel-opener{background:#f6f5eff2;border-color:var(--line);color:var(--ink);border-radius:2px;box-shadow:0 5px 20px #30362808}
.segmented button,.tool-label,.layer-tools,.sun-control input[type=date],#sun-angles,.map-toolbar button{color:var(--muted)}
.segmented button[aria-pressed=true],.sun-play[aria-pressed=true],.primary-button{background:var(--olive);color:#fff}
.sun-play,.movement-buttons button,.movement-player select{color:var(--ink);background:#f6f5ef;border-color:var(--line);border-radius:1px}
.movement-buttons button:first-child{background:var(--olive);border-color:var(--olive);color:white}
.sun-control input[type=range]::-webkit-slider-thumb{background:var(--olive)}
.sun-control input[type=range]::-moz-range-thumb{background:var(--olive)}
.scene-caption .eyebrow,.scene-caption #view-label{color:var(--ink)}
.scene-caption h2{letter-spacing:-1px}
.scene-caption{background:#eeece5e8;padding:14px 17px;border-left:1px solid var(--line);max-width:285px}
.scene-caption h2{font-size:30px;margin:8px 0}
.fact-grid strong{color:var(--olive)}
.approximate-tag,.status-tag,.home-assumption{color:var(--olive);background:#f6f5efde;border-color:var(--line);border-radius:0}
.movement-player,.phase-card,.source,.source-card,.home-filter-panel,.selection,.fact-grid{background:#f6f5ef;border-color:var(--line);border-radius:2px;box-shadow:none}
.feature-source,.feature-heading button,.text-button,.related-drawings a{color:var(--olive)}
.home-filters select,.search-box,#type,.home-filters button,.selection-actions button{color:var(--ink);background:#f6f5ef;border-color:var(--line);border-radius:2px}
.homes-group{color:var(--ink)}
.homes-group:hover,.homes-group.active,.plot-row:hover{background:#e2e3d7}
.bedroom-track{background:#dedfd5}.bedroom-track i{background:var(--olive)}
.tenure-pill{color:var(--ink);background:#f6f5ef;border-color:var(--line)}
.tenure-key button[aria-pressed=true]{outline:1px solid var(--olive);outline-offset:3px}
.context-credit{background:#f6f5efdc;color:var(--muted)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--olive);outline-offset:4px}
/* Drawing viewer shares the same family palette and typography. */
body:has(#sheet) header,body:has(#sheet) nav,body:has(#sheet) footer{background:var(--paper);border-color:var(--line)}
body:has(#sheet) button,body:has(#sheet) select{color:var(--ink);background:#f6f5ef;border-color:var(--line);border-radius:1px}
body:has(#sheet) header>a:last-child{color:var(--olive)}
body:has(#sheet) main{background:#deded6}
@media(max-width:650px){.brand .explore-label{font-size:17px}.panel-heading h1{font-size:25px}.planning-badge{font-size:8px;letter-spacing:.7px}}