/* Owner homes per vertical (src/js/vertical-homes.js). Each vertical gets
   its own accent so Services, Mobile Food and Boutique don't read as the
   resale Overview. Scoped to .vh-home / .vh-switch only. */
.vh-home{--vh:#527ef7}
.vh-home.vh-services{--vh:#2dd4bf}
.vh-home.vh-food{--vh:#f5a524}
.vh-home.vh-boutique{--vh:#f472b6}
.vh-home .pagehead{position:relative;padding-left:16px}
.vh-home .pagehead:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:4px;background:var(--vh)}
.vh-home .pagehead .eyebrow{color:var(--vh)}
.vh-home .stat.blue{background:color-mix(in srgb,var(--vh) 16%,#14171c);border-color:color-mix(in srgb,var(--vh) 55%,transparent)}
.vh-home .stat .icon{color:var(--vh)}
.vh-home .sectionhead h2{display:flex;align-items:center;gap:10px}
.vh-home .sectionhead h2:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--vh)}
.vh-home .two-col{max-width:none}
.vh-switch{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.vh-pill{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:transparent;color:inherit;font:inherit;font-weight:700;font-size:.9rem;cursor:pointer}
.vh-pill:before{content:"";width:9px;height:9px;border-radius:50%;background:#527ef7}
.vh-pill.vh-services:before{background:#2dd4bf}.vh-pill.vh-food:before{background:#f5a524}.vh-pill.vh-boutique:before{background:#f472b6}
.vh-pill.on{background:#f4f6fa;color:#0b0d10;border-color:#f4f6fa}
.vh-pill:focus-visible{outline:3px solid #9fb8ff;outline-offset:2px}
.vh-list{list-style:none;margin:0;padding:0;display:grid}
.vh-list li{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.vh-list li:first-child{border-top:0}
.vh-when{flex:none;min-width:118px;font-weight:700;font-size:.88rem;color:var(--vh)}
.vh-what{flex:1;min-width:0;display:grid}
.vh-what b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vh-what small{color:var(--muted,#9aa3b2);font-size:.85rem}
.vh-tag{flex:none;display:inline-block;padding:3px 10px;border-radius:999px;background:#232834;color:#c9d0db;font-size:.78rem;font-weight:700}
.vh-tag.ok{background:rgba(67,201,139,.16);color:#8fe3bb}
.vh-tag.warn{background:rgba(242,184,75,.16);color:#f6cf82}
.vh-chips{display:flex;flex-wrap:wrap;gap:8px}
.vh-chip{padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--vh) 14%,#1a1e25);border:1px solid color-mix(in srgb,var(--vh) 40%,transparent);font-size:.88rem}
.vh-hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;border-color:color-mix(in srgb,var(--vh) 50%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--vh) 14%,#14171c),#14171c 60%)}
.vh-hero h2{margin:10px 0 4px;font-size:1.6rem}
.vh-hero p{margin:0}
.vh-shortcuts{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.vh-short{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:transparent;color:inherit;font:inherit;font-weight:600;text-align:left;cursor:pointer}
.vh-short:hover{border-color:color-mix(in srgb,var(--vh) 60%,transparent)}
.vh-short .icon{width:20px;height:20px;color:var(--vh);flex:none}
@media(max-width:780px){.vh-home .two-col{grid-template-columns:1fr}.vh-list li{flex-wrap:wrap;row-gap:4px}.vh-when{flex-basis:100%;min-width:0}}