.hub-plan-v169{padding-block:54px;scroll-margin-top:calc(var(--hhmm-header-height,80px) + 20px)}
.hub-plan-v169>header{max-width:840px;margin-bottom:25px}.hub-plan-v169 h2{font:400 clamp(32px,3.5vw,52px)/1.12 Georgia,serif;margin:12px 0 16px}.hub-plan-v169 header>p:not(.section-label){font-size:15px;line-height:1.6;color:#4d6057}
.hub-plan-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;border-block:1px solid #cbd1c8;padding:16px 0}.hub-floor-tabs{display:flex;gap:9px;flex-wrap:wrap}.hub-floor-tabs button{min-height:54px;border:1px solid #a6b2a7;background:transparent;padding:10px 18px;font:500 15px/1.25 system-ui;color:#203d2e;cursor:pointer}.hub-floor-tabs button small{display:block;font-size:10px;margin-top:4px;font-weight:400}.hub-floor-tabs button[aria-pressed=true]{background:#203d2e;color:white}.hub-zoom{display:flex;gap:4px}.hub-zoom button{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #a6b2a7;background:#faf9f4;cursor:pointer;font-size:17px}.hub-zoom button[data-hub-zoom=fit]{font-size:12px}
.hub-plan-legend{display:flex;gap:18px;flex-wrap:wrap;margin:16px 0;font-size:11px;color:#4b5f51}.hub-plan-legend span{display:flex;gap:6px;align-items:center}.hub-plan-legend i{display:inline-block;width:12px;height:12px;border:1px solid #758475;background:#bbb}.hub-plan-legend i.available{background:#72b896}.hub-plan-legend i.selected{background:#ea9b47}.hub-plan-legend i.not-listed{background:#d6d5d2}
.hub-plan-workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.hub-plan-left{min-width:0}.hub-map-scroll{overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid #c9d0c7;max-height:66vh;scrollbar-width:thin;touch-action:pan-x pan-y pinch-zoom}.hub-map-inner{width:100%;min-width:0}.hub-map-inner svg{display:block;width:100%;height:auto;min-height:140px}.hub-unit-shape{fill:#21805322;stroke:#2a7e57;stroke-width:1;vector-effect:non-scaling-stroke;transition:fill .15s}.hub-unit-shape.not-listed{fill:#8c8b8638;stroke:#8c8b86;stroke-dasharray:2 2}.hub-unit-shape.reserved{fill:#cfaa6444;stroke:#a57b3a}.hub-unit-shape.sold{fill:#8c8b8638;stroke:#8c8b86}.hub-map-inner a{cursor:pointer}.hub-map-inner a:hover .hub-unit-shape,.hub-map-inner a:focus .hub-unit-shape{fill:#299b7855;stroke-width:2}.hub-map-inner a.is-selected .hub-unit-shape{fill:#ed984f77;stroke:#ac5a16;stroke-width:2.5}.hub-map-inner a:focus-visible{outline:0}.hub-plan-subline{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:11px;color:#526257;line-height:1.5}.hub-plan-subline small{font-size:11px}.hub-plan-subline a{flex-shrink:0;text-decoration:underline;text-underline-offset:3px}
.hub-selection{background:#e8ede4;border-top:2px solid #859782;padding:20px;min-width:0}.hub-selection>small{font-size:10px;letter-spacing:.07em}.hub-selection h3{font:400 28px/1.12 Georgia,serif;margin:12px 0}.hub-selection-price{font:400 29px/1.2 Georgia,serif}.hub-selection-state{font-size:10px;color:#56665a;line-height:1.5}.hub-selection dl{margin:16px 0}.hub-selection dl>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #bec9ba;font-size:12px;line-height:1.4}.hub-selection dd{margin:0;text-align:right}.hub-selection-layout{display:block;height:140px;background:#fff}.hub-selection-layout img{height:100%;width:100%;object-fit:contain}.hub-selected-promo,.hub-selection-empty{font-size:12px;line-height:1.65}.hub-selected-link,.hub-selected-contact{display:block;width:100%;min-height:44px;margin-top:10px;padding:13px 12px;font-size:12px;text-align:center;line-height:1.4}.hub-selected-link{background:#203d2e;color:#fff}.hub-selected-contact{border:1px solid #97a58f;background:transparent;cursor:pointer}
.hub-number-picker{margin-top:24px}.hub-number-picker label{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:12px}.hub-number-picker input{font-size:16px;width:240px;min-height:44px;max-width:100%;padding:12px;border:1px solid #b1baae;background:#fff}.hub-number-picker>p{font-size:11px;color:#5c6b5e}.hub-number-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.hub-number-list a{font-size:13px;padding:12px 6px;text-align:center;border:1px solid #bac5b6;background:#faf9f4;min-height:50px}.hub-number-list small{display:block;font-size:10px;margin-top:3px;color:#5d6b60}.hub-number-list a.is-selected{border-color:#b66725;background:#fae1c5}.hub-plan-note{font-size:11px;color:#5c6b5e;line-height:1.6;margin:18px 0 0}.hub-plan-v169 [hidden]{display:none!important}.hub-plan-v169 :is(button,input,a):focus-visible{outline:2px solid #ae682f;outline-offset:3px}
@media(max-width:1050px){.hub-plan-workspace{grid-template-columns:1fr}.hub-selection{min-height:110px}.hub-selection-layout{height:160px;max-width:300px}.hub-selection dl{max-width:500px}}
@media(max-width:600px){.hub-plan-v169{padding-block:35px}.hub-plan-v169 h2{font-size:32px}.hub-plan-toolbar{align-items:flex-start;flex-wrap:wrap}.hub-floor-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.hub-floor-tabs button{font-size:14px;padding:9px}.hub-zoom{margin-left:auto}.hub-plan-legend{gap:10px;font-size:10px}.hub-map-scroll{max-height:55vh}.hub-plan-subline{flex-direction:column}.hub-number-list{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-number-picker label{gap:8px}.hub-number-picker input{width:100%}.hub-map-inner svg{min-height:0}}
@media(prefers-reduced-motion:reduce){.hub-unit-shape{transition:none}}