/* Solares: warm surfaces, clear parcel colors and controls made for touch. */
:root{--ink:#173f36;--muted:#586d65;--accent:#176b52;--line:#d9e3d7;--sold:#a78bfa;--future:#38bdf8;--existing:#34d399;--whole:#fbbf24;--commercial:#fb7185;color:var(--ink);background:#f8f7f0}
body{background:radial-gradient(ellipse at 6% 12%,#e8f2d9 0,transparent 40%),#f8f7f0}
header{background:#153f34;border-bottom:3px solid #c6e68a}
.mark{color:#d7ee9f}.brand small{color:#d1dec6}.demo{border-color:#678f75;color:#e1eccf;border-radius:30px}
h1{font-weight:750;letter-spacing:-1.4px}.eyebrow{color:#537952}p,.small{color:var(--muted)}
.heading{align-items:flex-start}.location{color:var(--accent);border-color:#9ebda8;min-height:44px;display:inline-flex;align-items:center}
.price-banner{gap:8px 14px;color:#215c41}.price-banner strong{font-size:20px}.price-banner span{background:#e5edcc;border-radius:20px;padding:6px 12px;color:#415b24}
.tour-shortcut{color:var(--accent)}
.map-explorer{padding:16px;background:#fffdf8;border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 35px #234c2b09}
.map-toolbar{margin-bottom:12px}.base-switch{background:#eef1e6;border-radius:13px;padding:4px;gap:4px}
.base-switch button{border-radius:10px;min-height:44px;font-weight:650;color:#446253}
.base-switch button[aria-pressed=true]{background:var(--accent);box-shadow:0 3px 8px #163f3520;color:white}
.outline{border-color:#cad9ca;color:#365c4d;border-radius:10px;min-height:44px;background:#fffdf8}
.outline[aria-pressed=true]{background:var(--accent)}
.filters{gap:8px;padding:2px 1px 9px}.filters button{border-radius:30px;border-color:#d9e3d7;color:#486153;min-height:42px;background:#fff;font-size:12px}
.filters button[aria-pressed=true]{background:#edf5e5;border-color:#4d8858;box-shadow:0 0 0 1px #4d8858;color:#254d30}
.filters b{background:#ecf0e6;border-radius:20px;padding:2px 6px}.filters i{border-radius:50%;width:10px;height:10px}
.existing{--color:#94a3b8}.available{--color:var(--existing)}
.map{border-radius:16px;border-color:#bdd0bb;background:#173d32}.map.cad{background:#f4f5ec}
.map-top span{background:#173f36ec;border-radius:8px;letter-spacing:.5px}
.map.cad .context-line{stroke:#bfcab9}.map.cad .lot-shape{stroke:#52685c;fill-opacity:.55}
.map.cad .lot-shape.future{stroke:#167da7;fill-opacity:.45}.map.cad .lot-shape.sold{stroke:#7653b5;fill-opacity:.7}
.map.cad .lot-shape.available{stroke:#138a58;fill-opacity:.68}.map.cad .lot-shape.selected{stroke:#173f36;stroke-width:3}
.lot-shape.selected{stroke-width:3.2;fill-opacity:.8}.zoom{border-radius:12px}.zoom button{color:var(--ink)}.zoom button:hover{background:#e5f1db}
.project-note{border-color:#8bb866;color:#526848}.project-note strong{color:#315b39}.footnote{color:#687b65}
.map-navigation{margin:8px 0 10px}.map-navigation label{color:#426149}.map-navigation select{background:#f5f7ee;border-color:var(--line);border-radius:10px}
.sector-shortcuts{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;padding:2px 1px 8px;margin:0 0 7px}
.sector-shortcuts button{flex:1;flex-shrink:0;white-space:nowrap;min-height:44px;min-width:64px;border:1px solid #d6e3cf;border-radius:10px;background:#f0f5e7;color:#436337;font-weight:650;font-size:12px}
.sector-shortcuts button[aria-pressed=true]{background:#d2ebae;border-color:#82ac57;color:#284d22}
aside{background:#fffdf8;border-color:var(--line)}select{background:#f4f7ed;border-color:#cddbc8;color:var(--ink)}
.fraction-button{border-color:#d7dfce;background:#f3f5e9;color:#43633d;border-radius:10px}.fraction-button.active{background:#24684d;border-color:#24684d}
.parcel-grid button{border-radius:8px;background:#dcf7e8;border-color:#9edbbc;color:#155c39}
.parcel-grid button.future{background:#e1f4ff;border-color:#a3d9f5;color:#176b95}.parcel-grid button.sold{background:#eee6fc;border-color:#c9b7eb;color:#6c449c}
.parcel-grid button.existing{background:#edf0f3;border-color:#cad2dd;color:#536575}.parcel-grid button.active{box-shadow:0 0 0 2px #226647}
.status{border-radius:20px;padding:7px 11px}.status.available{background:#d7f6e5;color:#155c39}.status.future{background:#def3ff;color:#156b94}.status.sold{background:#ece4ff;color:#624090}.status.whole{background:#fff0bd;color:#73531b}.status.commercial{background:#ffe1e5;color:#97374b}
.dimensions,.notice{background:#f2f5ea}.dimensions p{color:#385b3e}.source{color:var(--accent)}
.primary{background:#176b52;border-radius:12px;font-weight:650;min-height:48px;align-items:center;gap:12px;text-decoration:none}.primary:hover{background:#10523f}
.zoning-card{background:#f4f7ec;border-color:#d9e3cc}.zoning-values div{background:#e5efd9}.zoning-values strong{color:#3e692e}.zoning-condition{background:#e7efdf}.zoning-card h3{color:var(--ink)}
.embedded-tour,.earth-section,.connections{background:#fffdf8;border-color:var(--line);border-radius:22px}
.tour-overlay strong{background:#153f34ec}.tour-overlay p,.tour-attribution{background:#153f34d9}.tour-scrubber input{accent-color:#176b52}
.connection-icon{background:#eaf0d8;color:#50702d;border-radius:12px}.connection-grid article{border-color:var(--line)}.connection-grid a,.download{color:var(--accent)}
.commercial-project{position:relative;overflow:hidden;background:radial-gradient(ellipse at 95% 10%,#447b46 0,transparent 65%),#153f34;border:0;border-radius:22px;padding:34px;color:#fff}
.commercial-project .eyebrow{color:#d3eb9b}.commercial-project p{color:#deead4}.commercial-features{gap:20px}.commercial-features span{padding:18px;border:1px solid #77976c55;border-radius:14px;background:#ffffff07;color:#dbe8cd}.commercial-features strong{color:#e4f5bc;font-size:27px}
.commercial-actions{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}.commercial-actions .primary{width:auto;background:#d7ee9f;color:#244b2e}.commercial-actions .primary:hover{background:#e5f6c1}.commercial-project .outline{border-color:#87a77e;color:#ecf4e6;font-size:13px}.commercial-project .small{color:#c1d3b8}.studio-caption{font-size:13px;margin-top:12px}
button,a,select{-webkit-tap-highlight-color:transparent}.outline,.primary,.base-switch button,.sector-shortcuts button,.parcel-grid button{transition:background-color .16s,border-color .16s,box-shadow .16s}
button:active:not(:disabled){filter:brightness(.94)}:focus-visible{outline:3px solid #73993b;outline-offset:3px}
.map-explorer.map-expanded{background:#f8f7f0;border-radius:0}.map-expanded .sector-shortcuts{flex-shrink:0;margin:0 0 5px}
@media(max-width:760px){
 header{padding:0 14px;height:70px}.demo{display:none}.brand{font-size:12px;letter-spacing:1.1px}.brand small{font-size:9px}.mark{font-size:36px}
 .workspace{padding:22px 10px 18px}.heading{padding:0 6px;margin-bottom:14px}.heading h1{font-size:31px;line-height:1.13;max-width:310px;margin:10px 0}.heading .location{font-size:13px;margin-top:4px}.heading .small{margin-top:6px}
 .price-banner strong{font-size:19px}.price-banner{margin:7px 0 10px}.price-banner span{font-size:12px}.heading #summary{font-size:12px;max-width:320px}
 .map-explorer{padding:10px;border-radius:18px}.map-toolbar{flex-wrap:nowrap;gap:7px}.map-toolbar .base-switch{width:auto;flex:1;margin:0;min-width:0}.base-switch button{font-size:12px;padding:8px 10px;white-space:nowrap}.map-toolbar #zoning-toggle{font-size:11px;padding:8px;flex-shrink:0}.map-toolbar #perspective{display:none}
 .filters{margin-bottom:5px;gap:7px}.filters button{min-height:44px;font-size:12px}.map-navigation{margin:3px 0 6px;gap:6px}.map-navigation select{font-size:14px;min-height:44px}.map-navigation button{font-size:11px;padding:8px;min-height:44px}
 .sector-shortcuts{margin:0;padding-bottom:7px;gap:6px}.sector-shortcuts button{font-size:12px;min-width:65px}.touch-help{font-size:11px;color:#4c6854;margin:5px 0 9px}
 .map{border-radius:12px}.map #plan{height:52svh;min-height:330px;max-height:560px}.map-top span{font-size:8px}.zoom{border-color:#c5d6bf}.zoom button{min-width:46px;min-height:46px}.zoom #reset{font-size:10px}
 .project-note{margin:14px 6px 0;font-size:12px}.footnote{font-size:10px}.footnote span:last-child{display:none}
 aside{padding:24px 16px}.parcel-grid button{min-height:46px}.sheet-open .parcel-sheet{background:#fffdf8;border-color:#b5cdab;box-shadow:0 -8px 35px #183c2933}.sheet-header{background:#fffdf8f5}.sheet-header strong{color:var(--ink);font-size:19px}.sheet-header span{color:#176b52;font-size:15px;font-weight:650}.sheet-header button{background:#eaf0df;color:#345334}.detail h2{color:var(--ink)}
 .sheet-open .detail h2{display:none}.sheet-open .detail .detail-top{margin-bottom:8px}.sheet-open .detail #price{font-size:18px;color:#176b52}
 .map-expanded .map-toolbar{display:flex;order:-2;margin-bottom:5px}.map-expanded #zoning-toggle{display:none}.map-expanded .filters{order:-1}.map-expanded .sector-shortcuts{order:2}.map-expanded .touch-help{order:2}.map-expanded .map-navigation{order:1}.map-expanded .map{order:3}.sheet-open .map-expanded .filters,.sheet-open .map-expanded .sector-shortcuts{display:none}
 .embedded-tour,.earth-section,.connections,.commercial-project{padding:21px 18px;border-radius:20px}.commercial-project h2{font-size:28px}.commercial-features{gap:10px}.commercial-features span{padding:14px}.commercial-features strong{font-size:25px}.commercial-actions{flex-direction:column}.commercial-actions .primary{width:100%;font-size:14px;line-height:1.4}.commercial-actions .outline{text-align:left;min-height:48px}.tour-stage{height:370px}
}
@media(max-width:760px) and (orientation:landscape){.map-expanded .map-toolbar,.map-expanded .sector-shortcuts{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}