.plot-controls{display:flex;gap:14px;align-items:center;flex:1;flex-wrap:wrap}.plot-controls button[aria-pressed=true]{background:#004f38;color:white}.plot-controls label{font-size:12px}.plot-controls select{padding:8px;border:1px solid #cbd1c8;background:#fff;color:#004f38}.plot-controls #headingReadout{font-size:11px;color:#64776d}.toolbar:has(.plot-controls){gap:12px;align-items:center}#plotOverlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#plotOverlay polygon{fill:#edd69438;stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke}#plotOverlay .floor-2 polygon{fill:#80dab938}#plotOverlay .floor-3 polygon{fill:#bac9ff38}#plotOverlay .selected polygon{fill:#ffe68f88;stroke:#ffe8a2;stroke-width:2.5}#plotOverlay text{font:600 17px Arial,sans-serif;fill:white;stroke:#174a39;stroke-width:4px;paint-order:stroke fill}.apartment-browser{padding:28px 0}.apartment-heading h2{font:32px Monik,Georgia,serif;margin:0 0 8px}.apartment-heading p{font-size:13px;color:#64776d}#plotList{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:22px 0}#plotList button{border:1px solid #ccd5cc;background:#fff;text-align:left;padding:15px;color:#004f38;cursor:pointer}#plotList button:hover{background:#e6eee7;border-color:#004f38}#plotList strong{display:block;font:23px Monik,Georgia,serif}#plotList span,#plotList small{display:block;margin-top:7px;font-size:11px}.test-note{font-size:11px;line-height:1.7;color:#657469;max-width:760px}.plan-dialog{width:min(1000px,96vw);max-height:94dvh;border:0;background:#fff;color:#004f38;padding:24px;overflow:auto}.plan-dialog::backdrop{background:#092a23b8;backdrop-filter:blur(4px)}.plan-top{display:flex;justify-content:space-between;gap:16px}.plan-top h2{font:32px Monik,Georgia,serif;margin:8px 0}.plan-top p:not(.eyebrow){font-size:12px}.plan-top button{align-self:flex-start;padding:10px;background:#f6f4f2;border:1px solid #ccd5cc;color:#004f38;cursor:pointer}#planImage{display:block;width:100%;height:auto;min-height:150px}.plan-bottom{display:flex;justify-content:space-between;gap:20px;font-size:12px;align-items:center}.plan-bottom a{color:#004f38}.plan-bottom span{font-size:10px;color:#64776d}.plan-open{overflow:hidden}@media(max-width:600px){.plot-controls{gap:8px}.plot-controls label{font-size:10px}.plot-controls select{padding:6px}.plot-controls #headingReadout{display:none}#plotList{grid-template-columns:repeat(3,1fr);gap:6px}#plotList button{padding:10px}#plotOverlay text{font-size:21px}.plan-dialog{padding:14px}.plan-top h2{font-size:26px}.plan-bottom{flex-wrap:wrap}.apartment-browser{padding:24px 8px}}

#plotOverlay .hovered polygon{fill:#ffe29299;stroke:#ffe8a2;stroke-width:3}#plotOverlay .hovered text{fill:#fff7dc;stroke:#003b2a;stroke-width:5}.stage.apartment-hover:not(.dragging){cursor:pointer}

/* Availability colours remain consistent through hover and selection. */
#plotOverlay g[data-status]{--plot-colour:#8c918a}
#plotOverlay g[data-status=green]{--plot-colour:#23845e}
#plotOverlay g[data-status=beige]{--plot-colour:#d5c5a3}
#plotOverlay g[data-status=red]{--plot-colour:#c6413d}
#plotOverlay g[data-status] polygon{fill:var(--plot-colour);fill-opacity:.28;stroke:#fff;stroke-width:1.5;transition:fill-opacity .16s ease,stroke-width .16s ease}
#plotOverlay g[data-status].selected polygon{fill:var(--plot-colour);fill-opacity:.5;stroke:var(--plot-colour);stroke-width:2.5}
#plotOverlay g[data-status].hovered polygon{fill:var(--plot-colour);fill-opacity:.72;stroke:var(--plot-colour);stroke-width:3}
.residence-tip-status{margin:0 0 10px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:7px}
.residence-tip-status:before{content:'';width:9px;height:9px;border-radius:50%;background:#8c918a}
.residence-tip-status[data-status=green]:before{background:#23845e}.residence-tip-status[data-status=beige]:before{background:#d5c5a3}.residence-tip-status[data-status=red]:before{background:#c6413d}