/* Veevow Tools V13 — dynamic-safe interface layer */
:root{--v13-gold:#c99d4d;--v13-gold-dark:#a9792f;--v13-cream:#fbfaf7;--v13-soft:#f5f1e8;--v13-line:#e5dfd4;--v13-ink:#171717;--v13-muted:#737985;--max:1320px}
.v13-tools{background:#f7f7f5}
/* Critical collision fix: the public site uses .field as a 50px input. Tools use it as a whole form-field wrapper. */
.v13-tools .field,.v13-tools .vui-field{height:auto!important;min-height:0!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;color:inherit!important;width:auto!important;display:grid!important;gap:7px!important;margin:0 0 16px!important}
.v13-tools .field label,.v13-tools .field .label,.v13-tools .vui-field label{height:auto!important;line-height:1.25;color:#4f5e78;font-size:.86rem;font-weight:700}
.v13-tools .field input,.v13-tools .field select,.v13-tools .field textarea,.v13-tools .vui-field input,.v13-tools .vui-field select,.v13-tools .vui-field textarea{height:48px!important;border:1px solid #d7d0c4!important;border-radius:11px!important;background:#fff!important;padding:10px 13px!important;color:var(--v13-ink)!important;box-shadow:none!important}
.v13-tools .field input[type=range]{height:auto!important;border:0!important;padding:0!important;background:transparent!important;accent-color:var(--v13-gold)}
.v13-tools .field small:empty{display:none}
.v13-tools .tools-art{display:none!important}
.v13-tools .hero{padding:22px 0 18px!important;background:#f7f7f5!important;border-bottom:1px solid #ece7de}
.v13-tools .hero-grid{grid-template-columns:minmax(0,1fr) minmax(270px,.48fr);gap:26px;align-items:center}
.v13-tools .hero h1{font-size:clamp(2rem,3.3vw,3.25rem);margin:.08em 0 .18em}
.v13-tools .hero p{margin:.25em 0 .55em}
.v13-tools .hero-panel{padding:18px 20px;border-radius:18px;background:#1b1b1a}
.v13-tools .journey{display:none}
.v13-tools .tool-layout{grid-template-columns:minmax(350px,.72fr) minmax(0,1.28fr);gap:24px;padding-top:24px;padding-bottom:44px;align-items:start}
.v13-tools .tool-inputs>.card{position:sticky;top:146px;padding:24px;border-radius:22px;box-shadow:0 16px 44px rgba(23,23,23,.07)}
.v13-tools .sticky-results{position:static}
.v13-tools .tool-results>.card:first-child{padding:24px 26px;margin-bottom:14px}
.v13-tools .tool-results h2{font-size:clamp(2rem,3vw,3rem)}
.v13-tools .methodology{border:1px solid var(--v13-line);background:#f2efe8}
.v13-tools .button.gold{background:var(--v13-gold);border-color:var(--v13-gold);color:#fff}
.v13-tools .button.gold:hover{background:var(--v13-gold-dark);border-color:var(--v13-gold-dark)}
.v13-tools .button{min-height:44px}

/* Buyer Flow sub-navigation */
.buyer-flow-nav{background:#fff;border-bottom:1px solid #e9e4dc}
.buyer-flow-inner{min-height:48px;display:flex;align-items:center;gap:8px;overflow:auto;scrollbar-width:none}
.buyer-flow-inner::-webkit-scrollbar{display:none}
.buyer-flow-label{font-family:var(--serif);font-size:.95rem;margin-right:10px;white-space:nowrap;color:#6f6250}
.buyer-flow-link{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:88px;height:48px;padding:0 12px;text-decoration:none;font-size:.84rem;font-weight:700;white-space:nowrap;color:#545454}
.buyer-flow-link.active{color:#171717}
.buyer-flow-link.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:4px 4px 0 0;background:var(--v13-gold)}
.v13-tools .plan-strip{background:#22211f}

/* V13 priority controls */
.vui-priority{display:grid;grid-template-columns:minmax(108px,1fr) minmax(220px,1.45fr);gap:12px;align-items:center;margin:0 0 13px}
.vui-priority>span{font-size:.86rem;font-weight:700;color:#4f5e78}
.vui-priority-options{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ddd5c8;border-radius:10px;overflow:hidden;background:#fff}
.vui-priority-options label{position:relative;margin:0!important;cursor:pointer;font-size:.72rem!important;color:#555!important;font-weight:600!important;text-align:center;border-right:1px solid #e5ded3}
.vui-priority-options label:last-child{border-right:0}
.vui-priority-options input{position:absolute;opacity:0;pointer-events:none;width:1px!important;height:1px!important}
.vui-priority-options span{display:block;padding:8px 4px;min-height:34px}
.vui-priority-options input:checked+span{background:#ead7ae;color:#4a3516}
.vui-priority-options input:focus-visible+span{outline:2px solid var(--v13-gold);outline-offset:-2px}
.vui-section-title{display:flex;align-items:center;gap:9px;margin:20px 0 12px;font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;color:#956c2d;font-weight:800}
.vui-section-title:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--v13-gold)}

/* Dynamic property/development cards */
.vui-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.vui-property-card,.vui-development-card{overflow:hidden;padding:0!important;background:#fff;border:1px solid var(--v13-line);border-radius:19px;box-shadow:0 10px 30px rgba(23,23,23,.045)}
.vui-property-card{display:grid;grid-template-columns:minmax(190px,38%) minmax(0,1fr)}
.vui-media{position:relative;min-height:220px;background:linear-gradient(135deg,#eee9df,#faf8f3);overflow:hidden}
.vui-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.vui-media.is-missing:after,.vui-media:not(:has(img)):after{content:"VEEVOW";position:absolute;inset:0;display:grid;place-items:center;font-family:var(--serif);letter-spacing:.18em;color:#a99065}
.vui-media-badge{position:absolute;left:12px;top:12px;z-index:2;background:#fff7e7;border:1px solid #ead4aa;border-radius:999px;padding:5px 9px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#805f29}
.vui-property-body,.vui-development-body{padding:18px;min-width:0}
.vui-property-title,.vui-development-title{font-family:var(--serif);font-size:1.35rem;line-height:1.12;margin:2px 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vui-property-title a,.vui-development-title a{text-decoration:none}
.vui-meta{color:#7d8290;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vui-facts{display:flex;gap:10px 16px;flex-wrap:wrap;margin:13px 0;font-size:.82rem;color:#4b4b4b}
.vui-fact strong{font-family:var(--serif);font-size:1.05rem;font-weight:500;color:#171717}
.vui-price{font-family:var(--serif);font-size:1.7rem;margin:10px 0 2px}
.vui-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.vui-card-score{flex:none}
.vui-card-description{font-size:.88rem;line-height:1.45;color:#4e4e4e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vui-reasons{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin:14px 0 0;padding-top:12px;border-top:1px solid #eee8de;font-size:.78rem}
.vui-reasons strong{display:block;text-transform:uppercase;letter-spacing:.07em;font-size:.67rem;color:#80602e;margin-bottom:5px}
.vui-reasons ul{margin:0;padding-left:16px}
.vui-reasons li{margin:3px 0}
.vui-development-card .vui-media{min-height:180px}
.vui-development-card{display:grid;grid-template-columns:220px minmax(0,1fr)}
.vui-missing{color:#8a6424;font-size:.8rem}
.vui-stretch-label{display:inline-flex;background:#fff2dc;color:#835e22;border:1px solid #ead3a8;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:800;margin-bottom:8px}

/* Results and finance */
.v13-tools .metrics{gap:12px}
.v13-tools .metric{background:#f8f5ee;border-color:#e8e1d4;padding:15px 16px}
.v13-tools .metric strong{font-size:clamp(1.25rem,2vw,1.7rem)}
.v13-tools .notice{border-left-color:var(--v13-gold);background:#faf6ed}
.v13-tools .score{background:conic-gradient(var(--v13-gold) var(--score,75%),#eee9df 0)}
.vui-empty-state{padding:40px 24px;text-align:center;border:1px dashed #d7cdbd;border-radius:18px;background:#fbfaf7}
.vui-empty-state h3{margin-bottom:8px}
.vui-empty-state p{max-width:520px;margin:0 auto 14px;color:#777}

@media(max-width:1050px){
 .v13-tools .tool-layout{grid-template-columns:minmax(310px,.8fr) minmax(0,1.2fr)}
 .vui-property-card{grid-template-columns:1fr}.vui-media{min-height:260px}
 .vui-development-card{grid-template-columns:180px 1fr}
 .vui-priority{grid-template-columns:1fr}.vui-priority-options{max-width:360px}
}
@media(max-width:900px){
 .v13-tools .hero-grid,.v13-tools .tool-layout{grid-template-columns:1fr}
 .v13-tools .tool-inputs>.card{position:static}
 .v13-tools .hero-panel{display:none}
 .vui-result-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
 .buyer-flow-label{display:none}.buyer-flow-link{min-width:76px}
 .v13-tools .hero{padding:18px 0 14px!important}.v13-tools .hero h1{font-size:2.1rem}
 .v13-tools .tool-layout{padding-top:14px}.v13-tools .tool-inputs>.card{padding:18px}
 .vui-property-card,.vui-development-card{grid-template-columns:1fr}.vui-media,.vui-development-card .vui-media{min-height:220px}
 .vui-reasons{grid-template-columns:1fr}
 .vui-priority-options span{font-size:.66rem;padding:8px 2px}
}
.route-schematic{border:1px solid var(--v13-line);border-radius:18px;background:#fff;padding:12px;margin:14px 0;overflow:hidden}.route-schematic svg{width:100%;height:auto;display:block}.route-schematic p{margin:8px 4px 2px;font-size:.78rem}
.vui-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.vui-card-grid .vui-property-card,.vui-card-grid .vui-development-card{grid-template-columns:1fr}
.vui-card-grid .vui-media,.vui-card-grid .vui-development-card .vui-media{min-height:190px}
.vui-card-grid .vui-property-body,.vui-card-grid .vui-development-body{padding:16px}
.vui-card-grid .vui-reasons{display:none}
@media(max-width:1080px){.vui-card-grid{grid-template-columns:1fr}}

/* Production CTA alignment */
a.button,.button,button{box-sizing:border-box}a.button,.button{display:inline-flex;align-items:center;justify-content:center;text-align:center}