.smart-space{padding:0 0 96px;background:#f6f8fa;color:#102036}.smart-space .site-shell{max-width:1600px}.smart-space__hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.7fr);gap:54px;align-items:end;margin-bottom:28px}.smart-space__eyebrow,.smart-space__result-head span,.smart-space__idle>span{display:block;color:#6e8296;font-size:11px;font-weight:900;letter-spacing:.12em}.smart-space__hero h1{margin:8px 0 0;font-size:46px;line-height:1.08;letter-spacing:-.055em}.smart-space__hero p{margin:0;color:#68798a;font-size:15px;line-height:1.75}.smart-space__panel{padding:20px;border:1px solid #dce4eb;border-radius:22px;background:#fff;box-shadow:0 18px 45px rgba(31,51,73,.06)}.smart-space__prompt{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border:1px solid #b9caD9;border-radius:16px;background:#fbfdff}.smart-space__spark{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#10263f;color:#fff;font-size:17px}.smart-space__prompt input{height:46px;border:0;outline:0;background:transparent;color:#102036;font-size:16px;font-weight:750}.smart-space__prompt input::placeholder{color:#9aa8b4}.smart-space__prompt button,.smart-space__actions button{height:46px;padding:0 18px;border:0;border-radius:12px;background:#1769e8;color:#fff;font-size:12px;font-weight:900;cursor:pointer}.smart-space__quick{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.smart-space__quick button{height:30px;padding:0 10px;border:1px solid #d7e0e8;border-radius:999px;background:#fff;color:#5e7183;font-size:10px;font-weight:850;cursor:pointer}.smart-space__quick button:hover{border-color:#93baf5;color:#1769e8}.smart-space__filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:16px;padding-top:16px;border-top:1px solid #edf1f4}.smart-space__filters label{display:grid;gap:5px}.smart-space__filters span{color:#718292;font-size:9px;font-weight:850}.smart-space__filters input,.smart-space__filters select{width:100%;height:38px;padding:0 9px;border:1px solid #d7e0e8;border-radius:9px;background:#fff;color:#223548;font-size:11px}.smart-space__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:15px}.smart-space__actions .smart-space__reset{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:46px;padding:0 15px;border:1px solid #cbd7e3;border-radius:12px;background:#fff;color:#314b66;font-size:12px;font-weight:900;text-decoration:none;box-shadow:0 4px 12px rgba(25,49,74,.04);transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.smart-space__actions .smart-space__reset svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.smart-space__actions .smart-space__reset:hover{border-color:#8eb8ef;background:#f4f8ff;color:#1769e8;box-shadow:0 6px 16px rgba(23,105,232,.08)}.smart-space__actions .smart-space__reset:focus-visible{outline:2px solid #8fbcff;outline-offset:3px}.smart-space__idle{margin-top:20px;padding:54px 24px;border:1px dashed #ccd7e0;border-radius:20px;background:#fff;text-align:center}.smart-space__idle strong{display:block;margin-top:8px;font-size:22px}.smart-space__idle p{margin:7px 0 0;color:#758596;font-size:12px}.smart-space__idle.is-empty{border-style:solid}.smart-space__result-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:42px 0 16px}.smart-space__result-head h2{margin:6px 0 0;font-size:27px;letter-spacing:-.03em}.smart-space__result-head p{max-width:480px;margin:0;color:#7b8996;font-size:11px;line-height:1.6}.smart-space__results{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.smart-space-card{display:flex;min-height:258px;flex-direction:column;padding:14px;border:1px solid #dfe6ec;border-radius:14px;background:#fff;box-shadow:0 10px 24px rgba(20,42,67,.035)}.smart-space-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.smart-space-card__top>span{padding:4px 7px;border-radius:999px;background:#eaf2ff;color:#1769e8;font-size:9px;font-weight:900}.smart-space-card__top small{color:#92a0ad;font-size:9px}.smart-space-card__title{display:grid;gap:3px;margin-top:13px;color:inherit;text-decoration:none}.smart-space-card__title strong{font-size:16px;line-height:1.25;letter-spacing:-.035em}.smart-space-card__title span{color:#68798a;font-size:10px;font-weight:750}.smart-space-card__facts{display:grid;gap:4px;margin-top:12px}.smart-space-card__facts>div{display:grid;grid-template-columns:66px minmax(0,1fr);gap:6px;align-items:baseline;padding:7px 0;border-top:1px solid #edf1f4}.smart-space-card__facts span{color:#81909d;font-size:8px;font-weight:800}.smart-space-card__facts strong{font-size:11px;line-height:1.3}.smart-space-card__facts small{grid-column:2;color:#8897a4;font-size:8px}.smart-space-card__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px}.smart-space-card__foot>span{color:#718292;font-size:8px}.smart-space-card__foot>a{display:inline-flex;height:31px;align-items:center;padding:0 9px;border-radius:8px;background:#10263f;color:#fff;font-size:9px;font-weight:900;text-decoration:none}.smart-space__pagination{margin-top:22px}
.smart-space__pagination[data-unit-load-more-container]{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px;
    padding:18px 0 8px;
    color:#71859c;
    font-size:12px;
}
.smart-space__load-more-button{
    min-width:min(100%,280px);
    min-height:44px;
    padding:11px 24px;
    border:1px solid #c8d9e9;
    border-radius:10px;
    background:#fff;
    color:#173e63;
    font:inherit;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
}
.smart-space__load-more-button:hover{background:#edf5ff;border-color:#8eb8df}
.smart-space__load-more-button:focus-visible{outline:3px solid #72aaf3;outline-offset:2px}
.smart-space__load-more-button:disabled{cursor:wait;opacity:.6}
[data-unit-load-more-error]{color:#b54242;font-size:12px}
[data-unit-load-more-error][hidden]{display:none}
@media(max-width:1380px){.smart-space__results{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1120px){.smart-space__hero{grid-template-columns:1fr}.smart-space__filters{grid-template-columns:repeat(3,minmax(0,1fr))}.smart-space__results{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.smart-space__results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.smart-space{padding:46px 14px 68px}.smart-space__hero{gap:14px}.smart-space__hero h1{font-size:34px}.smart-space__hero p{font-size:13px}.smart-space__panel{padding:13px;border-radius:16px}.smart-space__prompt{grid-template-columns:auto minmax(0,1fr)}.smart-space__prompt button{grid-column:1/-1;width:100%}.smart-space__filters{grid-template-columns:1fr 1fr}.smart-space__actions{justify-content:space-between}.smart-space__results{grid-template-columns:1fr}.smart-space__result-head{align-items:flex-start;flex-direction:column}.smart-space-card{min-height:0}.smart-space-card__facts>div{grid-template-columns:74px minmax(0,1fr)}.smart-space-card__facts small{grid-column:2}.smart-space__filters label:first-child{grid-column:1/-1}}
/* Smart search UX v2 */
.smart-space__panel{padding:18px}
.smart-space__prompt{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:10px 12px}
.smart-space__prompt-copy{display:grid;gap:3px;min-width:0}
.smart-space__prompt-copy label{color:#6f8192;font-size:9px;font-weight:900}
.smart-space__prompt-copy input{width:100%;height:32px;padding:0;border:0;background:transparent;color:#102036;font-size:16px;font-weight:850;outline:0}
.smart-space__prompt-copy input::placeholder{color:#a1adb8}
.smart-space__prompt button{min-width:104px}
.smart-space__examples{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px}
.smart-space__examples>span{margin-right:2px;color:#8998a5;font-size:9px;font-weight:900}
.smart-space__examples button{height:30px;padding:0 10px;border:1px solid #d8e1e9;border-radius:999px;background:#fff;color:#5f7182;font-size:10px;font-weight:850;cursor:pointer}
.smart-space__examples button:hover{border-color:#a9c8f7;color:#1769e8}
.smart-space__interpreted{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;margin-top:16px;padding:14px 15px;border:1px solid #d9e5f0;border-radius:13px;background:#f7fbff}
.smart-space__interpreted>div:first-child>span{display:block;color:#27445f;font-size:10px;font-weight:900}
.smart-space__interpreted>div:first-child>small{display:block;margin-top:3px;color:#8291a0;font-size:8px}
.smart-space__interpreted-chips{display:flex;gap:6px;flex-wrap:wrap}
.smart-space__interpreted-chips>span{display:inline-flex;min-height:28px;align-items:center;padding:0 9px;border-radius:999px;background:#eaf2ff;color:#1769e8;font-size:9px;font-weight:900}
.smart-space__advanced{margin-top:14px;border-top:1px solid #edf1f4}
.smart-space__advanced summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 2px 3px;cursor:pointer;list-style:none}
.smart-space__advanced summary::-webkit-details-marker{display:none}
.smart-space__advanced summary span{color:#2e4b67;font-size:10px;font-weight:900}
.smart-space__advanced summary small{color:#8a98a5;font-size:9px}
.smart-space__advanced:not([open]) .smart-space__filters{display:none}
.smart-space__advanced .smart-space__filters{margin-top:10px;padding-top:12px}
@media(max-width:680px){
.smart-space__prompt{grid-template-columns:42px minmax(0,1fr)}
.smart-space__prompt button{grid-column:1/-1;width:100%}
.smart-space__interpreted{grid-template-columns:1fr;gap:9px}
.smart-space__advanced summary{align-items:flex-start;flex-direction:column;gap:3px}
}

/* Listing card architectural visual */
.smart-space-card{position:relative;overflow:hidden;isolation:isolate}
.smart-space-card__content{position:relative;z-index:2;display:flex;min-height:230px;flex:1;flex-direction:column}
.smart-space-card__visual{position:absolute;z-index:0;top:10px;right:8px;bottom:10px;width:58%;border-radius:12px;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.34;filter:saturate(.92) contrast(.98);transform:scale(1.015)}
.smart-space-card__visual::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.56) 35%,rgba(255,255,255,.08) 100%)}
.smart-space-card.has-building-visual::after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.34) 60%,rgba(255,255,255,.70) 100%)}
.smart-space-card__top,.smart-space-card__title,.smart-space-card__facts,.smart-space-card__foot{position:relative;z-index:3}
@media(max-width:680px){.smart-space-card__visual{width:52%;opacity:.16}}

/* Transaction type identity */
.smart-space-card{--tx:#1769e8;--tx-soft:#eaf2ff;--tx-deep:#1557b0}
.smart-space-card::before{content:"";position:absolute;z-index:4;top:0;left:0;right:0;height:3px;background:var(--tx);opacity:.92}
.smart-space-card__top .smart-space-card__transaction{background:var(--tx-soft);color:var(--tx-deep);border:1px solid color-mix(in srgb,var(--tx) 22%,transparent)}
.smart-space-card__facts>div:nth-child(2){margin-top:1px;padding:8px 7px;border-top:0;border-radius:9px;background:color-mix(in srgb,var(--tx-soft) 72%,rgba(255,255,255,.82))}
.smart-space-card__facts>div:nth-child(2)>span{color:var(--tx-deep)}
.smart-space-card__facts>div:nth-child(2)>strong{color:var(--tx-deep);font-weight:900}
.smart-space-card--lease{--tx:#1769e8;--tx-soft:#eaf2ff;--tx-deep:#1557b0}
.smart-space-card--primary_sale{--tx:#7c5ce7;--tx-soft:#f0edff;--tx-deep:#6445c8}
.smart-space-card--sale{--tx:#0f9f78;--tx-soft:#e8f8f2;--tx-deep:#08795c}
.smart-space-card--resale{--tx:#d47a16;--tx-soft:#fff3e4;--tx-deep:#a85b08}
.smart-space-card--lease .smart-space-card__foot>a{background:#123f78}
.smart-space-card--primary_sale .smart-space-card__foot>a{background:#4f3b92}
.smart-space-card--sale .smart-space-card__foot>a{background:#0b654f}
.smart-space-card--resale .smart-space-card__foot>a{background:#7f470d}

/* Connected transaction filters, with a subtle rule beneath the group. */
.smart-space__transaction-tabs{display:flex;align-items:stretch;gap:0;width:100%;margin:0 0 18px;padding:0 0 13px;border-bottom:1px solid #dbe5ee;overflow-x:auto;scrollbar-width:none}
.smart-space__transaction-tabs::-webkit-scrollbar{display:none}
.smart-space__transaction-tabs a{display:inline-flex;align-items:center;justify-content:center;min-width:88px;min-height:44px;padding:0 20px;border:1px solid #dbe3eb;border-right:0;border-radius:0;background:#fff;color:#62778b;font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap;transition:background .16s ease,border-color .16s ease,color .16s ease}
.smart-space__transaction-tabs a:first-child{border-radius:8px 0 0 8px}
.smart-space__transaction-tabs a:last-child{border-right:1px solid #dbe3eb;border-radius:0 8px 8px 0}
.smart-space__transaction-tabs a:hover{background:#f1f6fa;color:#17446b}
.smart-space__transaction-tabs a.is-active{color:#fff;border-color:#173e63;background:#173e63;box-shadow:none}
.smart-space__transaction-tabs a.is-active + a{border-left-color:#173e63}
.smart-space__transaction-tabs a:focus-visible{outline:3px solid #77abe3;outline-offset:-3px;position:relative;z-index:1}
@media(max-width:600px){.smart-space__transaction-tabs a{min-width:72px;min-height:42px;padding:0 13px;font-size:13px}}
/* Smart search page navigation */
.smart-space__nav{display:flex;align-items:center;gap:8px;margin:0 0 24px}
.smart-space__back,.smart-space__home{display:inline-flex;align-items:center;justify-content:center;height:42px;border:1px solid #d2deea;border-radius:999px;background:#fff;color:#344d66;font:inherit;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 6px 18px rgba(31,51,73,.055);transition:color .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}
.smart-space__back{gap:8px;min-width:110px;padding:0 18px;font-size:13px}
.smart-space__home{width:42px;flex:0 0 42px;padding:0}
.smart-space__back svg,.smart-space__home svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.smart-space__home svg{width:17px;height:17px}
.smart-space__back:hover,.smart-space__home:hover{border-color:#9fc0ea;background:#f5f9ff;color:#1769e8;box-shadow:0 8px 22px rgba(23,105,232,.09)}
.smart-space__back:hover{transform:translateX(-1px)}
.smart-space__home:hover{transform:translateY(-1px)}
.smart-space__back:focus-visible,.smart-space__home:focus-visible{outline:2px solid #8fbcff;outline-offset:3px}
@media(max-width:680px){.smart-space__nav{margin-bottom:18px}.smart-space__back{min-width:104px;height:40px;padding:0 16px;font-size:12px}.smart-space__home{width:40px;height:40px;flex-basis:40px}}

/* Smart search filter legibility */
.smart-space__advanced summary span{font-size:13px;font-weight:900;color:#20364d}
.smart-space__advanced summary small{font-size:11px;font-weight:800;color:#7c8c9b}
.smart-space__filters span{font-size:11px;font-weight:900;color:#5d7185}
.smart-space__filters input,.smart-space__filters select{font-size:12px;font-weight:700}
.smart-space__interpreted>div:first-child>span{font-size:12px;font-weight:900;color:#20364d}
.smart-space__interpreted>div:first-child>small{font-size:10px}


/* AI-like spacious smart search presentation */
.smart-space__panel{
    position:relative;
    overflow:hidden;
    padding:28px;
    border-color:#d6e2ee;
    border-radius:26px;
    box-shadow:0 22px 56px rgba(31,51,73,.075);
}
.smart-space__panel::before{
    content:"";
    position:absolute;
    top:-140px;
    left:-120px;
    width:360px;
    height:360px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(23,105,232,.085) 0%,rgba(23,105,232,0) 72%);
    pointer-events:none;
}
.smart-space__prompt{
    position:relative;
    z-index:1;
    gap:14px;
    min-height:82px;
    padding:12px 14px;
    border:1px solid #b7cae0;
    border-radius:20px;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 24px rgba(35,72,110,.045);
}
.smart-space__spark{
    width:52px;
    height:52px;
    border-radius:16px;
    background:linear-gradient(145deg,#0e2742 0%,#173f69 100%);
    font-size:20px;
    box-shadow:0 8px 20px rgba(16,38,63,.16);
}
.smart-space__prompt-copy{gap:5px}
.smart-space__prompt-copy label{
    color:#6f8295;
    font-size:11px;
    font-weight:900;
    letter-spacing:-.01em;
}
.smart-space__prompt-copy input{
    height:38px;
    font-size:20px;
    font-weight:900;
    letter-spacing:-.035em;
}
.smart-space__prompt input::placeholder{color:#9caab8;font-weight:750}
.smart-space__prompt button{
    min-width:118px;
    height:52px;
    padding:0 22px;
    border-radius:15px;
    font-size:13px;
    box-shadow:0 8px 20px rgba(23,105,232,.16);
}
.smart-space__examples{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:max-content 1fr;
    gap:10px 14px;
    align-items:center;
    margin-top:18px;
    padding:0 2px;
}
.smart-space__examples>span{
    margin:0;
    color:#536a80;
    font-size:12px;
    font-weight:900;
    letter-spacing:-.015em;
}
.smart-space__examples>span::before{
    content:"✦";
    margin-right:6px;
    color:#1769e8;
    font-size:11px;
}
.smart-space__examples button{
    height:38px;
    padding:0 14px;
    border-color:#d3deea;
    background:#fff;
    color:#4a6279;
    font-size:11px;
    font-weight:850;
    box-shadow:0 3px 10px rgba(33,56,82,.025);
}
.smart-space__examples button:hover{
    border-color:#94baf0;
    background:#f5f9ff;
    color:#1769e8;
    transform:translateY(-1px);
}
.smart-space__examples button{transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}
.smart-space__examples button+button{margin-left:0}
.smart-space__examples{
    grid-template-areas:"label chips";
}
.smart-space__examples>span{grid-area:label}
.smart-space__examples>button{grid-area:auto}
.smart-space__interpreted{
    position:relative;
    z-index:1;
    grid-template-columns:minmax(210px,.42fr) minmax(0,1fr);
    gap:20px;
    margin-top:20px;
    padding:18px 20px;
    border-color:#d4e4f4;
    border-radius:18px;
    background:linear-gradient(135deg,#f8fbff 0%,#f1f7ff 100%);
}
.smart-space__interpreted>div:first-child>span{
    font-size:13px;
    color:#18344f;
}
.smart-space__interpreted>div:first-child>small{
    margin-top:5px;
    font-size:10px;
    line-height:1.45;
}
.smart-space__interpreted-chips{
    gap:8px;
    align-items:center;
}
.smart-space__interpreted-chips>span{
    min-height:34px;
    padding:0 12px;
    border:1px solid #d9e8ff;
    background:#eaf3ff;
    font-size:10px;
    box-shadow:0 3px 10px rgba(23,105,232,.04);
}
.smart-space__advanced{
    position:relative;
    z-index:1;
    margin-top:20px;
}
.smart-space__advanced summary{
    padding:17px 2px 8px;
}
.smart-space__advanced summary span{
    font-size:14px;
    letter-spacing:-.02em;
}
.smart-space__advanced summary small{
    font-size:11px;
}
.smart-space__filters{
    gap:12px;
    margin-top:18px;
    padding-top:18px;
}
.smart-space__filters label{gap:7px}
.smart-space__filters span{
    font-size:12px;
    color:#526a80;
}
.smart-space__filters input,
.smart-space__filters select{
    height:44px;
    padding:0 12px;
    border-radius:11px;
    font-size:12px;
}
.smart-space__actions{
    position:relative;
    z-index:1;
    gap:12px;
    margin-top:22px;
}
.smart-space__actions button,
.smart-space__actions .smart-space__reset{
    height:48px;
    font-size:13px;
}
@media(max-width:900px){
    .smart-space__examples{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
    .smart-space__examples>span{width:100%}
    .smart-space__interpreted{grid-template-columns:1fr}
}
@media(max-width:680px){
    .smart-space__panel{padding:18px;border-radius:20px}
    .smart-space__prompt{grid-template-columns:48px minmax(0,1fr);min-height:0;padding:10px}
    .smart-space__spark{width:48px;height:48px;border-radius:14px}
    .smart-space__prompt-copy input{font-size:17px}
    .smart-space__prompt button{grid-column:1/-1;width:100%;height:48px}
    .smart-space__examples{margin-top:16px}
    .smart-space__examples button{height:36px;font-size:10px}
    .smart-space__interpreted{padding:15px 16px}
    .smart-space__advanced summary span{font-size:13px}
    .smart-space__filters span{font-size:11px}
}


/* Fix example-search layout: compact horizontal suggestion chips */
.smart-space__examples{
    display:flex !important;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin-top:16px;
    padding:0 2px;
}
.smart-space__examples>span{
    width:auto !important;
    flex:0 0 auto;
    margin:0 2px 0 0;
    color:#536a80;
    font-size:12px;
    font-weight:900;
    letter-spacing:-.015em;
}
.smart-space__examples>button{
    grid-area:auto !important;
    flex:0 0 auto;
    width:auto !important;
    min-width:0 !important;
    height:36px;
    padding:0 13px;
    border:1px solid #d3deea;
    border-radius:999px;
    background:#fff;
    color:#4a6279;
    font-size:11px;
    font-weight:850;
    box-shadow:0 3px 10px rgba(33,56,82,.025);
}
.smart-space__examples>button:hover{
    border-color:#94baf0;
    background:#f5f9ff;
    color:#1769e8;
    transform:translateY(-1px);
}
@media(max-width:680px){
    .smart-space__examples{
        gap:8px;
    }
    .smart-space__examples>span{
        width:100% !important;
        margin-bottom:2px;
    }
    .smart-space__examples>button{
        height:34px;
        padding:0 11px;
        font-size:10px;
    }
}


/* No-result handoff from AI search to detailed search */
.smart-space__idle.is-empty .smart-space__empty-advanced{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    margin-top:18px;
    padding:0 18px;
    border:1px solid #1769e8;
    border-radius:12px;
    background:#1769e8;
    color:#fff;
    font:inherit;
    font-size:12px;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 8px 20px rgba(23,105,232,.14);
    transition:transform .16s ease,box-shadow .16s ease,background .16s ease;
}
.smart-space__idle.is-empty .smart-space__empty-advanced:hover{
    background:#145fcf;
    transform:translateY(-1px);
    box-shadow:0 10px 24px rgba(23,105,232,.18);
}
.smart-space__idle.is-empty .smart-space__empty-advanced:focus-visible{
    outline:2px solid #8fbcff;
    outline-offset:3px;
}


/* Unrecognized AI-search guidance */
.smart-space__unrecognized{
    grid-column:1/-1;
    margin-top:12px;
    padding:14px 16px;
    border:1px solid #f1d59a;
    border-radius:14px;
    background:#fffaf0;
}
.smart-space__unrecognized strong{
    display:block;
    color:#7a5314;
    font-size:12px;
    font-weight:900;
}
.smart-space__unrecognized p{
    margin:5px 0 0;
    color:#8b7555;
    font-size:10px;
    line-height:1.5;
}
.smart-space__unrecognized-examples{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:10px;
}
.smart-space__unrecognized-examples button{
    min-height:34px;
    padding:0 11px;
    border:1px solid #e2c98e;
    border-radius:999px;
    background:#fff;
    color:#6e541e;
    font:inherit;
    font-size:10px;
    font-weight:850;
    cursor:pointer;
}
.smart-space__unrecognized-examples button:hover{
    border-color:#1769e8;
    color:#1769e8;
    background:#f6f9ff;
}


/* Workspace-first results: shared desktop/tablet card rules.
   Real photos occupy a media area; figures never sit behind pricing text. */
.smart-space__result-head--buildings strong{
    display:block;
    margin-top:7px;
    color:#1769e8;
    font-size:12px;
    font-weight:900;
}
.smart-space__site-results{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
    gap:20px;
}
.smart-site-card{
    display:flex;
    flex-direction:column;
    min-width:0;
    height:100%;
    overflow:hidden;
    border:1px solid #dde6ee;
    border-radius:16px;
    background:#fff;
    box-shadow:0 10px 28px rgba(20,42,67,.045);
    transition:border-color .2s ease,box-shadow .2s ease;
}
.smart-site-card:hover{
    border-color:#c5d6e5;
    box-shadow:0 14px 36px rgba(20,42,67,.075);
}
.smart-site-card__visual{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:none;
    width:100%;
    height:clamp(175px,16vw,225px);
    overflow:hidden;
    background:linear-gradient(135deg,#e8eef4,#f5f8fb);
}
.smart-site-card__visual img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.smart-site-card__visual-empty{
    color:#8095a8;
    font-size:13px;
    font-weight:800;
}
.smart-site-card__content{
    display:flex;
    flex:1;
    flex-direction:column;
    min-width:0;
    padding:23px 26px 24px;
}
.smart-site-card__top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.smart-site-card__top>div{
    display:grid;
    gap:3px;
}
.smart-site-card__top span{
    color:#657e95;
    font-size:11px;
    font-weight:850;
}
.smart-site-card__top strong{
    color:#1769e8;
    font-size:27px;
    font-weight:900;
    line-height:1.12;
    letter-spacing:-.04em;
}
.smart-site-card__top small{
    color:#74889d;
    font-size:11px;
    font-weight:750;
}
.smart-site-card h3{
    margin:14px 0 0;
    color:#142a40;
    font-size:24px;
    font-weight:850;
    line-height:1.25;
    letter-spacing:-.045em;
    word-break:keep-all;
}
.smart-site-card__address{
    margin:5px 0 0;
    color:#718398;
    font-size:12px;
    line-height:1.5;
    word-break:keep-all;
}
.smart-site-card__types,
.smart-site-card__match-reasons{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px;
    margin-top:11px;
}
.smart-site-card__types span{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:0 9px;
    border-radius:6px;
    background:#edf4fc;
    color:#155d9e;
    font-size:10px;
    font-weight:850;
}
.smart-site-card__types .is-primary_sale,
.smart-site-card__types .is-resale{
    background:#f2effb;
    color:#6550a8;
}
.smart-site-card__types .is-sale{
    background:#fff2e9;
    color:#a95523;
}
.smart-site-card__facts{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-content:start;
    gap:0 18px;
    margin:16px 0 0;
    border-top:1px solid #e4ebf2;
}
.smart-site-card__facts>div{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    min-width:0;
    gap:5px;
    padding:13px 0;
    border-bottom:1px solid #edf1f5;
}
.smart-site-card__facts dt{
    color:#768a9e;
    font-size:11px;
    font-weight:800;
}
.smart-site-card__facts dd{
    min-width:0;
    margin:0;
    color:#1c3349;
    font-size:14px;
    font-weight:850;
    line-height:1.45;
    overflow-wrap:anywhere;
}
.smart-site-card__facts dd small{
    display:block;
    margin-top:3px;
    color:#687e91;
    font-size:11px;
    font-weight:750;
}
.smart-site-card__actions{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:auto;
    padding-top:20px;
}
.smart-site-card__actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    border-radius:9px;
    font-size:12px;
    font-weight:850;
    text-decoration:none;
    white-space:nowrap;
}
.smart-site-card__actions .is-secondary{
    flex:0 0 31%;
    padding:0 12px;
    border:1px solid #d9e3ed;
    background:#fff;
    color:#3f5b75;
}
.smart-site-card__actions .is-primary{
    flex:1;
    min-width:0;
    padding:0 16px;
    background:#153d66;
    color:#fff;
    box-shadow:none;
}
.smart-site-card__actions .is-primary:hover{
    background:#1769bd;
}
.smart-site-card__actions a:focus-visible{
    outline:2px solid #1769bd;
    outline-offset:2px;
}
.smart-space__back-to-sites{
    display:inline-flex;
    min-height:38px;
    align-items:center;
    padding:0 12px;
    border:1px solid #d3dfeb;
    border-radius:10px;
    background:#fff;
    color:#405b75;
    font-size:11px;
    font-weight:850;
    text-decoration:none;
}
/* Carousel controls: centered side arrows and selectable dots below the cards.
   They are revealed by JS only if more desktop positions exist. */
.smart-space__site-carousel-navigation[hidden],
.smart-space__site-carousel-pagination[hidden]{
    display:none!important;
}
@media(min-width:901px){
    .smart-space__site-carousel-stage{
        position:relative;
        min-width:0;
    }
    .smart-space__site-carousel-navigation{
        position:absolute;
        z-index:2;
        inset:0;
        pointer-events:none;
    }
    .smart-space__site-carousel-navigation button{
        position:absolute;
        top:50%;
        display:grid;
        place-items:center;
        width:42px;
        height:42px;
        padding:0;
        border:1px solid #c1d0dd;
        border-radius:50%;
        background:rgba(255,255,255,.96);
        color:#153d66;
        box-shadow:0 3px 12px rgba(22,47,71,.12);
        transform:translateY(-50%);
        cursor:pointer;
        pointer-events:auto;
        transition:border-color .15s ease,background-color .15s ease;
    }
    .smart-space__site-carousel-navigation button[data-smart-site-prev]{left:-21px;}
    .smart-space__site-carousel-navigation button[data-smart-site-next]{right:-21px;}
    .smart-space__site-carousel-navigation button svg{
        width:19px;
        height:19px;
        fill:none;
        stroke:currentColor;
        stroke-linecap:round;
        stroke-linejoin:round;
        stroke-width:2;
    }
    .smart-space__site-carousel-navigation button:not(:disabled):hover{
        border-color:#7ca2c3;
        background:#eff6fc;
    }
    .smart-space__site-carousel-navigation button:disabled{
        color:#aebdca;
        background:#f7f9fb;
        opacity:.72;
        cursor:default;
    }
    .smart-space__site-carousel-pagination{
        display:flex;
        align-items:center;
        justify-content:center;
        flex-wrap:wrap;
        gap:9px 15px;
        margin-top:16px;
        min-height:38px;
    }
    .smart-space__site-carousel-dots{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:9px;
        max-width:min(100%,350px);
        padding:3px 6px;
        overflow-x:auto;
        scrollbar-width:none;
    }
    .smart-space__site-carousel-dots::-webkit-scrollbar{display:none;}
    .smart-space__site-carousel-dots button{
        box-sizing:border-box;
        display:block;
        flex:0 0 auto;
        width:10px;
        height:10px;
        padding:0;
        border:0;
        border-radius:99px;
        background:#b8c9d8;
        cursor:pointer;
        transition:background-color .15s ease,width .15s ease;
    }
    .smart-space__site-carousel-dots button[aria-current="true"]{
        width:28px;
        background:#153d66;
    }
    .smart-space__site-carousel-dots button:hover{background:#6089ad;}
    .smart-space__site-carousel-navigation button:focus-visible,
    .smart-space__site-carousel-dots button:focus-visible,
    .smart-space__site-results:focus-visible{
        outline:2px solid #1769bd;
        outline-offset:3px;
    }
    /* Visible range clarifies that additional building results exist. */
    .smart-space__site-carousel-count{
        color:#456680;
        font-size:12px;
        font-weight:800;
        font-variant-numeric:tabular-nums;
        white-space:nowrap;
    }
    .smart-space__site-carousel-more{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:9px;
        min-height:36px;
        padding:0 16px;
        border:1px solid #153d66;
        border-radius:9px;
        background:#153d66;
        color:#fff;
        font:inherit;
        font-size:12px;
        font-weight:850;
        cursor:pointer;
        transition:background-color .15s ease,transform .15s ease;
    }
    .smart-space__site-carousel-more:not(:disabled):hover{
        background:#245681;
        transform:translateX(2px);
    }
    .smart-space__site-carousel-more[hidden]{display:none!important;}
    .smart-space__site-carousel-more:focus-visible{
        outline:2px solid #1769bd;
        outline-offset:3px;
    }
}
@media(max-width:900px){
    .smart-space__site-carousel-navigation,
    .smart-space__site-carousel-pagination{display:none!important;}
}

/* Align the search result heading and carousel to the form.
   Show four workspaces on standard PC screens, three on narrower desktops. */
@media(min-width:901px){
    .smart-space__result-head--buildings,
    .smart-space__site-carousel{
        box-sizing:border-box;
        width:100%;
        max-width:none;
        margin-right:0;
        margin-left:0;
    }
    .smart-space__site-results{
        display:flex;
        flex-wrap:nowrap;
        align-items:stretch;
        gap:18px;
        box-sizing:border-box;
        width:100%;
        max-width:none;
        margin:0;
        padding:2px 0 6px;
        overflow-x:auto;
        overflow-y:hidden;
        scroll-snap-type:x mandatory;
        scroll-padding-left:1px;
        overscroll-behavior-inline:contain;
        scrollbar-width:none;
    }
    .smart-space__site-results::-webkit-scrollbar{display:none;}
    .smart-space__site-results>.smart-site-card{
        box-sizing:border-box;
        flex:0 0 calc((100% - 36px) / 3);
        min-width:0;
        scroll-snap-align:start;
    }
    .smart-space__site-results>.smart-site-card{
        border:1px solid #c5d2df;
        border-radius:12px;
        box-shadow:0 3px 12px rgba(20,42,67,.065);
    }
    .smart-space__site-results>.smart-site-card:hover{
        border-color:#9fb5c9;
        box-shadow:0 9px 24px rgba(20,42,67,.10);
    }
    .smart-space__site-results .smart-site-card__visual{
        height:136px;
        border-bottom:1px solid #cfdbe6;
    }
    .smart-space__site-results .smart-site-card__content{
        padding:14px 15px 15px;
    }
    .smart-space__site-results .smart-site-card__top strong{
        font-size:21px;
    }
    .smart-space__site-results .smart-site-card h3{
        margin-top:10px;
        font-size:19px;
        line-height:1.3;
    }
    .smart-space__site-results .smart-site-card__types,
    .smart-space__site-results .smart-site-card__match-reasons{
        margin-top:7px;
    }
    .smart-space__site-results .smart-site-card__types span{
        min-height:22px;
        padding:0 8px;
        font-size:9px;
    }
    .smart-space__site-results .smart-site-card__match-reasons span{
        min-height:22px;
    }
    .smart-space__site-results .smart-site-card__facts{
        gap:0 10px;
        margin-top:10px;
        border-top-color:#cdd9e4;
    }
    .smart-space__site-results .smart-site-card__facts>div{
        gap:3px;
        padding:9px 0;
        border-bottom-color:#dbe4ec;
    }
    .smart-space__site-results .smart-site-card__facts dd{
        font-size:12px;
    }
    .smart-space__site-results .smart-site-card__facts dd small{
        margin-top:2px;
        font-size:10px;
    }
    .smart-space__site-results .smart-site-card__actions{
        gap:9px;
        margin-top:auto;
        padding-top:12px;
        border-top:1px solid #d5e0e9;
    }
    .smart-space__site-results .smart-site-card__actions a{
        min-height:37px;
        font-size:10px;
    }
}

/* Four complete cards are visible on PC without horizontal movement when four
   sites match. Narrow desktop/tablet/mobile keep their existing responsive rules. */
@media(min-width:1260px){
    .smart-space__site-results>.smart-site-card{
        flex:0 0 calc((100% - 54px) / 4);
    }
    .smart-space__site-results .smart-site-card__visual{
        height:126px;
    }
    .smart-space__site-results .smart-site-card__content{
        padding:13px 13px 14px;
    }
    .smart-space__site-results .smart-site-card__top strong{
        font-size:19px;
    }
    .smart-space__site-results .smart-site-card h3{
        font-size:17px;
    }
    .smart-space__site-results .smart-site-card__facts dd{
        overflow-wrap:anywhere;
        font-size:11px;
    }
    .smart-space__site-results .smart-site-card__actions{
        gap:7px;
    }
}

@media(max-width:760px){
    .smart-space__site-results{grid-template-columns:minmax(0,1fr);}
    .smart-site-card__visual{height:auto;aspect-ratio:2/1;max-height:210px;}
    .smart-space__back-to-sites{min-height:36px;}
}


/* Site listing decision layer: AI priority + floor overview */
.smart-space__decision-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0 4px;padding:8px;border:1px solid #dbe5ef;border-radius:14px;background:#fff}
.smart-space__decision-tabs a{display:inline-flex;min-height:38px;align-items:center;padding:0 14px;border-radius:9px;color:#4a6178;font-size:11px;font-weight:900;text-decoration:none}
.smart-space__decision-tabs a:first-child{background:#10263f;color:#fff}
.smart-space__decision-tabs a:hover{background:#edf5ff;color:#1769e8}
.smart-space__decision-tabs a:first-child:hover{background:#1769e8;color:#fff}
.smart-space__priority,.smart-space__floor-overview{margin-top:22px;padding:22px;border:1px solid #dce5ee;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(31,51,73,.04)}
.smart-space__section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:16px}
.smart-space__section-heading span,.smart-space__all-listings-head span{display:block;color:#6e8296;font-size:10px;font-weight:900;letter-spacing:.12em}
.smart-space__section-heading h3{margin:6px 0 0;color:#102036;font-size:22px;line-height:1.25;letter-spacing:-.035em}
.smart-space__section-heading p{max-width:500px;margin:0;color:#788899;font-size:11px;line-height:1.65}
.smart-space__priority-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.smart-priority-card{position:relative;display:flex;min-height:215px;flex-direction:column;padding:16px;border:1px solid #dce5ee;border-radius:14px;background:linear-gradient(180deg,#fbfdff 0%,#fff 100%)}
.smart-priority-card__rank{display:flex;align-items:center;justify-content:space-between}
.smart-priority-card__rank span{color:#1769e8;font-size:9px;font-weight:900}
.smart-priority-card__rank strong{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#10263f;color:#fff;font-size:11px}
.smart-priority-card__title{display:grid;gap:4px;margin-top:12px}
.smart-priority-card__title strong{font-size:16px;letter-spacing:-.03em}
.smart-priority-card__title span{color:#738496;font-size:10px;font-weight:750}
.smart-priority-card__price{display:flex;align-items:baseline;gap:8px;margin-top:12px}
.smart-priority-card__price strong{color:#1769e8;font-size:14px}
.smart-priority-card__price span{color:#5f7183;font-size:10px;font-weight:800}
.smart-priority-card__reasons{display:flex;gap:5px;flex-wrap:wrap;margin-top:11px}
.smart-priority-card__reasons span{display:inline-flex;min-height:24px;align-items:center;padding:0 7px;border-radius:999px;background:#eef5ff;color:#426b9f;font-size:8px;font-weight:850}
.smart-priority-card__actions{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:15px}
.smart-priority-card__actions a{display:inline-flex;height:34px;align-items:center;padding:0 10px;border:1px solid #d4e0eb;border-radius:8px;background:#fff;color:#4d647a;font-size:9px;font-weight:900;text-decoration:none}
.smart-priority-card__actions a.is-plan{border-color:#b8d4fb;background:#f3f8ff;color:#1769e8}
.smart-floor-list{display:grid;gap:8px}
.smart-floor-row{display:grid;grid-template-columns:150px repeat(3,minmax(120px,1fr)) 150px;gap:12px;align-items:center;padding:13px 14px;border:1px solid #e1e8ef;border-radius:12px;background:#fbfcfe}
.smart-floor-row__floor,.smart-floor-row__metric{display:grid;gap:3px}
.smart-floor-row__floor span,.smart-floor-row__metric span{color:#8291a0;font-size:8px;font-weight:850}
.smart-floor-row__floor strong{font-size:16px;color:#102036}
.smart-floor-row__metric strong{font-size:12px;color:#253b52}
.smart-floor-row__action{display:flex;justify-content:flex-end}
.smart-floor-row__action a{display:inline-flex;height:34px;align-items:center;padding:0 10px;border-radius:8px;background:#10263f;color:#fff;font-size:9px;font-weight:900;text-decoration:none}
.smart-floor-row__action span{color:#9aa7b4;font-size:9px;font-weight:800}
.smart-space__all-listings-head{display:flex;align-items:baseline;gap:10px;margin:28px 0 12px}
.smart-space__all-listings-head strong{color:#102036;font-size:18px}
@media(max-width:1120px){.smart-space__priority-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-floor-row{grid-template-columns:120px repeat(3,minmax(100px,1fr)) 120px}}
@media(max-width:760px){.smart-space__section-heading{align-items:flex-start;flex-direction:column;gap:8px}.smart-space__priority-grid{grid-template-columns:1fr}.smart-floor-row{grid-template-columns:1fr 1fr;gap:10px}.smart-floor-row__floor{grid-column:1/-1}.smart-floor-row__action{grid-column:1/-1;justify-content:flex-start}.smart-space__decision-tabs{overflow-x:auto;flex-wrap:nowrap}.smart-space__decision-tabs a{white-space:nowrap}}


/* Connected-unit search results */
.smart-space__connected{margin-top:22px;padding:22px;border:1px solid #dce5ee;border-radius:18px;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);box-shadow:0 10px 28px rgba(31,51,73,.04)}
.smart-connected-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.smart-connected-card{display:flex;min-height:230px;flex-direction:column;padding:17px;border:1px solid #cfe0f3;border-radius:14px;background:#fff}
.smart-connected-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.smart-connected-card__top span{display:inline-flex;height:25px;align-items:center;padding:0 8px;border-radius:999px;background:#eaf2ff;color:#1769e8;font-size:8px;font-weight:900}
.smart-connected-card__top strong{color:#60758a;font-size:10px}
.smart-connected-card h4{margin:14px 0 0;color:#102036;font-size:17px;line-height:1.35;letter-spacing:-.035em}
.smart-connected-card__area{display:flex;align-items:baseline;gap:7px;margin-top:14px}
.smart-connected-card__area span{color:#75879a;font-size:9px;font-weight:800}
.smart-connected-card__area strong{color:#1769e8;font-size:20px}
.smart-connected-card__area small{color:#90a0af;font-size:9px}
.smart-connected-card__price{display:flex;gap:10px;margin-top:8px;color:#334b63;font-size:11px;font-weight:900}
.smart-connected-card__meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.smart-connected-card__meta span{padding:4px 7px;border-radius:999px;background:#f4f7fa;color:#667b8f;font-size:8px;font-weight:850}
.smart-connected-card>a{display:inline-flex;height:36px;align-items:center;justify-content:center;margin-top:auto;padding:0 12px;border-radius:9px;background:#10263f;color:#fff;font-size:9px;font-weight:900;text-decoration:none}
.smart-connected-card>a:hover{background:#1769e8}
@media(max-width:1000px){.smart-connected-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.smart-connected-grid{grid-template-columns:1fr}}


/* Bundled primary sale results */
.smart-space__bundle-sales{margin-top:22px;padding:22px;border:1px solid #e0d7f7;border-radius:18px;background:linear-gradient(180deg,#fbf9ff 0%,#fff 100%);box-shadow:0 10px 28px rgba(74,44,130,.04)}
.smart-bundle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.smart-bundle-card{display:flex;min-height:250px;flex-direction:column;padding:17px;border:1px solid #ddd2f5;border-radius:14px;background:#fff}
.smart-bundle-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.smart-bundle-card__top span{display:inline-flex;height:25px;align-items:center;padding:0 8px;border-radius:999px;background:#f2edff;color:#6744c7;font-size:8px;font-weight:900}
.smart-bundle-card__top strong{color:#6f6584;font-size:10px}
.smart-bundle-card h4{margin:14px 0 0;color:#17152a;font-size:17px;line-height:1.35;letter-spacing:-.035em}
.smart-bundle-card>p{margin:5px 0 0;color:#847c94;font-size:9px;line-height:1.5}
.smart-bundle-card dl{display:grid;gap:0;margin:14px 0 0}
.smart-bundle-card dl>div{display:grid;grid-template-columns:95px minmax(0,1fr);gap:8px;padding:9px 0;border-top:1px solid #eee9f7}
.smart-bundle-card dt{color:#8a8298;font-size:8px;font-weight:850}
.smart-bundle-card dd{margin:0;color:#2c2541;font-size:11px;font-weight:900}
.smart-bundle-card dd small{margin-left:5px;color:#948ba3;font-size:8px;font-weight:700}
.smart-bundle-card>a{display:inline-flex;height:36px;align-items:center;justify-content:center;margin-top:auto;padding:0 12px;border-radius:9px;background:#5f43b2;color:#fff;font-size:9px;font-weight:900;text-decoration:none}
.smart-bundle-card>a:hover{background:#1769e8}
@media(max-width:1000px){.smart-bundle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.smart-bundle-grid{grid-template-columns:1fr}}


/* Connected-unit floor plan preview: stay on search page */
.smart-connected-card__plan-button{
    display:inline-flex;
    width:100%;
    height:36px;
    align-items:center;
    justify-content:center;
    margin-top:auto;
    padding:0 12px;
    border:0;
    border-radius:9px;
    background:#10263f;
    color:#fff;
    font:inherit;
    font-size:9px;
    font-weight:900;
    cursor:pointer;
}
.smart-connected-card__plan-button:hover{background:#1769e8}
.smart-connected-card__plan-missing{
    display:inline-flex;
    height:36px;
    align-items:center;
    justify-content:center;
    margin-top:auto;
    border-radius:9px;
    background:#f3f6f9;
    color:#94a2b0;
    font-size:9px;
    font-weight:850;
}
.smart-inline-plan{
    margin-top:18px;
    padding:18px;
    border:1px solid #cfe0f3;
    border-radius:16px;
    background:#fff;
    box-shadow:0 12px 30px rgba(31,51,73,.06);
}
.smart-inline-plan[hidden]{display:none}
.smart-inline-plan__head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    margin-bottom:14px;
}
.smart-inline-plan__head span{
    display:block;
    color:#1769e8;
    font-size:9px;
    font-weight:900;
    letter-spacing:.12em;
}
.smart-inline-plan__head h3{
    margin:5px 0 0;
    color:#102036;
    font-size:20px;
    letter-spacing:-.035em;
}
.smart-inline-plan__head p{
    margin:5px 0 0;
    color:#6f8194;
    font-size:10px;
    font-weight:750;
}
.smart-inline-plan__head button{
    display:grid;
    flex:0 0 34px;
    width:34px;
    height:34px;
    place-items:center;
    border:1px solid #d5e0ea;
    border-radius:9px;
    background:#fff;
    color:#38526c;
    font-size:20px;
    line-height:1;
    cursor:pointer;
}
.smart-inline-plan__stage{
    position:relative;
    overflow:hidden;
    min-height:320px;
    border:1px solid #e0e7ee;
    border-radius:14px;
    background:#f7f9fb;
}
.smart-inline-plan__stage img{
    display:block;
    width:100%;
    height:auto;
    max-height:680px;
    object-fit:contain;
}
.smart-inline-plan__stage svg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    pointer-events:none;
}
.smart-inline-plan__stage polygon{
    fill:rgba(23,105,232,.24);
    stroke:#1769e8;
    stroke-width:.35;
    vector-effect:non-scaling-stroke;
}
.smart-inline-plan__marker{
    position:absolute;
    z-index:2;
    transform:translate(-50%,-50%);
    display:inline-flex;
    min-width:34px;
    height:24px;
    align-items:center;
    justify-content:center;
    padding:0 7px;
    border:2px solid #fff;
    border-radius:999px;
    background:#1769e8;
    color:#fff;
    font-size:9px;
    font-weight:900;
    box-shadow:0 3px 10px rgba(16,38,63,.2);
}
.smart-inline-plan__foot{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-top:12px;
}
.smart-inline-plan__foot span{
    color:#7c8d9e;
    font-size:9px;
    font-weight:750;
}
.smart-inline-plan__foot a{
    color:#1769e8;
    font-size:10px;
    font-weight:900;
    text-decoration:none;
}
@media(max-width:680px){
    .smart-inline-plan{padding:12px}
    .smart-inline-plan__head h3{font-size:17px}
    .smart-inline-plan__stage{min-height:220px}
    .smart-inline-plan__foot{align-items:flex-start;flex-direction:column;gap:7px}
}


/* Inline floor plan: maximize the actual plan instead of surrounding whitespace */
.smart-inline-plan{
    padding:14px 16px 16px;
}
.smart-inline-plan__stage{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:520px;
    max-height:760px;
    padding:8px;
    background:#f7f9fb;
}
.smart-inline-plan__stage img{
    width:auto;
    max-width:100%;
    height:auto;
    max-height:740px;
    object-fit:contain;
}
.smart-inline-plan__stage svg{
    inset:8px;
    width:calc(100% - 16px);
    height:calc(100% - 16px);
}
@media(max-width:900px){
    .smart-inline-plan__stage{
        min-height:420px;
        max-height:none;
    }
    .smart-inline-plan__stage img{
        max-height:none;
    }
}
@media(max-width:680px){
    .smart-inline-plan{
        padding:10px;
    }
    .smart-inline-plan__stage{
        min-height:340px;
        padding:4px;
    }
    .smart-inline-plan__stage svg{
        inset:4px;
        width:calc(100% - 8px);
        height:calc(100% - 8px);
    }
}


/* Inline plan geometry fix: overlays must share the exact rendered image box */
.smart-inline-plan__stage{
    display:block;
    min-height:0;
    max-height:none;
    overflow:auto;
    padding:8px;
}
.smart-inline-plan__canvas{
    position:relative;
    width:100%;
    min-width:980px;
    margin:0 auto;
}
.smart-inline-plan__canvas>img{
    display:block;
    width:100%;
    max-width:none;
    height:auto;
    max-height:none;
    object-fit:initial;
}
.smart-inline-plan__canvas>svg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    pointer-events:none;
}
.smart-inline-plan__canvas>.smart-inline-plan__marker{
    position:absolute;
}
@media(max-width:1100px){
    .smart-inline-plan__canvas{
        min-width:900px;
    }
}
@media(max-width:680px){
    .smart-inline-plan__stage{
        padding:4px;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }
    .smart-inline-plan__canvas{
        min-width:760px;
    }
}


/* Connected-unit card cleanup */
.smart-connected-card{
    min-height:255px;
    padding:18px;
}
.smart-connected-card h4{
    min-height:46px;
    margin:14px 0 0;
    font-size:16px;
    line-height:1.45;
}
.smart-connected-card__summary{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:14px;
}
.smart-connected-card__metric{
    display:grid;
    gap:3px;
    min-width:0;
    padding:11px 12px;
    border:1px solid #dbe7f3;
    border-radius:11px;
    background:#f7fbff;
}
.smart-connected-card__metric span{
    color:#70859a;
    font-size:8px;
    font-weight:850;
}
.smart-connected-card__metric strong{
    color:#1769e8;
    font-size:18px;
    line-height:1.15;
}
.smart-connected-card__metric small{
    color:#91a0ae;
    font-size:8px;
    font-weight:750;
}
.smart-connected-card__price{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:9px;
}
.smart-connected-card__price>div{
    display:grid;
    gap:3px;
    padding:9px 11px;
    border-radius:10px;
    background:#f7f8fa;
}
.smart-connected-card__price>div:only-child{
    grid-column:1/-1;
}
.smart-connected-card__price span{
    color:#7b8c9c;
    font-size:8px;
    font-weight:800;
}
.smart-connected-card__price strong{
    color:#294159;
    font-size:11px;
    font-weight:900;
}
.smart-connected-card__meta{
    margin-top:9px;
}
.smart-connected-card__plan-button{
    margin-top:14px;
}
@media(max-width:680px){
    .smart-connected-card__summary,
    .smart-connected-card__price{
        grid-template-columns:1fr 1fr;
    }
}


/* Connected card title: keep the card concise; full unit list stays in floor-plan preview */
.smart-connected-card h4{
    min-height:0;
    margin:14px 0 0;
    font-size:17px;
    line-height:1.3;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}


/* Mobile connected floor-plan preview: fit the whole plan to the viewport */
@media(max-width:680px){
    .smart-inline-plan{
        margin-left:0;
        margin-right:0;
        padding:8px;
        border-radius:14px;
    }

    .smart-inline-plan__head{
        gap:10px;
        margin-bottom:10px;
    }

    .smart-inline-plan__head h3{
        font-size:15px;
        line-height:1.35;
    }

    .smart-inline-plan__head p{
        font-size:9px;
        line-height:1.45;
    }

    .smart-inline-plan__stage{
        width:100%;
        min-height:0;
        max-height:none;
        padding:0;
        overflow:hidden;
        border-radius:10px;
        background:#eef3f7;
    }

    .smart-inline-plan__canvas{
        width:100%;
        min-width:0;
        max-width:100%;
        margin:0;
    }

    .smart-inline-plan__canvas>img{
        display:block;
        width:100%;
        max-width:100%;
        height:auto;
        object-fit:contain;
    }

    .smart-inline-plan__canvas>svg{
        inset:0;
        width:100%;
        height:100%;
    }

    .smart-inline-plan__foot{
        margin-top:10px;
        padding:0 2px 2px;
        gap:5px;
    }

    .smart-inline-plan__foot span{
        font-size:9px;
        line-height:1.45;
    }

    .smart-inline-plan__foot a{
        font-size:11px;
    }
}


/* Mobile connected-unit section: remove nested-card feeling and reclaim width */
@media(max-width:680px){
    .smart-space__connected{
        padding-left:0;
        padding-right:0;
    }

    .smart-space__connected .smart-space__section-heading{
        padding:0 2px;
        margin-bottom:16px;
    }

    .smart-connected-grid{
        gap:10px;
    }

    .smart-connected-card{
        min-height:0;
        padding:14px 12px;
        border-radius:14px;
        box-shadow:none;
    }

    .smart-connected-card__top{
        margin-bottom:8px;
    }

    .smart-connected-card h4{
        margin:8px 0 0;
        font-size:18px;
        line-height:1.25;
    }

    .smart-connected-card__summary{
        grid-template-columns:1fr 1fr;
        gap:0;
        margin-top:12px;
        border-top:1px solid #e4ebf2;
        border-bottom:1px solid #e4ebf2;
    }

    .smart-connected-card__metric{
        gap:2px;
        padding:11px 8px;
        border:0;
        border-radius:0;
        background:transparent;
    }

    .smart-connected-card__metric + .smart-connected-card__metric{
        border-left:1px solid #e4ebf2;
    }

    .smart-connected-card__metric span{
        font-size:9px;
    }

    .smart-connected-card__metric strong{
        font-size:20px;
    }

    .smart-connected-card__metric small{
        font-size:9px;
    }

    .smart-connected-card__price{
        grid-template-columns:1fr 1fr;
        gap:0;
        margin-top:0;
    }

    .smart-connected-card__price>div{
        gap:2px;
        padding:11px 8px;
        border-radius:0;
        background:transparent;
    }

    .smart-connected-card__price>div + div{
        border-left:1px solid #e4ebf2;
    }

    .smart-connected-card__price span{
        font-size:9px;
    }

    .smart-connected-card__price strong{
        font-size:14px;
    }

    .smart-connected-card__meta{
        gap:6px;
        margin-top:8px;
    }

    .smart-connected-card__meta span{
        min-height:26px;
        padding:0 9px;
        font-size:9px;
    }

    .smart-connected-card__plan-button{
        width:100%;
        margin-top:10px;
        min-height:40px;
    }
}


/* Mobile connected-unit section: remove the outer container card entirely */
@media(max-width:680px){
    .smart-space__connected{
        margin-top:18px;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
    }

    .smart-space__connected .smart-space__section-heading{
        padding:0!important;
        margin-bottom:14px!important;
    }

    .smart-connected-grid{
        gap:10px;
    }

    .smart-connected-card{
        width:100%;
        margin:0;
        border-color:#d8e3ee;
        background:#fff;
    }
}


/* Workspace search result counts and card match badges. */
.smart-space__result-title>strong{
    display:block;
    margin-top:7px;
    color:#1769e8;
    font-size:12px;
    font-weight:900;
}
.smart-site-card__match-reasons{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin-top:11px;
}
.smart-site-card__match-reasons span{
    display:inline-flex;
    min-height:24px;
    align-items:center;
    padding:0 8px;
    border-radius:999px;
    background:#eef8f4;
    color:#16805f;
    font-size:8px;
    font-weight:850;
}
.smart-site-card__actions .is-primary{
    text-align:center;
    white-space:nowrap;
}

@media(max-width:760px){
    .smart-space__result-head--buildings{
        gap:10px!important;
        margin:22px 0 12px!important;
    }
    .smart-space__result-head--buildings h2{
        margin-top:5px!important;
        font-size:clamp(22px,6vw,26px)!important;
        line-height:1.22!important;
        letter-spacing:-.04em!important;
    }
    .smart-space__result-title>strong{
        margin-top:6px;
        font-size:11px;
    }
    .smart-space__site-results{gap:14px!important;}
    .smart-site-card{border-radius:13px!important;}
    .smart-site-card__visual{aspect-ratio:2/1;max-height:190px;}
    .smart-site-card__content{padding:16px!important;}
    .smart-site-card__top>div>span{font-size:10px!important;}
    .smart-site-card__top strong{
        margin-top:2px;
        font-size:23px!important;
    }
    .smart-site-card h3{
        margin-top:10px!important;
        font-size:20px!important;
        line-height:1.3!important;
    }
    .smart-site-card__address{
        margin-top:4px!important;
        font-size:11px!important;
        line-height:1.5!important;
    }
    .smart-site-card__types{
        gap:5px!important;
        margin-top:9px!important;
    }
    .smart-site-card__types span{
        min-height:23px!important;
        padding:0 8px!important;
        font-size:9px!important;
    }
    .smart-site-card__match-reasons{margin-top:7px;}
    /* Narrow screens: one fact per line, with a short label on the left. */
    .smart-site-card__facts{
        grid-template-columns:minmax(0,1fr);
        margin-top:10px!important;
        border-top:1px solid #e4ebf2;
        border-bottom:0;
    }
    .smart-site-card__facts>div{
        display:grid;
        grid-template-columns:92px minmax(0,1fr);
        align-items:baseline;
        gap:8px;
        padding:9px 0!important;
        border:0!important;
        border-bottom:1px solid #edf1f5!important;
    }
    .smart-site-card__facts dt{
        margin:0;
        font-size:10px!important;
    }
    .smart-site-card__facts dd{
        font-size:12px!important;
        line-height:1.4!important;
        overflow-wrap:anywhere;
    }
    .smart-site-card__facts dd small{
        margin-top:3px!important;
        font-size:10px!important;
    }
    .smart-site-card__actions{
        gap:8px!important;
        padding-top:13px!important;
    }
    .smart-site-card__actions a{
        min-height:40px!important;
        border-radius:8px!important;
        font-size:11px!important;
    }
    .smart-site-card__actions .is-secondary{
        flex:0 0 32%;
        min-width:0;
        padding:0 6px!important;
    }
    .smart-site-card__actions .is-primary{
        flex:1;
        min-width:0!important;
        padding:0 8px!important;
        background:#153d66!important;
        box-shadow:none!important;
    }
}


/* Selected-building mobile flow v1
   Search -> chosen building -> recommended units -> all units -> supporting tools */
.smart-space__listing-flow{
    display:flex;
    flex-direction:column;
}
.smart-space__result-head--selected{
    align-items:flex-end;
}
.smart-space__selected-title small{
    display:block;
    margin-top:5px;
    color:#7b8c9e;
    font-size:10px;
    font-weight:800;
}
.smart-space__selected-title h2{
    margin-top:5px!important;
}
.smart-space__selected-title strong{
    display:block;
    margin-top:7px;
    color:#1769e8;
    font-size:13px;
    font-weight:900;
}
.smart-space__selected-guide{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin:12px 0 0;
    padding:15px 17px;
    border:1px solid #dce6f0;
    border-radius:14px;
    background:#f7faff;
}
.smart-space__selected-guide>div:first-child{
    display:grid;
    gap:4px;
}
.smart-space__selected-guide>div:first-child span{
    color:#1769e8;
    font-size:9px;
    font-weight:900;
}
.smart-space__selected-guide>div:first-child strong{
    color:#263b52;
    font-size:12px;
    line-height:1.5;
}
.smart-space__selected-guide-chips{
    display:flex;
    justify-content:flex-end;
    gap:6px;
    flex-wrap:wrap;
}
.smart-space__selected-guide-chips span{
    display:inline-flex;
    min-height:28px;
    align-items:center;
    padding:0 9px;
    border-radius:999px;
    background:#fff;
    color:#53708c;
    font-size:8px;
    font-weight:850;
    border:1px solid #dce7f2;
}
.smart-space__all-results{
    display:block;
}
.smart-space__all-results,
.smart-space__priority,
.smart-space__floor-overview,
.smart-space__connected,
.smart-space__bundle-sales{
    scroll-margin-top:120px;
}

@media(max-width:760px){
    .smart-space.is-listing-view .smart-space__hero{
        display:none;
    }

    .smart-space.is-listing-view .smart-space__panel{
        margin-top:12px!important;
        padding:10px!important;
        border-radius:14px!important;
        box-shadow:none!important;
    }

    .smart-space.is-listing-view .smart-space__examples{
        display:none!important;
    }

    .smart-space.is-listing-view .smart-space__interpreted{
        margin-top:8px!important;
        padding:10px!important;
        border-radius:11px!important;
    }

    .smart-space.is-listing-view .smart-space__interpreted>div:first-child span{
        font-size:10px!important;
    }

    .smart-space.is-listing-view .smart-space__interpreted>div:first-child small{
        font-size:8px!important;
    }

    .smart-space__listing-flow{
        margin-top:18px;
    }

    .smart-space__result-head--selected{
        display:grid!important;
        grid-template-columns:1fr auto!important;
        align-items:end!important;
        gap:10px!important;
        margin:0 0 10px!important;
    }

    .smart-space__selected-title>span{
        font-size:8px!important;
        letter-spacing:.11em!important;
    }

    .smart-space__selected-title small{
        margin-top:4px;
        font-size:9px;
    }

    .smart-space__selected-title h2{
        margin:3px 0 0!important;
        font-size:24px!important;
        line-height:1.14!important;
        letter-spacing:-.045em!important;
    }

    .smart-space__selected-title strong{
        margin-top:7px;
        font-size:12px;
    }

    .smart-space__back-to-sites{
        align-self:end;
        min-width:0!important;
        height:36px!important;
        padding:0 10px!important;
        border-radius:9px!important;
        font-size:9px!important;
        white-space:nowrap;
    }

    .smart-space__selected-guide{
        display:block;
        margin-top:8px;
        padding:12px;
        border-radius:12px;
    }

    .smart-space__selected-guide>div:first-child span{
        font-size:9px;
    }

    .smart-space__selected-guide>div:first-child strong{
        margin-top:2px;
        font-size:11px;
        line-height:1.45;
    }

    .smart-space__selected-guide-chips{
        justify-content:flex-start;
        margin-top:9px;
    }

    .smart-space__selected-guide-chips span{
        min-height:25px;
        padding:0 8px;
        font-size:8px;
    }

    .smart-space__decision-tabs{
        position:sticky;
        top:64px;
        z-index:30;
        order:2;
        gap:4px!important;
        margin:10px calc(var(--od-page-gutter,14px) * -1) 0!important;
        padding:7px var(--od-page-gutter,14px)!important;
        overflow-x:auto;
        border-width:1px 0!important;
        border-radius:0!important;
        background:rgba(255,255,255,.96)!important;
        box-shadow:0 6px 18px rgba(18,45,72,.05);
        backdrop-filter:blur(12px);
        -webkit-backdrop-filter:blur(12px);
        scrollbar-width:none;
    }

    .smart-space__decision-tabs::-webkit-scrollbar{
        display:none;
    }

    .smart-space__decision-tabs a{
        min-height:36px!important;
        padding:0 11px!important;
        border-radius:999px!important;
        background:#f3f6fa!important;
        color:#61758a!important;
        font-size:9px!important;
        white-space:nowrap;
    }

    .smart-space__decision-tabs a.is-primary{
        background:#102a46!important;
        color:#fff!important;
    }

    /* Mobile reading order: the most useful choices come first. */
    .smart-space__result-head--selected{order:0}
    .smart-space__selected-guide{order:1}
    .smart-space__priority{order:3}
    .smart-space__all-results{order:4}
    .smart-space__connected{order:5}
    .smart-space__bundle-sales{order:6}
    .smart-space__floor-overview{order:7}
    .smart-inline-plan{order:8}

    .smart-space__priority{
        margin-top:14px!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
    }

    .smart-space__priority .smart-space__section-heading{
        margin-bottom:10px!important;
    }

    .smart-space__priority .smart-space__section-heading h3{
        font-size:21px!important;
    }

    .smart-space__priority .smart-space__section-heading p{
        font-size:10px!important;
        line-height:1.5!important;
    }

    .smart-priority-card{
        min-height:0!important;
        padding:13px!important;
        border-radius:13px!important;
    }

    .smart-priority-card__rank strong{
        width:24px!important;
        height:24px!important;
        font-size:9px!important;
    }

    .smart-priority-card__title{
        margin-top:9px!important;
    }

    .smart-priority-card__title strong{
        font-size:17px!important;
    }

    .smart-priority-card__price{
        margin-top:9px!important;
    }

    .smart-priority-card__price strong{
        font-size:15px!important;
    }

    .smart-priority-card__actions{
        padding-top:11px!important;
    }

    .smart-priority-card__actions a{
        flex:1;
        justify-content:center;
        min-height:38px!important;
    }

    .smart-space__all-results{
        margin-top:24px;
    }

    .smart-space__all-listings-head{
        display:grid!important;
        gap:3px!important;
        margin:0 0 10px!important;
    }

    .smart-space__all-listings-head strong{
        font-size:20px!important;
    }

    .smart-space__transaction-tabs{
        margin-bottom:10px!important;
    }

    .smart-space__connected,
    .smart-space__bundle-sales,
    .smart-space__floor-overview{
        margin-top:26px!important;
    }

    .smart-space__connected .smart-space__section-heading h3,
    .smart-space__bundle-sales .smart-space__section-heading h3,
    .smart-space__floor-overview .smart-space__section-heading h3{
        font-size:20px!important;
    }

    .smart-space__connected .smart-space__section-heading p,
    .smart-space__bundle-sales .smart-space__section-heading p,
    .smart-space__floor-overview .smart-space__section-heading p{
        font-size:10px!important;
        line-height:1.5!important;
    }
}


/* Selected-building mobile explorer v2: one task at a time */
.smart-space__mobile-querybar{
    display:none;
}

@media(max-width:760px){
    .smart-space.is-listing-view{
        padding-top:0!important;
    }

    .smart-space.is-listing-view .site-shell{
        width:calc(100% - 20px)!important;
    }

    .smart-space__mobile-querybar{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:10px;
        margin-top:10px;
        padding:10px 11px;
        border:1px solid #dfe7f0;
        border-radius:12px;
        background:#fff;
        box-shadow:0 5px 16px rgba(27,49,73,.04);
    }

    .smart-space__mobile-querybar>div{
        min-width:0;
        display:grid;
        gap:2px;
    }

    .smart-space__mobile-querybar span{
        color:#8191a2;
        font-size:8px;
        font-weight:850;
    }

    .smart-space__mobile-querybar strong{
        overflow:hidden;
        color:#18334e;
        font-size:11px;
        font-weight:900;
        line-height:1.35;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .smart-space__mobile-querybar button{
        flex:0 0 auto;
        min-height:34px;
        padding:0 10px;
        border:1px solid #cbd9e8;
        border-radius:9px;
        background:#f8fbff;
        color:#1769e8;
        font:inherit;
        font-size:9px;
        font-weight:900;
    }

    .smart-space.is-listing-view .is-listing-search-panel{
        display:none!important;
        margin-top:8px!important;
    }

    .smart-space.is-listing-view .is-listing-search-panel.is-open{
        display:block!important;
    }

    .smart-space__listing-flow{
        margin-top:12px!important;
    }

    .smart-space__result-head--selected{
        grid-template-columns:minmax(0,1fr) auto!important;
        margin-bottom:8px!important;
        padding:4px 2px 0;
    }

    .smart-space__selected-title>span{
        display:none!important;
    }

    .smart-space__selected-title small{
        color:#6f8193!important;
        font-size:9px!important;
        font-weight:850!important;
    }

    .smart-space__selected-title h2{
        margin-top:4px!important;
        font-size:23px!important;
    }

    .smart-space__selected-title strong{
        display:inline-flex;
        min-height:28px;
        align-items:center;
        margin-top:8px!important;
        padding:0 9px;
        border-radius:999px;
        background:#eaf3ff;
        color:#1769e8!important;
        font-size:10px!important;
    }

    .smart-space__back-to-sites{
        border-color:#d7e1eb!important;
        background:#fff!important;
        color:#50677d!important;
    }

    .smart-space__selected-guide{
        margin:8px 0 0!important;
        padding:11px!important;
        border:0!important;
        background:#f4f8fc!important;
    }

    .smart-space__selected-guide>div:first-child span{
        color:#1769e8!important;
    }

    .smart-space__selected-guide>div:first-child strong{
        color:#263b52!important;
        font-size:10px!important;
    }

    .smart-space__selected-guide-chips{
        gap:5px!important;
        margin-top:8px!important;
    }

    .smart-space__selected-guide-chips span{
        min-height:23px!important;
        border:0!important;
        background:#fff!important;
        font-size:7.5px!important;
    }

    .smart-space__decision-tabs{
        top:72px!important;
        gap:6px!important;
        margin-top:8px!important;
        padding:8px 10px!important;
    }

    .smart-space__decision-tabs a{
        min-height:38px!important;
        padding:0 12px!important;
        border:1px solid transparent!important;
        background:#f3f6fa!important;
        color:#61758a!important;
        font-size:9px!important;
    }

    .smart-space__decision-tabs a.is-primary,
    .smart-space__decision-tabs a.is-active{
        border-color:#17334f!important;
        background:#102a46!important;
        color:#fff!important;
    }

    .smart-space__decision-tabs a.is-link{
        border-color:#dce6ef!important;
        background:#fff!important;
        color:#1769e8!important;
    }

    .smart-space__listing-flow [data-listing-panel][hidden]{
        display:none!important;
    }

    .smart-space__priority,
    .smart-space__floor-overview,
    .smart-space__connected,
    .smart-space__bundle-sales,
    .smart-space__all-results{
        margin-top:12px!important;
    }

    .smart-space__priority,
    .smart-space__floor-overview{
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
    }

    .smart-space__section-heading{
        gap:5px!important;
        margin-bottom:10px!important;
    }

    .smart-space__section-heading span,
    .smart-space__all-listings-head span{
        font-size:8px!important;
    }

    .smart-space__section-heading h3{
        margin-top:3px!important;
        font-size:19px!important;
        line-height:1.25!important;
    }

    .smart-space__section-heading p{
        font-size:9px!important;
        line-height:1.55!important;
    }

    .smart-space__all-listings-head{
        margin:2px 0 9px!important;
    }

    .smart-space__all-listings-head strong{
        font-size:18px!important;
    }
}

/* Mobile search results comfort pass v4 */
@media(max-width:760px){
    /* Give the page tools a clear, touch-friendly opening below the global header. */
    .smart-space.is-listing-view{
        padding-top:18px!important;
    }

    .smart-space.is-listing-view .smart-space__nav{
        gap:10px;
        margin:0 0 20px;
    }

    .smart-space.is-listing-view .smart-space__back,
    .smart-space.is-listing-view .smart-space__home{
        height:46px;
        border-color:#cbd8e4;
        box-shadow:0 7px 20px rgba(24,48,72,.07);
    }

    .smart-space.is-listing-view .smart-space__back{
        min-width:118px;
        gap:9px;
        padding:0 18px;
        font-size:14px;
    }

    .smart-space.is-listing-view .smart-space__home{
        width:46px;
        flex-basis:46px;
    }

    .smart-space.is-listing-view .smart-space__back svg,
    .smart-space.is-listing-view .smart-space__home svg{
        width:19px;
        height:19px;
    }

    /* Restore a readable hierarchy for the compact mobile result header. */
    .smart-space.is-listing-view .smart-space__mobile-querybar{
        margin-top:0;
        padding:13px 14px;
        border-radius:14px;
    }

    .smart-space.is-listing-view .smart-space__mobile-querybar>div{
        gap:4px;
    }

    .smart-space.is-listing-view .smart-space__mobile-querybar span{
        font-size:10px;
        line-height:1.3;
    }

    .smart-space.is-listing-view .smart-space__mobile-querybar strong{
        font-size:13px;
        line-height:1.45;
    }

    .smart-space.is-listing-view .smart-space__mobile-querybar button{
        min-height:40px;
        padding:0 13px;
        font-size:11px;
    }

    .smart-space.is-listing-view .smart-space__listing-flow{
        margin-top:20px!important;
    }

    .smart-space.is-listing-view .smart-space__result-head--selected{
        gap:12px!important;
        margin-bottom:13px!important;
        padding:6px 2px 0;
    }

    .smart-space.is-listing-view .smart-space__selected-title small{
        margin-top:0;
        font-size:11px;
        line-height:1.4;
    }

    .smart-space.is-listing-view .smart-space__selected-title h2{
        margin-top:7px;
        font-size:27px!important;
        line-height:1.16!important;
        letter-spacing:-.045em!important;
    }

    .smart-space.is-listing-view .smart-space__selected-title>strong{
        min-height:28px;
        margin-top:9px!important;
        padding:0 11px;
        font-size:11px!important;
    }

    .smart-space.is-listing-view .smart-space__back-to-sites{
        min-height:40px!important;
        padding:0 12px!important;
        font-size:10px!important;
    }

    .smart-space.is-listing-view .smart-space__selected-guide{
        padding:14px!important;
    }

    .smart-space.is-listing-view .smart-space__selected-guide>div:first-child span{
        font-size:10px!important;
    }

    .smart-space.is-listing-view .smart-space__selected-guide>div:first-child strong{
        font-size:13px!important;
        line-height:1.5!important;
    }

    .smart-space.is-listing-view .smart-space__decision-tabs a{
        min-height:42px!important;
        padding:0 14px!important;
        font-size:10px!important;
    }

    .smart-space.is-listing-view .smart-space__section-heading h3{
        font-size:22px!important;
        line-height:1.25!important;
    }

    .smart-space.is-listing-view .smart-space__section-heading p{
        font-size:12px!important;
        line-height:1.6!important;
    }

    .smart-space.is-listing-view .smart-space-card__title strong{
        font-size:18px;
        line-height:1.35;
    }

    .smart-space.is-listing-view .smart-space-card__title span{
        font-size:11px;
        line-height:1.5;
    }

    .smart-space.is-listing-view .smart-space-card__facts span{
        font-size:10px;
    }

    .smart-space.is-listing-view .smart-space-card__facts strong{
        font-size:13px;
        line-height:1.45;
    }

    .smart-space.is-listing-view .smart-space-card__facts small,
    .smart-space.is-listing-view .smart-space-card__foot>span{
        font-size:10px;
        line-height:1.45;
    }

    .smart-space.is-listing-view .smart-space-card__foot>a{
        min-height:38px;
        padding:0 12px;
        font-size:10px;
    }
}

/* Mobile sticky decision bar v5 */
@media(max-width:760px){
    /*
     * One continuous navigation rail: no floating-card gaps.
     * The blue-gray sticky surface stays visually separate from the white site header.
     */
    .smart-space.is-listing-view .smart-space__decision-tabs{
        top:72px!important;
        gap:0!important;
        margin:12px calc(var(--od-page-gutter,14px) * -1) 0!important;
        padding:0!important;
        border:0!important;
        border-top:1px solid #c9d8e6!important;
        border-bottom:1px solid #bdcfdf!important;
        border-radius:0!important;
        background:#eaf2f8!important;
        box-shadow:0 8px 20px rgba(17,43,68,.12)!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
    }

    .smart-space.is-listing-view .smart-space__decision-tabs a{
        min-height:48px!important;
        margin:0!important;
        padding:0 17px!important;
        border:0!important;
        border-right:1px solid #d0dde8!important;
        border-radius:0!important;
        background:transparent!important;
        color:#536a80!important;
        font-size:11px!important;
        font-weight:900!important;
        box-shadow:none!important;
    }

    .smart-space.is-listing-view .smart-space__decision-tabs a:last-child{
        border-right:0!important;
    }

    /* Only the panel currently being viewed is selected. */
    .smart-space.is-listing-view .smart-space__decision-tabs a.is-primary:not(.is-active){
        background:transparent!important;
        color:#536a80!important;
    }

    .smart-space.is-listing-view .smart-space__decision-tabs a.is-active{
        background:#102d49!important;
        color:#fff!important;
    }

    .smart-space.is-listing-view .smart-space__decision-tabs a.is-link{
        background:#f5f9fc!important;
        color:#1769e8!important;
    }

    .smart-space.is-listing-view .smart-space__decision-tabs a:focus-visible{
        position:relative;
        z-index:1;
        outline:3px solid #7eb4f5;
        outline-offset:-3px;
    }
}

/* Mobile sticky rail true full-bleed fix v6 */
@media(max-width:760px){
    /*
     * Anchor the sticky rail to the viewport, not to the nested search shell.
     * This removes the residual left/right gutter regardless of shell variables.
     */
    .smart-space.is-listing-view .smart-space__decision-tabs{
        width:100vw!important;
        max-width:100vw!important;
        margin-top:12px!important;
        margin-right:calc(50% - 50vw)!important;
        margin-left:calc(50% - 50vw)!important;
        box-sizing:border-box;
    }
}

/* Mobile sticky rail header-gap fix v7 */
@media(max-width:760px){
    /* Attach the sticky navigation directly to the global header. */
    .smart-space.is-listing-view .smart-space__decision-tabs{
        margin-top:0!important;
    }
}

/* Match sticky rail offset to responsive header height v8 */
@media(max-width:760px){
    .smart-space.is-listing-view .smart-space__decision-tabs{
        top:70px!important;
    }
}

@media(max-width:560px){
    .smart-space.is-listing-view .smart-space__decision-tabs{
        top:66px!important;
    }
}



/* Customer-first listing explorer v10
 * Shared visual language with office detail subheader.
 * Reading order: recommendation -> all units -> connected -> floor -> bundle.
 */
.smart-space.is-listing-view{
    padding-top:0!important;
    background:#fff;
}

.smart-space__topnav{
    position:sticky;
    top:82px;
    z-index:70;
    width:100%;
    border:0;
    background:linear-gradient(100deg,#123b5f 0%,#1d5f91 58%,#2f7fba 100%);
    box-shadow:0 8px 22px rgba(18,59,95,.16);
}

.smart-space__topnav-inner{
    width:min(1600px,calc(100% - 48px));
    min-height:56px;
    display:flex;
    align-items:center;
    gap:6px;
    margin:0 auto;
    padding:8px 0;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    box-sizing:border-box;
    -webkit-overflow-scrolling:touch;
}

.smart-space__topnav-inner::-webkit-scrollbar{
    display:none;
}

.smart-space__topnav a{
    min-height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    padding:0 14px;
    color:rgba(255,255,255,.68);
    font-size:13px;
    font-weight:650;
    line-height:1;
    text-decoration:none;
    white-space:nowrap;
    transition:color .18s ease,font-weight .18s ease;
}

.smart-space__topnav a:hover,
.smart-space__topnav a:focus-visible,
.smart-space__topnav a.is-active{
    color:#fff;
}

.smart-space__topnav a.is-active{
    font-weight:950;
}

.smart-space__topnav a:focus-visible{
    outline:2px solid rgba(255,255,255,.58);
    outline-offset:2px;
}

/* Keep one clear customer reading order on wide screens too. */
.smart-space.is-listing-view .smart-space__listing-flow{
    display:flex;
    flex-direction:column;
}

.smart-space.is-listing-view .smart-space__result-head--selected{order:0}
.smart-space.is-listing-view .smart-space__selected-guide{order:1}
.smart-space.is-listing-view .smart-space__priority{order:2}
.smart-space.is-listing-view .smart-space__all-results{order:3}
.smart-space.is-listing-view .smart-space__connected{order:4}
.smart-space.is-listing-view .smart-space__floor-overview{order:5}
.smart-space.is-listing-view .smart-space__bundle-sales{order:6}
.smart-space.is-listing-view .smart-inline-plan{order:7}

.smart-space.is-listing-view .smart-space__result-head--selected{
    margin:30px 0 10px!important;
    padding:0;
    border:0;
}

.smart-space.is-listing-view .smart-space__selected-title>span{
    display:none;
}

.smart-space.is-listing-view .smart-space__selected-title small{
    color:#6f7d88;
    font-size:11px;
    font-weight:800;
}

.smart-space.is-listing-view .smart-space__selected-title h2{
    margin:5px 0 0!important;
    color:#14202b;
    font-size:31px!important;
    line-height:1.12!important;
    letter-spacing:-.045em!important;
}

.smart-space.is-listing-view .smart-space__selected-title>strong{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    margin-top:9px!important;
    padding:0 10px;
    border-radius:3px;
    background:#eef4f8;
    color:#1f5f93!important;
    font-size:12px!important;
    font-weight:900;
}

.smart-space.is-listing-view .smart-space__back-to-sites{
    min-height:38px!important;
    display:inline-flex;
    align-items:center;
    padding:0 11px!important;
    border:1px solid #d7e0e6!important;
    border-radius:3px!important;
    background:#fff!important;
    color:#526573!important;
    font-size:11px!important;
    font-weight:850!important;
    text-decoration:none;
}

.smart-space.is-listing-view .smart-space__selected-guide{
    margin:10px 0 0!important;
    padding:12px 14px!important;
    border:1px solid #e1e6ea!important;
    border-radius:3px!important;
    background:#f8fafb!important;
    box-shadow:none!important;
}

.smart-space.is-listing-view .smart-space__selected-guide>div:first-child span{
    color:#2a6b98!important;
    font-size:10px!important;
    font-weight:900!important;
}

.smart-space.is-listing-view .smart-space__selected-guide>div:first-child strong{
    color:#334754!important;
    font-size:12px!important;
    line-height:1.45!important;
}

.smart-space.is-listing-view .smart-space__selected-guide-chips span{
    min-height:25px!important;
    padding:0 8px!important;
    border:1px solid #e0e6ea!important;
    border-radius:2px!important;
    background:#fff!important;
    color:#5e7180!important;
    font-size:10px!important;
}

/* Section hierarchy: shorter headings, data before explanation. */
.smart-space.is-listing-view .smart-space__priority,
.smart-space.is-listing-view .smart-space__all-results,
.smart-space.is-listing-view .smart-space__connected,
.smart-space.is-listing-view .smart-space__floor-overview,
.smart-space.is-listing-view .smart-space__bundle-sales{
    margin-top:28px!important;
    scroll-margin-top:150px;
}

.smart-space.is-listing-view .smart-space__section-heading{
    align-items:end;
    gap:18px!important;
    margin-bottom:13px!important;
}

.smart-space.is-listing-view .smart-space__section-heading span,
.smart-space.is-listing-view .smart-space__all-listings-head span{
    color:#75818b!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.09em!important;
}

.smart-space.is-listing-view .smart-space__section-heading h3,
.smart-space.is-listing-view .smart-space__all-listings-head strong{
    margin-top:4px!important;
    color:#14202b!important;
    font-size:25px!important;
    line-height:1.18!important;
    letter-spacing:-.035em!important;
}

.smart-space.is-listing-view .smart-space__section-heading p{
    max-width:560px;
    color:#74818b!important;
    font-size:12px!important;
    line-height:1.6!important;
}

/* Recommendation cards: flat decision cards, not decorative panels. */
.smart-space.is-listing-view .smart-space__priority-grid{
    gap:10px!important;
}

.smart-space.is-listing-view .smart-priority-card{
    min-height:0!important;
    padding:16px!important;
    border:1px solid #e0e5e9!important;
    border-radius:4px!important;
    background:#fff!important;
    box-shadow:none!important;
}

.smart-space.is-listing-view .smart-priority-card__rank span{
    color:#2b6e9e!important;
    font-size:10px!important;
    font-weight:900!important;
}

.smart-space.is-listing-view .smart-priority-card__rank strong{
    width:25px!important;
    height:25px!important;
    border-radius:50%!important;
    background:#193b59!important;
    font-size:10px!important;
}

.smart-space.is-listing-view .smart-priority-card__title{
    margin-top:10px!important;
}

.smart-space.is-listing-view .smart-priority-card__title strong{
    color:#17232d!important;
    font-size:18px!important;
    line-height:1.25!important;
}

.smart-space.is-listing-view .smart-priority-card__title span{
    color:#687985!important;
    font-size:12px!important;
}

.smart-space.is-listing-view .smart-priority-card__price{
    margin-top:10px!important;
}

.smart-space.is-listing-view .smart-priority-card__price strong{
    color:#1f5f93!important;
    font-size:17px!important;
}

.smart-space.is-listing-view .smart-priority-card__price span{
    color:#526979!important;
    font-size:12px!important;
}

.smart-space.is-listing-view .smart-priority-card__reasons{
    gap:5px!important;
    margin-top:10px!important;
}

.smart-space.is-listing-view .smart-priority-card__reasons span{
    min-height:24px!important;
    padding:0 7px!important;
    border-radius:2px!important;
    background:#f1f5f7!important;
    color:#526a7a!important;
    font-size:10px!important;
}

.smart-space.is-listing-view .smart-priority-card__actions{
    gap:7px!important;
    padding-top:14px!important;
}

.smart-space.is-listing-view .smart-priority-card__actions a{
    min-height:38px!important;
    display:inline-flex;
    align-items:center;
    padding:0 11px!important;
    border:1px solid #d8e0e5!important;
    border-radius:3px!important;
    background:#fff!important;
    color:#304957!important;
    font-size:11px!important;
    font-weight:900!important;
}

.smart-space.is-listing-view .smart-priority-card__actions a.is-plan{
    border-color:#bcd1df!important;
    background:#eef5f9!important;
    color:#1f5f93!important;
}

/* All-unit cards: show the three customer decision facts with less chrome. */
.smart-space.is-listing-view .smart-space-card{
    min-height:0!important;
    padding:15px!important;
    border:1px solid #e0e5e9!important;
    border-radius:4px!important;
    background:#fff!important;
    box-shadow:none!important;
}

.smart-space.is-listing-view .smart-space-card::before{
    height:2px;
}

.smart-space.is-listing-view .smart-space-card__visual{
    opacity:.09!important;
}

.smart-space.is-listing-view .smart-space-card__title{
    margin-top:10px!important;
}

.smart-space.is-listing-view .smart-space-card__title strong{
    font-size:18px!important;
    line-height:1.3!important;
}

.smart-space.is-listing-view .smart-space-card__title span{
    margin-top:2px;
    color:#657886!important;
    font-size:12px!important;
}

.smart-space.is-listing-view .smart-space-card__facts{
    margin-top:11px!important;
    gap:0!important;
}

.smart-space.is-listing-view .smart-space-card__facts>div{
    grid-template-columns:78px minmax(0,1fr)!important;
    padding:8px 0!important;
    border-top:1px solid #edf0f2!important;
    border-radius:0!important;
    background:transparent!important;
}

.smart-space.is-listing-view .smart-space-card__facts span{
    color:#7a8790!important;
    font-size:10px!important;
}

.smart-space.is-listing-view .smart-space-card__facts strong{
    color:#1d2a33!important;
    font-size:13px!important;
    line-height:1.4!important;
}

.smart-space.is-listing-view .smart-space-card__facts small,
.smart-space.is-listing-view .smart-space-card__foot>span{
    color:#798791!important;
    font-size:10px!important;
}

.smart-space.is-listing-view .smart-space-card__foot>a{
    min-height:36px!important;
    padding:0 11px!important;
    border-radius:3px!important;
    background:#193b59!important;
    font-size:11px!important;
}

/* Supporting options use the same quiet, flat surfaces. */
.smart-space.is-listing-view .smart-connected-card,
.smart-space.is-listing-view .smart-bundle-card,
.smart-space.is-listing-view .smart-floor-row{
    border-radius:4px!important;
    box-shadow:none!important;
}

@media(max-width:900px){
    .smart-space__topnav{
        top:70px;
    }

    .smart-space__topnav-inner{
        width:calc(100% - 36px);
    }
}

@media(max-width:760px){
    .smart-space.is-listing-view{
        padding-top:0!important;
    }

    .smart-space.is-listing-view .site-shell{
        width:calc(100% - 28px)!important;
    }

    .smart-space__topnav{
        top:66px;
        box-shadow:0 6px 18px rgba(18,59,95,.18);
    }

    .smart-space__topnav-inner{
        width:calc(100% - 28px);
        min-height:52px;
        gap:4px;
        padding:7px 0;
    }

    .smart-space__topnav a{
        min-height:34px;
        padding:0 13px;
        font-size:15px;
    }

    .smart-space.is-listing-view .smart-space__mobile-querybar{
        margin:12px 0 0!important;
        padding:10px 11px!important;
        border:1px solid #e0e5e9!important;
        border-radius:3px!important;
        background:#fff!important;
        box-shadow:none!important;
    }

    .smart-space.is-listing-view .smart-space__mobile-querybar span{
        font-size:10px!important;
    }

    .smart-space.is-listing-view .smart-space__mobile-querybar strong{
        font-size:13px!important;
    }

    .smart-space.is-listing-view .smart-space__mobile-querybar button{
        min-height:36px!important;
        padding:0 10px!important;
        border:1px solid #cad6de!important;
        border-radius:3px!important;
        background:#f7f9fa!important;
        color:#1f5f93!important;
        font-size:11px!important;
    }

    .smart-space.is-listing-view .smart-space__listing-flow{
        margin-top:16px!important;
    }

    .smart-space.is-listing-view .smart-space__result-head--selected{
        grid-template-columns:minmax(0,1fr) auto!important;
        gap:10px!important;
        margin:0 0 8px!important;
        padding:0!important;
    }

    .smart-space.is-listing-view .smart-space__selected-title small{
        font-size:11px!important;
    }

    .smart-space.is-listing-view .smart-space__selected-title h2{
        margin-top:4px!important;
        font-size:27px!important;
        line-height:1.14!important;
    }

    .smart-space.is-listing-view .smart-space__selected-title>strong{
        min-height:27px;
        margin-top:7px!important;
        padding:0 8px!important;
        font-size:11px!important;
    }

    .smart-space.is-listing-view .smart-space__back-to-sites{
        min-height:36px!important;
        padding:0 9px!important;
        font-size:10px!important;
    }

    /* Current-condition querybar already carries this information on mobile. */
    .smart-space.is-listing-view .smart-space__selected-guide{
        display:none!important;
    }

    .smart-space.is-listing-view .smart-space__priority,
    .smart-space.is-listing-view .smart-space__all-results,
    .smart-space.is-listing-view .smart-space__connected,
    .smart-space.is-listing-view .smart-space__floor-overview,
    .smart-space.is-listing-view .smart-space__bundle-sales{
        margin-top:14px!important;
        scroll-margin-top:132px;
    }

    .smart-space.is-listing-view .smart-space__section-heading{
        align-items:flex-start!important;
        gap:5px!important;
        margin-bottom:10px!important;
    }

    .smart-space.is-listing-view .smart-space__section-heading h3,
    .smart-space.is-listing-view .smart-space__all-listings-head strong{
        font-size:22px!important;
        line-height:1.22!important;
    }

    .smart-space.is-listing-view .smart-space__section-heading p{
        font-size:12px!important;
        line-height:1.55!important;
    }

    .smart-space.is-listing-view .smart-priority-card{
        padding:14px!important;
    }

    .smart-space.is-listing-view .smart-priority-card__title strong{
        font-size:18px!important;
    }

    .smart-space.is-listing-view .smart-priority-card__price strong{
        font-size:16px!important;
    }

    .smart-space.is-listing-view .smart-space-card{
        padding:14px!important;
    }

    .smart-space.is-listing-view .smart-space-card__facts>div{
        grid-template-columns:74px minmax(0,1fr)!important;
    }

    .smart-space.is-listing-view .smart-space__listing-flow [data-listing-panel][hidden]{
        display:none!important;
    }
}

@media(max-width:560px){
    .smart-space__topnav{
        top:66px;
    }
}


/* Search-result identity v11
 * Make the page purpose obvious before showing result categories.
 */
.smart-space__topnav-search{
    min-height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    padding:0 14px;
    border:0;
    background:transparent;
    color:rgba(255,255,255,.68);
    font:inherit;
    font-size:13px;
    font-weight:650;
    line-height:1;
    cursor:pointer;
    white-space:nowrap;
}

.smart-space__topnav-search:hover,
.smart-space__topnav-search:focus-visible,
.smart-space__topnav-search.is-active{
    color:#fff;
}

.smart-space__topnav-search.is-active{
    font-weight:950;
}

.smart-space__topnav-search:focus-visible{
    outline:2px solid rgba(255,255,255,.58);
    outline-offset:2px;
}

.smart-space.is-listing-view .smart-space__search-context{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);
    align-items:end;
    gap:34px;
    margin:28px 0 0;
    padding:0 0 22px;
    border-bottom:1px solid #dfe5e9;
}

.smart-space.is-listing-view .smart-space__search-context>div:first-child>span{
    display:block;
    margin-bottom:7px;
    color:#2d6f9d;
    font-size:10px;
    font-weight:900;
    letter-spacing:.1em;
}

.smart-space.is-listing-view .smart-space__search-context h1{
    margin:0;
    color:#14202b;
    font-size:31px;
    line-height:1.1;
    letter-spacing:-.045em;
}

.smart-space.is-listing-view .smart-space__search-context>div:first-child>p{
    margin:8px 0 0;
    color:#6f7d87;
    font-size:13px;
    line-height:1.55;
}

.smart-space__search-context-summary{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:5px 12px;
    min-width:0;
    padding:12px 13px;
    border:1px solid #dfe5e9;
    border-radius:4px;
    background:#f8fafb;
}

.smart-space__search-context-summary small{
    grid-column:1/-1;
    color:#7e8a93;
    font-size:10px;
    font-weight:850;
}

.smart-space__search-context-summary strong{
    min-width:0;
    overflow:hidden;
    color:#213642;
    font-size:13px;
    line-height:1.4;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.smart-space__search-context-summary button{
    min-height:36px;
    padding:0 11px;
    border:1px solid #c7d4dc;
    border-radius:3px;
    background:#fff;
    color:#1f5f93;
    font:inherit;
    font-size:11px;
    font-weight:900;
    cursor:pointer;
}

.smart-space__search-context-summary button.is-active{
    border-color:#1f5f93;
    background:#eef5f9;
}

.smart-space.is-listing-view .is-listing-search-panel{
    margin-top:12px!important;
    border-radius:4px!important;
    box-shadow:none!important;
}

/* In result view the explicit search identity replaces the old mobile query bar. */
.smart-space.is-listing-view .smart-space__mobile-querybar{
    display:none!important;
}

@media(max-width:760px){
    .smart-space__topnav-inner{
        width:100%;
        padding:7px 14px;
    }

    .smart-space__topnav a,
    .smart-space__topnav-search{
        min-height:38px;
        padding:0 12px;
        font-size:15px;
    }

    .smart-space.is-listing-view .smart-space__search-context{
        display:block;
        margin:0;
        padding:18px 0 14px;
        border-bottom:1px solid #e1e6e9;
    }

    .smart-space.is-listing-view .smart-space__search-context>div:first-child>span{
        margin-bottom:5px;
        font-size:9px;
    }

    .smart-space.is-listing-view .smart-space__search-context h1{
        font-size:27px;
        line-height:1.12;
    }

    .smart-space.is-listing-view .smart-space__search-context>div:first-child>p{
        margin-top:6px;
        font-size:12px;
        line-height:1.5;
    }

    .smart-space__search-context-summary{
        margin-top:13px;
        padding:10px 11px;
        border-width:1px 0;
        border-radius:0;
        background:#fff;
    }

    .smart-space__search-context-summary small{
        font-size:10px;
    }

    .smart-space__search-context-summary strong{
        font-size:13px;
    }

    .smart-space__search-context-summary button{
        min-height:36px;
        padding:0 10px;
        font-size:11px;
    }

    .smart-space.is-listing-view .is-listing-search-panel{
        margin:0 0 14px!important;
        padding:12px!important;
        border-width:0 0 1px!important;
        border-radius:0!important;
        background:#f8fafb!important;
    }

    .smart-space.is-listing-view .smart-space__listing-flow{
        margin-top:14px!important;
    }

    .smart-space.is-listing-view .smart-space__result-head--selected{
        margin:0!important;
        padding:0 0 13px!important;
        border-bottom:1px solid #e2e7ea;
    }

    .smart-space.is-listing-view .smart-space__selected-title small{
        color:#788690!important;
        font-size:10px!important;
    }

    .smart-space.is-listing-view .smart-space__selected-title h2{
        margin-top:4px!important;
        font-size:25px!important;
        line-height:1.15!important;
    }

    .smart-space.is-listing-view .smart-space__selected-title>strong{
        margin-top:8px!important;
        border-radius:2px!important;
        background:#eef4f8!important;
        font-size:11px!important;
    }

    .smart-space.is-listing-view .smart-space__back-to-sites{
        align-self:end;
        min-height:34px!important;
        border-radius:2px!important;
        font-size:10px!important;
    }
}


/* Mobile search subnav refinement v12
 * Full-bleed bar, balanced 16px inner gutter, concise labels and exclusive text-only active state.
 */
@media(max-width:760px){
    .smart-space.is-listing-view .site-shell{
        width:calc(100% - 32px)!important;
    }

    .smart-space__topnav{
        width:100vw!important;
        max-width:100vw!important;
        margin-left:calc(50% - 50vw)!important;
        margin-right:calc(50% - 50vw)!important;
        box-sizing:border-box;
    }

    .smart-space__topnav-inner{
        width:100%!important;
        max-width:none!important;
        min-height:52px;
        justify-content:flex-start;
        gap:22px!important;
        margin:0!important;
        padding:7px 16px!important;
        scroll-padding-inline:16px;
    }

    .smart-space__topnav a,
    .smart-space__topnav-search{
        position:relative;
        min-height:38px!important;
        padding:0!important;
        border:0!important;
        background:transparent!important;
        color:rgba(255,255,255,.68)!important;
        font-size:14px!important;
        font-weight:650!important;
        letter-spacing:-.02em;
        box-shadow:none!important;
    }

    .smart-space__topnav a.is-active,
    .smart-space__topnav-search.is-active{
        color:#fff!important;
        font-weight:950!important;
    }

    .smart-space__topnav a:hover,
    .smart-space__topnav a:focus-visible,
    .smart-space__topnav-search:hover,
    .smart-space__topnav-search:focus-visible{
        color:#fff!important;
        background:transparent!important;
    }

    .smart-space__search-context-summary{
        margin-left:0!important;
        margin-right:0!important;
    }
}


/* First-visit search navigation v13
 * Result tabs only. Search conditions live in a separate explicit control.
 */
@media(max-width:760px){
    .smart-space.is-listing-view .site-shell{
        width:100%!important;
        max-width:none!important;
        padding-left:10px!important;
        padding-right:10px!important;
        box-sizing:border-box!important;
    }

    .smart-space__topnav{
        width:100vw!important;
        max-width:100vw!important;
        margin-left:calc(50% - 50vw)!important;
        margin-right:calc(50% - 50vw)!important;
    }

    .smart-space__topnav-inner{
        width:100%!important;
        min-height:54px!important;
        display:flex!important;
        align-items:stretch!important;
        justify-content:space-between!important;
        gap:0!important;
        margin:0!important;
        padding:0 8px!important;
        overflow-x:hidden!important;
        box-sizing:border-box!important;
    }

    .smart-space__topnav a{
        position:relative;
        flex:1 1 0!important;
        min-width:0!important;
        min-height:54px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        padding:0 5px!important;
        color:rgba(255,255,255,.64)!important;
        font-size:13px!important;
        font-weight:700!important;
        letter-spacing:-.035em!important;
        text-align:center!important;
        white-space:nowrap!important;
        background:transparent!important;
        border:0!important;
    }

    .smart-space__topnav a::after{
        content:"";
        position:absolute;
        left:50%;
        bottom:6px;
        width:0;
        height:2px;
        background:#fff;
        transform:translateX(-50%);
        transition:width .18s ease;
    }

    .smart-space__topnav a.is-active{
        color:#fff!important;
        font-weight:950!important;
    }

    .smart-space__topnav a.is-active::after{
        width:22px;
    }

    .smart-space.is-listing-view .smart-space__search-context{
        margin:0!important;
        padding:16px 0 12px!important;
    }

    .smart-space.is-listing-view .smart-space__search-context>div:first-child>span{
        display:none!important;
    }

    .smart-space.is-listing-view .smart-space__search-context h1{
        font-size:25px!important;
        line-height:1.12!important;
    }

    .smart-space.is-listing-view .smart-space__search-context>div:first-child>p{
        margin-top:5px!important;
        font-size:12px!important;
        line-height:1.5!important;
    }

    .smart-space__search-context-summary{
        grid-template-columns:minmax(0,1fr) auto!important;
        gap:4px 8px!important;
        margin:11px 0 0!important;
        padding:10px 0!important;
        border:1px solid #e0e5e8!important;
        border-left:0!important;
        border-right:0!important;
        border-radius:0!important;
        background:#fff!important;
    }

    .smart-space__search-context-summary small{
        grid-column:1!important;
        grid-row:1!important;
        color:#74818a!important;
        font-size:10px!important;
        font-weight:850!important;
    }

    .smart-space__search-context-summary strong{
        grid-column:1!important;
        grid-row:2!important;
        font-size:14px!important;
        font-weight:900!important;
        line-height:1.35!important;
    }

    .smart-space__search-context-summary button{
        grid-column:2!important;
        grid-row:1/3!important;
        align-self:center!important;
        min-height:38px!important;
        padding:0 10px!important;
        border:1px solid #b9cad6!important;
        border-radius:3px!important;
        background:#fff!important;
        color:#1f5f93!important;
        font-size:11px!important;
        font-weight:900!important;
        white-space:nowrap!important;
    }

    .smart-space__search-context-summary button.is-active{
        border-color:#193b59!important;
        background:#193b59!important;
        color:#fff!important;
    }

    .smart-space.is-listing-view .is-listing-search-panel{
        margin:0 0 12px!important;
        padding:10px!important;
    }

    .smart-space.is-listing-view .smart-space__listing-flow{
        margin-top:12px!important;
    }

    .smart-space.is-listing-view .smart-space__result-head--selected,
    .smart-space.is-listing-view .smart-space__priority,
    .smart-space.is-listing-view .smart-space__all-results,
    .smart-space.is-listing-view .smart-space__connected,
    .smart-space.is-listing-view .smart-space__floor-overview,
    .smart-space.is-listing-view .smart-space__bundle-sales{
        margin-left:0!important;
        margin-right:0!important;
    }

    .smart-space.is-listing-view .smart-priority-card,
    .smart-space.is-listing-view .smart-space-card,
    .smart-space.is-listing-view .smart-connected-card,
    .smart-space.is-listing-view .smart-bundle-card,
    .smart-space.is-listing-view .smart-floor-row{
        margin-left:0!important;
        margin-right:0!important;
    }
}

@media(max-width:380px){
    .smart-space__topnav a{
        font-size:12px!important;
        padding:0 3px!important;
    }
}

/* Result subnavigation v15
 * Keep the sticky rail focused on result views only.
 */
.smart-space__topnav-inner{
    display:block;
    overflow:hidden;
}

.smart-space__topnav-tabs{
    min-width:0;
    display:flex;
    align-items:center;
    gap:6px;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
}

.smart-space__topnav-tabs::-webkit-scrollbar{
    display:none;
}

.smart-space.is-listing-view .is-listing-search-panel{
    display:none!important;
}

.smart-space.is-listing-view .is-listing-search-panel.is-open{
    display:block!important;
}

.smart-space.is-listing-view .smart-space__search-context-summary{
    display:block;
}

.smart-space.is-listing-view .smart-space__search-context-summary small{
    display:block;
    margin-bottom:4px;
}

.smart-space.is-listing-view .smart-space__search-context-summary strong{
    display:block;
    white-space:normal;
}

.smart-space.is-listing-view .smart-space__context-back{
    width:max-content;
    max-width:100%;
    min-height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0 0 15px;
    padding:0 14px;
    border:1px solid #8fb9d7;
    border-radius:999px;
    background:#eef7fd;
    color:#1f5f93;
    box-shadow:0 1px 2px rgba(18,59,95,.06);
    font-size:12px;
    font-weight:900;
    line-height:1;
    letter-spacing:-.02em;
    text-decoration:none;
    transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;
}

.smart-space.is-listing-view .smart-space__context-back:hover,
.smart-space.is-listing-view .smart-space__context-back:focus-visible{
    border-color:#2f7fba;
    background:#e5f2fb;
    color:#163f61;
    box-shadow:0 3px 10px rgba(18,59,95,.10);
}

.smart-space.is-listing-view .smart-space__context-back:active{
    background:#dbeefa;
    box-shadow:none;
}

.smart-space.is-listing-view .smart-space__context-back:focus-visible{
    outline:2px solid rgba(47,127,186,.30);
    outline-offset:3px;
}

.smart-space.is-listing-view .smart-space__result-head--selected{
    display:block!important;
}

@media(max-width:760px){
    .smart-space__topnav-inner{
        width:100%!important;
        min-height:54px!important;
        margin:0!important;
        padding:0 6px!important;
    }

    .smart-space__topnav-tabs{
        min-width:0;
        gap:0!important;
        overflow-x:auto!important;
        scroll-padding-inline:4px;
    }

    .smart-space__topnav-tabs a{
        flex:0 0 auto!important;
        min-width:auto!important;
        min-height:54px!important;
        padding:0 10px!important;
        font-size:13px!important;
        white-space:nowrap!important;
    }

    .smart-space.is-listing-view .smart-space__context-back{
        min-height:40px;
        margin-bottom:14px;
        padding:0 14px;
        font-size:12px;
    }

    .smart-space.is-listing-view .smart-space__search-context-summary{
        display:block!important;
        margin:10px 0 0!important;
        padding:9px 0!important;
    }

    .smart-space.is-listing-view .smart-space__search-context-summary small{
        margin-bottom:3px!important;
        font-size:10px!important;
    }

    .smart-space.is-listing-view .smart-space__search-context-summary strong{
        font-size:14px!important;
        line-height:1.4!important;
        white-space:normal!important;
    }

    .smart-space.is-listing-view .is-listing-search-panel{
        display:none!important;
    }

    .smart-space.is-listing-view .is-listing-search-panel.is-open{
        display:block!important;
    }
}


/* Unit-detail-only result actions v16 */
.smart-space.is-listing-view .smart-priority-card__actions--single{
    grid-template-columns:1fr!important;
}

.smart-space.is-listing-view .smart-priority-card__actions--single a{
    width:100%;
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid #193b59!important;
    background:#193b59!important;
    color:#fff!important;
    font-weight:900!important;
}

.smart-space.is-listing-view .smart-floor-row{
    grid-template-columns:minmax(70px,.7fr) repeat(3,minmax(0,1fr))!important;
}

@media(max-width:760px){
    .smart-space.is-listing-view .smart-priority-card__actions--single a{
        min-height:40px;
    }

    .smart-space.is-listing-view .smart-floor-row{
        grid-template-columns:1fr 1fr!important;
    }

    .smart-space.is-listing-view .smart-floor-row__floor{
        grid-column:1/-1;
    }
}


/* Compact floor explorer v17
 * Floor summary -> inline matching units -> unit detail.
 */
.smart-space.is-listing-view .smart-floor-list--compact{
    display:grid;
    gap:8px;
}

.smart-space.is-listing-view .smart-floor-row--compact{
    display:block!important;
    grid-template-columns:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden;
    border:1px solid #dce3e8!important;
    border-radius:5px!important;
    background:#fff!important;
    box-shadow:none!important;
}

.smart-space.is-listing-view .smart-floor-row__summary{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:center;
    gap:12px;
    min-height:78px;
    padding:12px 14px;
}

.smart-space.is-listing-view .smart-floor-row__identity{
    min-width:0;
    display:grid;
    gap:4px;
}

.smart-space.is-listing-view .smart-floor-row__identity strong{
    color:#152331;
    font-size:20px;
    font-weight:950;
    line-height:1.1;
    letter-spacing:-.035em;
}

.smart-space.is-listing-view .smart-floor-row__identity span,
.smart-space.is-listing-view .smart-floor-row__area span{
    color:#7b8993;
    font-size:10px;
    font-weight:800;
    line-height:1.2;
}

.smart-space.is-listing-view .smart-floor-row__area{
    display:grid;
    gap:4px;
    text-align:right;
}

.smart-space.is-listing-view .smart-floor-row__area strong{
    color:#253a49;
    font-size:14px;
    font-weight:900;
    line-height:1.15;
    white-space:nowrap;
}

.smart-space.is-listing-view .smart-floor-row__toggle{
    min-width:122px;
    min-height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:0 11px;
    border:1px solid #aac0cf;
    border-radius:4px;
    background:#fff;
    color:#1f5f93;
    font:inherit;
    font-size:11px;
    font-weight:900;
    line-height:1;
    cursor:pointer;
}

.smart-space.is-listing-view .smart-floor-row__toggle i{
    font-style:normal;
    font-size:11px;
    line-height:1;
}

.smart-space.is-listing-view .smart-floor-row__toggle[aria-expanded="true"]{
    border-color:#193b59;
    background:#193b59;
    color:#fff;
}

.smart-space.is-listing-view .smart-floor-row__units{
    padding:0 14px;
    border-top:1px solid #e2e7ea;
    background:#f8fafb;
}

.smart-space.is-listing-view .smart-floor-row__units[hidden]{
    display:none!important;
}

.smart-space.is-listing-view .smart-floor-unit{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    padding:12px 0;
    border-top:1px solid #e3e8eb;
}

.smart-space.is-listing-view .smart-floor-unit:first-child{
    border-top:0;
}

.smart-space.is-listing-view .smart-floor-unit__main{
    min-width:0;
    display:grid;
    gap:5px;
}

.smart-space.is-listing-view .smart-floor-unit__title{
    display:flex;
    align-items:center;
    gap:7px;
    min-width:0;
}

.smart-space.is-listing-view .smart-floor-unit__title strong{
    overflow:hidden;
    color:#162532;
    font-size:15px;
    font-weight:950;
    line-height:1.2;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.smart-space.is-listing-view .smart-floor-unit__meta{
    display:flex;
    flex-wrap:wrap;
    gap:4px 10px;
    color:#687985;
    font-size:10px;
    font-weight:750;
    line-height:1.35;
}

.smart-space.is-listing-view .smart-floor-unit__detail{
    min-width:92px;
    min-height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 9px;
    border:1px solid #c5d2da;
    border-radius:3px;
    background:#fff;
    color:#193b59;
    font-size:10px;
    font-weight:900;
    text-decoration:none;
    white-space:nowrap;
}

.smart-space.is-listing-view .smart-floor-row__empty{
    margin:0;
    padding:13px 0;
    color:#7c8992;
    font-size:11px;
}

@media(max-width:760px){
    .smart-space.is-listing-view .smart-floor-list--compact{
        gap:7px;
    }

    .smart-space.is-listing-view .smart-floor-row__summary{
        grid-template-columns:minmax(0,1fr) auto auto;
        gap:8px;
        min-height:74px;
        padding:10px 11px;
    }

    .smart-space.is-listing-view .smart-floor-row__identity strong{
        font-size:18px;
    }

    .smart-space.is-listing-view .smart-floor-row__identity span,
    .smart-space.is-listing-view .smart-floor-row__area span{
        font-size:9px;
    }

    .smart-space.is-listing-view .smart-floor-row__area strong{
        font-size:12px;
    }

    .smart-space.is-listing-view .smart-floor-row__toggle{
        min-width:108px;
        min-height:36px;
        padding:0 9px;
        font-size:10px;
    }

    .smart-space.is-listing-view .smart-floor-row__units{
        padding:0 11px;
    }

    .smart-space.is-listing-view .smart-floor-unit{
        gap:8px;
        padding:10px 0;
    }

    .smart-space.is-listing-view .smart-floor-unit__title strong{
        font-size:14px;
    }

    .smart-space.is-listing-view .smart-floor-unit__meta{
        font-size:9px;
    }

    .smart-space.is-listing-view .smart-floor-unit__detail{
        min-width:82px;
        min-height:32px;
        padding:0 8px;
        font-size:9px;
    }
}

@media(max-width:390px){
    .smart-space.is-listing-view .smart-floor-row__summary{
        grid-template-columns:minmax(0,1fr) auto;
    }

    .smart-space.is-listing-view .smart-floor-row__area{
        grid-column:1;
        grid-row:2;
        justify-self:start;
        display:flex;
        align-items:center;
        gap:5px;
        text-align:left;
    }

    .smart-space.is-listing-view .smart-floor-row__toggle{
        grid-column:2;
        grid-row:1 / span 2;
    }
}

/* === 2026-09-30 Smart search visual hero === */
.smart-space__visual-hero{
  position:relative;
  min-height:320px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:url('/images/visual_img/spaces_visual.png') center 48%/cover no-repeat;
}
.smart-space__visual-hero-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(8,20,34,.78) 0%,rgba(13,39,64,.50) 44%,rgba(12,31,50,.18) 72%,rgba(12,31,50,.06) 100%);
}
.smart-space__visual-hero-inner{
  position:relative;
  z-index:1;
  padding-top:58px;
  padding-bottom:58px;
  color:#fff;
}
.smart-space__visual-hero-inner>span{
  display:block;
  margin-bottom:12px;
  color:#8fc7ff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
}
.smart-space__visual-hero-inner h1{
  max-width:760px;
  margin:0;
  color:#fff;
  font-size:clamp(40px,4.6vw,64px);
  line-height:1.06;
  letter-spacing:-.055em;
  word-break:keep-all;
}
.smart-space__visual-hero-inner p{
  max-width:720px;
  margin:18px 0 0;
  color:rgba(240,246,252,.82);
  font-size:14px;
  line-height:1.75;
  word-break:keep-all;
}
.smart-space__content{
  padding-top:32px;
}
.smart-space__content>.smart-space__panel:first-child{
  margin-top:0;
}
@media(max-width:900px){
  .smart-space__visual-hero{
    min-height:280px;
  }
  .smart-space__visual-hero-inner{
    padding-top:48px;
    padding-bottom:48px;
  }
  .smart-space__visual-hero-inner h1{
    font-size:42px;
  }
}
@media(max-width:680px){
  .smart-space{
    padding-top:0;
  }
  .smart-space__visual-hero{
    width:calc(100% + 28px);
    min-height:238px;
    margin-left:-14px;
    margin-right:-14px;
    background-position:center;
  }
  .smart-space__visual-hero-inner{
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    padding:32px 20px;
  }
  .smart-space__visual-hero-inner>span{
    font-size:8px;
    letter-spacing:.16em;
  }
  .smart-space__visual-hero-inner h1{
    max-width:100%;
    font-size:25px;
    line-height:1.14;
    letter-spacing:-.04em;
  }
  .smart-space__visual-hero-inner p{
    max-width:100%;
    margin-top:9px;
    font-size:10.5px;
    line-height:1.5;
  }
  .smart-space__content{
    padding-top:20px;
  }
}

/* === 2026-09-30 Smart search hero flush with public header === */
.od-structured-page.smart-space{
  padding-top:0;
}
@media(max-width:760px){
  .od-structured-page.smart-space{
    padding-top:0;
  }
}

/* === Shared home/search visual language: 2026-10-08 === */
.smart-space.od-structured-page{
  padding-bottom:96px;
  background:#fff;
}
.smart-space .site-shell{
  box-sizing:border-box;
  width:min(1480px,calc(100% - 96px));
  max-width:none;
  margin-right:auto;
  margin-left:auto;
}
.smart-space__ai-heading.smart-space__visual-hero{
  position:relative;
  isolation:isolate;
  min-height:340px;
  display:flex;
  align-items:center;
  width:100%;
  margin:0;
  overflow:hidden;
  background:#173858 url('/images/visual_img/spaces_visual.png') center 48%/cover no-repeat;
}
.smart-space__ai-heading.smart-space__visual-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(7,24,44,.84) 0%,rgba(15,47,78,.65) 50%,rgba(15,47,78,.06) 100%);
}
.smart-space__ai-heading .smart-space__visual-hero-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(270px,405px);
  gap:40px;
  align-items:end;
  padding-top:62px;
  padding-bottom:62px;
  color:#fff;
}
.smart-space__ai-heading .smart-space__visual-hero-inner>div{
  min-width:0;
}
.smart-space__ai-heading .smart-space__visual-hero-inner>div>span{
  display:block;
  margin:0 0 20px;
  color:#a6d8ff;
  font-size:13px;
  font-weight:850;
  letter-spacing:.18em;
}
.smart-space__ai-heading .smart-space__visual-hero-inner h1{
  max-width:none;
  margin:0;
  color:#fff;
  font-size:clamp(34px,3.15vw,48px);
  font-weight:900;
  line-height:1.22;
  letter-spacing:-.045em;
  word-break:keep-all;
}
.smart-space__ai-heading .smart-space__visual-hero-inner h1 strong{
  color:#d4ebff;
  font-weight:inherit;
}
.smart-space__ai-heading .smart-space__visual-hero-inner>p{
  max-width:405px;
  margin:0 0 5px;
  color:#edf6ff;
  font-size:16px;
  line-height:1.85;
  word-break:keep-all;
}
.smart-space .smart-space__content{
  width:min(1480px,calc(100% - 96px));
  max-width:none;
  padding:34px 0 0;
}
.smart-space .smart-space__content > .smart-space__panel{
  box-sizing:border-box;
  width:100%;
  max-width:none;
  margin:0 0 38px;
}
.smart-space .smart-space__content > .smart-space__result-head{
  margin-top:44px;
}
.smart-space .smart-space__content > .smart-space__search-context{
  margin-bottom:24px;
}
.smart-space .smart-space__panel{
  padding:34px 36px;
  border:1px solid #dce5f0;
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 48px rgba(15,48,83,.065);
}
.smart-space .smart-space__prompt{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:16px;
  border:1px solid #c8d8e9;
  border-radius:14px;
  background:#f9fbfe;
  box-shadow:none;
}
.smart-space .smart-space__spark{
  width:48px;
  height:48px;
  border-radius:11px;
  background:#112d4a;
  color:#fff;
  box-shadow:none;
}
.smart-space .smart-space__prompt-copy{
  min-width:0;
}
.smart-space .smart-space__prompt-copy label{
  color:#536c87;
  font-size:14px;
  font-weight:800;
}
.smart-space .smart-space__prompt input{
  width:100%;
  min-width:0;
  height:48px;
  color:#142b46;
  font-size:clamp(17px,1.35vw,20px);
  font-weight:750;
}
.smart-space .smart-space__prompt input::placeholder{
  color:#91a1b2;
}
.smart-space .smart-space__prompt button[type="submit"]{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:4px;
  min-width:174px;
  height:64px;
  padding:0 20px;
  border:0;
  border-radius:10px;
  background:#136ac2;
  color:#fff;
  box-shadow:0 7px 16px rgba(19,106,194,.19);
  font-size:18px;
  font-weight:900;
  cursor:pointer;
}
.smart-space .smart-space__prompt button[type="submit"]:hover{
  background:#105aa7;
}
.smart-space .smart-space__ai-kicker{
  color:#c9e2fb;
  font-size:10px;
  font-weight:800;
  line-height:1.1;
  letter-spacing:.06em;
}
.smart-space .smart-space__helper{
  margin:16px 2px 0;
  color:#61778f;
  font-size:13px;
  line-height:1.65;
}
.smart-space .smart-space__understands{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:26px;
  padding-top:22px;
  border-top:1px solid #e8edf4;
}
.smart-space .smart-space__understands strong{
  margin-right:10px;
  color:#425d79;
  font-size:13px;
  font-weight:900;
}
.smart-space .smart-space__understands>span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 13px;
  border-radius:999px;
  background:#f3f7fc;
  color:#60758a;
  font-size:12px;
  font-weight:750;
}
.smart-space .smart-space__examples{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-top:22px;
}
.smart-space .smart-space__examples>span{
  margin-right:10px;
  color:#526c88;
  font-size:13px;
  font-weight:800;
}
.smart-space .smart-space__examples button{
  min-height:43px;
  height:auto;
  padding:8px 16px;
  border:1px solid #e2eaf3;
  border-radius:9px;
  background:#f7faff;
  color:#45617e;
  font-size:13px;
  font-weight:750;
}
.smart-space .smart-space__examples button:hover{
  border-color:#91bde6;
  background:#eaf5ff;
  color:#125da9;
}
@media (min-width:1200px) and (max-width:1380px){
  .smart-space .site-shell{width:min(1320px,calc(100% - 52px));}
}
@media (min-width:901px) and (max-width:1180px){
  .smart-space .site-shell{width:calc(100% - 72px);}
}
@media(max-width:900px){
  .smart-space .site-shell{width:calc(100% - 36px);}
  .smart-space__ai-heading .smart-space__visual-hero-inner{
    display:block;
    padding-top:54px;
    padding-bottom:54px;
  }
  .smart-space__ai-heading .smart-space__visual-hero-inner>p{
    max-width:640px;
    margin-top:18px;
  }
  .smart-space .smart-space__content{padding-top:26px;}
}
@media(max-width:560px){
  .smart-space .site-shell{width:calc(100% - 28px);}
}
@media(max-width:640px){
  /* Keep the existing full-bleed hero but make it less tall on phones. */
  .smart-space__ai-heading.smart-space__visual-hero{
    box-sizing:border-box;
    width:100vw;
    max-width:100vw;
    min-height:205px;
    margin-left:calc(50% - 50vw);
    margin-right:0;
    background-position:61% center;
  }
  .smart-space__ai-heading.smart-space__visual-hero::before{
    background:linear-gradient(90deg,rgba(7,24,44,.86),rgba(9,35,62,.61) 75%,rgba(9,35,62,.46));
  }
  .smart-space__ai-heading .smart-space__visual-hero-inner{
    padding:24px 6px;
  }
  .smart-space__ai-heading .smart-space__visual-hero-inner>div>span{
    margin-bottom:10px;
    font-size:10px;
    letter-spacing:.13em;
  }
  .smart-space__ai-heading .smart-space__visual-hero-inner h1{
    font-size:clamp(23px,6.1vw,28px);
    line-height:1.18;
    letter-spacing:-.045em;
  }
  .smart-space__ai-heading .smart-space__visual-hero-inner>p{
    max-width:340px;
    margin:11px 0 0;
    font-size:12px;
    line-height:1.55;
  }
  .smart-space .smart-space__content{padding-top:18px;}

  /* Stage 1 only: compact initial building search, not selected-unit tools. */
  .smart-space:not(.is-listing-view) .smart-space__content>.smart-space__panel{
    margin-bottom:25px;
  }
  .smart-space:not(.is-listing-view) .smart-space__panel{
    padding:14px;
    border-radius:14px;
  }
  .smart-space:not(.is-listing-view) .smart-space__prompt{
    grid-template-columns:30px minmax(0,1fr) 86px;
    gap:8px;
    padding:8px;
    border-radius:11px;
  }
  .smart-space:not(.is-listing-view) .smart-space__spark{
    width:30px;
    height:30px;
    border-radius:8px;
  }
  .smart-space:not(.is-listing-view) .smart-space__prompt input{
    height:44px;
    font-size:16px;
  }
  .smart-space:not(.is-listing-view) .smart-space__prompt button[type="submit"]{
    grid-column:auto;
    align-items:center;
    justify-content:center;
    width:86px;
    min-width:0;
    height:44px;
    padding:0 5px;
    border-radius:8px;
    box-shadow:none;
    font-size:13px;
  }
  .smart-space:not(.is-listing-view) .smart-space__ai-kicker,
  .smart-space:not(.is-listing-view) .smart-space__helper,
  .smart-space:not(.is-listing-view) .smart-space__understands{
    display:none;
  }
  .smart-space:not(.is-listing-view) .smart-space__examples{
    gap:7px;
    margin-top:13px;
  }
  .smart-space:not(.is-listing-view) .smart-space__examples>span{
    width:100%;
    margin:0;
    font-size:11px;
  }
  .smart-space:not(.is-listing-view) .smart-space__examples button{
    min-height:34px;
    padding:7px 10px;
    font-size:11px;
  }
  /* Retain all four usable examples on desktop. */
  .smart-space:not(.is-listing-view) .smart-space__examples button:nth-of-type(n+3){
    display:none;
  }
}
@media(max-width:360px){
  .smart-space:not(.is-listing-view) .smart-space__prompt{
    grid-template-columns:minmax(0,1fr) 82px;
  }
  .smart-space:not(.is-listing-view) .smart-space__spark{display:none;}
  .smart-space:not(.is-listing-view) .smart-space__prompt button[type="submit"]{
    width:82px;
  }
}

/* One shared alignment line for search hero, form and results.
   Override legacy result-view width settings without changing result logic. */
.smart-space.od-structured-page .smart-space__visual-hero-inner,
.smart-space.od-structured-page .smart-space__content{
  box-sizing:border-box;
  width:min(1480px,calc(100% - 96px));
  max-width:none;
  margin-right:auto;
  margin-left:auto;
}
@media(min-width:1200px) and (max-width:1380px){
  .smart-space.od-structured-page .smart-space__visual-hero-inner,
  .smart-space.od-structured-page .smart-space__content{width:calc(100% - 52px);}
}
@media(min-width:901px) and (max-width:1180px){
  .smart-space.od-structured-page .smart-space__visual-hero-inner,
  .smart-space.od-structured-page .smart-space__content{width:calc(100% - 72px);}
}
@media(max-width:900px){
  .smart-space.od-structured-page .smart-space__visual-hero-inner,
  .smart-space.od-structured-page .smart-space__content{width:calc(100% - 36px);}
}
@media(max-width:560px){
  .smart-space.od-structured-page .smart-space__visual-hero-inner,
  .smart-space.od-structured-page .smart-space__content{width:calc(100% - 28px);}
}

/* Search prompt label stays above the field, not inside it. */
.smart-space .od-ai-search-label{margin:0 0 12px 2px;color:#294a6b;font-size:16px;font-weight:850;line-height:1.5;letter-spacing:-.02em}
@media(max-width:640px){.smart-space .od-ai-search-label{margin-bottom:10px;font-size:15px}}

/* Clear AI analysis confirmation, preserving the exact interpreted values. */
.smart-space .smart-space__interpreted{
  display:block;
  margin-top:26px;
  padding:24px;
  border:1px solid #d7e5f0;
  border-radius:16px;
  background:#f7fafc;
}
.smart-space .smart-space__analysis-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:20px;
}
.smart-space .smart-space__analysis-icon{
  display:grid;
  place-items:center;
  flex:0 0 34px;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#e3f5ec;
  color:#158252;
  font-size:20px;
  font-weight:900;
}
.smart-space .smart-space__analysis-head strong{
  display:block;
  color:#193650;
  font-size:19px;
  font-weight:900;
  line-height:1.35;
}
.smart-space .smart-space__analysis-head small{
  display:block;
  margin-top:4px;
  color:#657b90;
  font-size:13px;
  line-height:1.6;
}
.smart-space .smart-space__interpreted-chips{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.smart-space .smart-space__analysis-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:8px;
  min-width:0;
  min-height:94px;
  padding:16px 18px;
  border:1px solid #dce6ef;
  border-radius:12px;
  background:#fff;
}
.smart-space .smart-space__analysis-card>span{
  color:#72869a;
  font-size:12px;
  font-weight:750;
}
.smart-space .smart-space__analysis-card>strong{
  color:#155087;
  font-size:18px;
  font-weight:850;
  line-height:1.4;
  overflow-wrap:anywhere;
}
@media(max-width:900px){
  .smart-space .smart-space__interpreted-chips{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .smart-space .smart-space__interpreted{
    margin-top:18px;
    padding:16px;
  }
  .smart-space .smart-space__analysis-head strong{font-size:16px;}
  .smart-space .smart-space__analysis-head small{font-size:12px;}
  .smart-space .smart-space__interpreted-chips{gap:8px;}
  .smart-space .smart-space__analysis-card{
    min-height:78px;
    padding:12px;
  }
  .smart-space .smart-space__analysis-card>span{font-size:11px;}
  .smart-space .smart-space__analysis-card>strong{font-size:14px;}
}

.smart-space .smart-space__analysis-icon.is-warning{background:#fff1db;color:#a76114;}

/* Center analysis status symbol and elevate advanced condition toggle. */
.smart-space .smart-space__analysis-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  padding:0!important;
  line-height:1!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
.smart-space .smart-space__advanced{
  margin-top:18px;
}
.smart-space .smart-space__advanced>summary{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  width:max-content;
  max-width:100%;
  padding:12px 0!important;
  list-style:none;
  cursor:pointer;
}
.smart-space .smart-space__advanced>summary::-webkit-details-marker{
  display:none;
}
.smart-space .smart-space__advanced-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-height:43px;
  padding:0 17px;
  border:1px solid #a8c7e7;
  border-radius:10px;
  background:#eef6ff;
  color:#135c9f!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1.3;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.smart-space .smart-space__advanced>summary:hover .smart-space__advanced-button,
.smart-space .smart-space__advanced>summary:focus-visible .smart-space__advanced-button{
  border-color:#297fc8;
  background:#dceeff;
  color:#104e89!important;
}
.smart-space .smart-space__advanced>summary:focus-visible{
  outline:2px solid #297fc8;
  outline-offset:2px;
  border-radius:10px;
}
.smart-space .smart-space__advanced-symbol{
  display:inline-grid;
  place-items:center;
  width:19px;
  height:19px;
  border-radius:5px;
  background:#d9eafb;
  color:#135c9f;
  font-size:16px;
  font-weight:800;
  line-height:1;
}
.smart-space .smart-space__advanced[open] .smart-space__advanced-symbol{
  font-size:0;
}
.smart-space .smart-space__advanced[open] .smart-space__advanced-symbol::after{
  content:"−";
  font-size:16px;
}

/* === Listing navigation directly below visual hero === */
.smart-space.od-structured-page .smart-space__topnav{
  position:sticky!important;
  top:var(--od-search-header-height, 0px)!important;
  z-index:70;
  width:100%!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid #d8e4f0!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(19,52,85,.055)!important;
}
.smart-space.od-structured-page .smart-space__topnav-inner{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  width:min(1480px,calc(100% - 96px))!important;
  max-width:none!important;
  min-height:76px!important;
  gap:0!important;
  margin:0 auto!important;
  padding:12px 0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none;
}
.smart-space.od-structured-page .smart-space__topnav-tabs{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  min-width:max-content;
}
.smart-space.od-structured-page .smart-space__topnav a{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:0 21px!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#62758b!important;
  font-size:15px!important;
  font-weight:750!important;
  line-height:1.2!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.smart-space.od-structured-page .smart-space__topnav a:hover,
.smart-space.od-structured-page .smart-space__topnav a:focus-visible{
  background:#eef5fc!important;
  color:#155b9d!important;
}
.smart-space.od-structured-page .smart-space__topnav a.is-active{
  border-color:#164f86!important;
  background:#153d66!important;
  color:#fff!important;
  font-weight:850!important;
  box-shadow:0 5px 12px rgba(21,61,102,.14)!important;
}
.smart-space.od-structured-page .smart-space__topnav a.is-active:hover,
.smart-space.od-structured-page .smart-space__topnav a.is-active:focus-visible{
  background:#153d66!important;
  color:#fff!important;
}
.smart-space.od-structured-page .smart-space__topnav a:focus-visible{
  outline:2px solid #268add!important;
  outline-offset:2px!important;
}
@media(min-width:1200px) and (max-width:1380px){
  .smart-space.od-structured-page .smart-space__topnav-inner{
    width:calc(100% - 52px)!important;
  }
}
@media(min-width:901px) and (max-width:1180px){
  .smart-space.od-structured-page .smart-space__topnav-inner{
    width:calc(100% - 72px)!important;
  }
}
@media(max-width:900px){
  .smart-space.od-structured-page .smart-space__topnav-inner{
    width:calc(100% - 36px)!important;
    min-height:66px!important;
    padding:10px 0!important;
  }
  .smart-space.od-structured-page .smart-space__topnav a{
    min-height:42px!important;
    padding:0 17px!important;
    font-size:13px!important;
  }
}
@media(max-width:560px){
  .smart-space.od-structured-page .smart-space__topnav-inner{
    width:calc(100% - 28px)!important;
    min-height:62px!important;
  }
  .smart-space.od-structured-page .smart-space__topnav-tabs{
    gap:6px!important;
  }
  .smart-space.od-structured-page .smart-space__topnav a{
    min-height:40px!important;
    padding:0 13px!important;
    font-size:12px!important;
  }
}


/* Search-state layout: a fresh visit introduces the AI service, but a completed
   search prioritizes the editable query and the actual results immediately.
   Scope to the building picker to avoid changing selected-unit tools. */
.smart-space.has-search-request:not(.is-listing-view) .smart-space__content{
    padding-top:20px;
}
.smart-space.has-search-request:not(.is-listing-view) .smart-space__content>.smart-space__panel{
    margin:0 0 12px;
}
.smart-space.has-search-request:not(.is-listing-view) .smart-space__panel{
    padding:18px 24px 12px;
    border:1px solid #dbe5ef;
    border-radius:14px;
    box-shadow:0 4px 16px rgba(20,42,67,.035);
}
.smart-space.has-search-request:not(.is-listing-view) .smart-space__panel::before{
    display:none;
}
.smart-space.has-search-request:not(.is-listing-view) .smart-space__search-status{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:5px 12px;
    margin:0 0 12px;
    padding:0 0 12px;
    border-bottom:1px solid #e8edf2;
    color:#647b90;
    font-size:12px;
    line-height:1.5;
}
.smart-space.has-search-request:not(.is-listing-view) .smart-space__search-status strong{
    display:inline-flex;
    align-items:center;
    gap:7px;
    flex:0 0 auto;
    color:#a45d28;
    font-size:14px;
    font-weight:850;
}
.smart-space.has-search-request:not(.is-listing-view) .smart-space__search-status.is-success strong{
    color:#17684e;
}
.smart-space.has-search-request:not(.is-listing-view) .smart-space__search-status.is-success strong span{
    display:inline-grid;
    place-items:center;
    width:19px;
    height:19px;
    border-radius:50%;
    background:#e5f5ee;
    font-size:12px;
}
.smart-space.has-search-request:not(.is-listing-view) .od-ai-search-label{
    margin:0 0 7px 1px;
    font-size:13px;
}
.smart-space.has-search-request:not(.is-listing-view) .smart-space__prompt{
    grid-template-columns:36px minmax(0,1fr) 128px;
    gap:10px;
    min-height:0;
    padding:7px 9px;
    border:1px solid #cddbe8;
    border-radius:10px;
    background:#f8fafc;
    box-shadow:none;
}
.smart-space.has-search-request:not(.is-listing-view) .smart-space__spark{
    width:36px;
    height:36px;
    border-radius:8px;
    box-shadow:none;
    font-size:17px;
}
.smart-space.has-search-request:not(.is-listing-view) .smart-space__prompt input{
    box-sizing:border-box;
    width:100%;
    min-width:0;
    height:44px;
    font-size:16px;
    font-weight:750;
}
.smart-space.has-search-request:not(.is-listing-view) .smart-space__prompt button[type="submit"]{
    grid-column:auto;
    justify-content:center;
    align-items:center;
    gap:0;
    width:128px;
    min-width:0;
    height:44px;
    padding:0 10px;
    border-radius:8px;
    box-shadow:none;
    font-size:14px;
}
.smart-space.has-search-request:not(.is-listing-view) .smart-space__ai-kicker{
    display:none;
}
/* These teaching aids belong to the empty-search landing page, not results. */
.smart-space.has-building-results .smart-space__helper,
.smart-space.has-building-results .smart-space__understands,
.smart-space.has-building-results .smart-space__examples{
    display:none;
}
.smart-space.has-search-request:not(.is-listing-view) .smart-space__advanced{
    margin-top:5px;
}
.smart-space.has-search-request:not(.is-listing-view) .smart-space__advanced>summary{
    padding:6px 0!important;
}
.smart-space.has-search-request:not(.is-listing-view) .smart-space__advanced-button{
    min-height:32px;
    padding:0 11px;
    border-radius:8px;
    font-size:12px!important;
}
.smart-space.has-search-request:not(.is-listing-view) .smart-space__advanced-symbol{
    width:15px;
    height:15px;
    font-size:13px;
}
/* The interpreted query stays accessible without occupying the initial viewport. */
.smart-space.has-building-results .smart-space__analysis-disclosure{
    margin-top:8px;
}
.smart-space.has-building-results .smart-space__analysis-disclosure>summary{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:5px 0;
    color:#53718c;
    font-size:12px;
    font-weight:750;
    cursor:pointer;
    list-style:none;
}
.smart-space.has-building-results .smart-space__analysis-disclosure>summary::-webkit-details-marker{
    display:none;
}
.smart-space.has-building-results .smart-space__analysis-disclosure[open]>summary>span{
    transform:rotate(180deg);
}
.smart-space.has-building-results .smart-space__analysis-disclosure>summary:focus-visible{
    outline:2px solid #1769bd;
    outline-offset:3px;
    border-radius:3px;
}
.smart-space.has-building-results .smart-space__analysis-disclosure .smart-space__interpreted{
    margin-top:8px;
    padding:14px;
    border-radius:11px;
}
.smart-space.has-building-results .smart-space__analysis-disclosure .smart-space__analysis-head{
    margin-bottom:10px;
}
.smart-space.has-building-results .smart-space__analysis-disclosure .smart-space__analysis-card{
    min-height:52px;
    padding:10px 12px;
}
.smart-space.has-building-results .smart-space__analysis-disclosure .smart-space__analysis-card>strong{
    font-size:14px;
}
.smart-space.has-building-results:not(.is-listing-view) .smart-space__content>.smart-space__result-head--buildings{
    margin:19px 0 13px;
}
@media(max-width:760px){
    .smart-space.has-search-request:not(.is-listing-view) .smart-space__content{
        padding-top:14px;
    }
    .smart-space.has-search-request:not(.is-listing-view) .smart-space__panel{
        padding:13px!important;
        border-radius:12px;
    }
    .smart-space.has-search-request:not(.is-listing-view) .smart-space__search-status{
        align-items:flex-start;
        gap:3px 8px;
        padding-bottom:10px;
        font-size:11px;
    }
    .smart-space.has-search-request:not(.is-listing-view) .smart-space__search-status strong{
        font-size:13px;
    }
    .smart-space.has-search-request:not(.is-listing-view) .smart-space__prompt{
        grid-template-columns:minmax(0,1fr) 102px;
        gap:6px;
        padding:6px;
    }
    .smart-space.has-search-request:not(.is-listing-view) .smart-space__spark{
        display:none;
    }
    .smart-space.has-search-request:not(.is-listing-view) .smart-space__prompt input{
        height:42px;
        font-size:16px;
    }
    .smart-space.has-search-request:not(.is-listing-view) .smart-space__prompt button[type="submit"]{
        grid-column:auto;
        width:102px;
        height:42px;
        padding:0 6px;
        font-size:12px;
    }
    .smart-space.has-search-request:not(.is-listing-view) .smart-space__content>.smart-space__result-head--buildings{
        margin:16px 0 10px!important;
    }
    .smart-space.has-building-results .smart-space__analysis-disclosure .smart-space__interpreted-chips{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:360px){
    .smart-space.has-search-request:not(.is-listing-view) .smart-space__prompt{
        grid-template-columns:minmax(0,1fr) 92px;
    }
    .smart-space.has-search-request:not(.is-listing-view) .smart-space__prompt button[type="submit"]{
        width:92px;
        font-size:11px;
    }
}


/* Selected workspace listing: unified identity, one active tab, compact unit cards.
   Scoped to the selected-building view; the /spaces building-search page is unchanged. */
.smart-space.is-listing-view .smart-space__listing-flow [data-listing-panel][hidden]{
    display:none!important;
}
.smart-space.is-listing-view .smart-space__search-context{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    flex-wrap:wrap!important;
    gap:16px 24px!important;
    margin:0 0 18px!important;
    padding:16px 0 18px!important;
    border-bottom:1px solid #d9e3eb!important;
}
.smart-space.is-listing-view .smart-space__search-context-main{
    flex:1 1 460px;
    min-width:0;
}
.smart-space.is-listing-view .smart-space__context-back{
    min-height:32px;
    margin-bottom:12px;
}
.smart-space.is-listing-view .smart-space__search-context-main>span{
    display:block;
    margin-bottom:5px;
    color:#648098;
    font-size:11px;
    font-weight:800;
}
.smart-space.is-listing-view .smart-space__search-context h1{
    overflow-wrap:anywhere;
    font-size:clamp(24px,2.4vw,32px)!important;
    line-height:1.2!important;
}
.smart-space.is-listing-view .smart-space__search-context-main>p{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    margin:8px 0 0;
    color:#688095;
    font-size:13px;
    font-weight:750;
}
.smart-space.is-listing-view .smart-space__search-context-main>p strong{
    color:#153d66;
    font-size:14px;
    font-weight:900;
}
.smart-space.is-listing-view .smart-space__search-context-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:10px;
}
.smart-space.is-listing-view .smart-space__active-query{
    max-width:300px;
    overflow:hidden;
    color:#60768b;
    font-size:12px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* Card layout stays readable in a four-column desktop comparison grid. */
.smart-space.is-listing-view .smart-space__all-results .smart-space__results{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:13px!important;
}
.smart-space.is-listing-view .smart-space__all-results .smart-space-card{
    min-width:0;
    padding:16px!important;
    border:1px solid #d6e0e9!important;
    border-top:2px solid #81acd0!important;
    border-radius:11px!important;
    box-shadow:0 2px 9px rgba(20,42,67,.035)!important;
}
.smart-space.is-listing-view .smart-space__all-results .smart-space-card__visual{
    display:none!important;
}
.smart-space.is-listing-view .smart-space__all-results .smart-space-card__title{
    position:relative;
    z-index:1;
    margin-top:8px!important;
}
.smart-space.is-listing-view .smart-space__all-results .smart-space-card__title strong{
    color:#142b40!important;
    font-size:19px!important;
    font-weight:900!important;
}
.smart-space.is-listing-view .smart-space__all-results .smart-space-card__facts{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0 12px!important;
    margin-top:11px!important;
    border-top:1px solid #dbe4ec;
}
.smart-space.is-listing-view .smart-space__all-results .smart-space-card__facts>div{
    display:block!important;
    min-width:0;
    padding:10px 0!important;
    border:0!important;
    border-bottom:1px solid #e7edf2!important;
}
.smart-space.is-listing-view .smart-space__all-results .smart-space-card__fact-price{
    grid-column:auto!important;
    border-bottom:0!important;
    padding-bottom:5px!important;
}
.smart-space.is-listing-view .smart-space__all-results .smart-space-card__facts span{
    display:block;
    margin-bottom:4px;
    font-size:10px!important;
}
.smart-space.is-listing-view .smart-space__all-results .smart-space-card__facts strong{
    display:block;
    font-size:13px!important;
    overflow-wrap:anywhere;
}
.smart-space.is-listing-view .smart-space__all-results .smart-space-card__facts small{
    display:block;
    grid-column:auto;
    margin-top:3px;
    font-size:10px!important;
}
.smart-space.is-listing-view .smart-space__all-results .smart-space-card__foot{
    border-top:1px solid #e2eaf1;
    padding-top:10px;
}
.smart-space.is-listing-view .smart-space__all-results .smart-space-card__foot>a{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    min-height:36px!important;
    border-radius:8px!important;
}

/* Compact recommended units without removing prices or match explanations. */
.smart-space.is-listing-view .smart-space__priority .smart-space__priority-grid{
    gap:12px!important;
}
.smart-space.is-listing-view .smart-space__priority .smart-priority-card{
    padding:15px!important;
    border:1px solid #d6e0e9!important;
    border-radius:11px!important;
}
.smart-space.is-listing-view .smart-space__priority .smart-priority-card__title{
    margin-top:7px!important;
}
.smart-space.is-listing-view .smart-space__priority .smart-priority-card__price{
    margin-top:8px!important;
}
.smart-space.is-listing-view .smart-space__priority .smart-priority-card__reasons{
    margin-top:8px!important;
}
.smart-space.is-listing-view .smart-space__priority .smart-priority-card__reasons span{
    min-height:22px!important;
    font-size:9px!important;
    border-radius:5px!important;
}
.smart-space.is-listing-view .smart-space__priority .smart-priority-card__actions{
    padding-top:11px!important;
}

/* Consistent breakpoints for result grids. */
@media(min-width:901px) and (max-width:1199px){
    .smart-space.is-listing-view .smart-space__all-results .smart-space__results{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}
@media(min-width:761px) and (max-width:900px){
    .smart-space.is-listing-view .smart-space__all-results .smart-space__results{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}
@media(max-width:760px){
    .smart-space.is-listing-view .smart-space__search-context{
        gap:10px!important;
        padding:11px 0 14px!important;
        margin:0 0 12px!important;
    }
    .smart-space.is-listing-view .smart-space__search-context-main{
        flex-basis:100%;
    }
    .smart-space.is-listing-view .smart-space__context-back{
        min-height:34px!important;
        margin-bottom:10px!important;
    }
    .smart-space.is-listing-view .smart-space__search-context h1{
        font-size:clamp(21px,5.8vw,26px)!important;
    }
    .smart-space.is-listing-view .smart-space__search-context-main>p{
        margin-top:5px!important;
        font-size:12px!important;
    }
    .smart-space.is-listing-view .smart-space__search-context-actions{
        width:100%;
        justify-content:space-between;
        gap:8px;
    }
    .smart-space.is-listing-view .smart-space__active-query{
        flex:1;
        max-width:none;
        font-size:11px;
    }
    .smart-space.is-listing-view .smart-space__listing-flow{
        margin-top:2px!important;
    }
    .smart-space.is-listing-view .smart-space__section-heading{
        margin-bottom:12px!important;
    }
    .smart-space.is-listing-view .smart-space__section-heading>div>span,
    .smart-space.is-listing-view .smart-space__all-listings-head>span{
        display:none!important;
    }
    .smart-space.is-listing-view .smart-space__section-heading p{
        display:none!important;
    }
    .smart-space.is-listing-view .smart-space__priority .smart-priority-card{
        padding:13px!important;
    }
    .smart-space.is-listing-view .smart-space__priority .smart-priority-card__rank strong{
        width:24px!important;
        height:24px!important;
    }
    .smart-space.is-listing-view .smart-space__priority .smart-priority-card__title strong{
        font-size:17px!important;
    }
    .smart-space.is-listing-view .smart-space__priority .smart-priority-card__price strong{
        font-size:15px!important;
    }
    .smart-space.is-listing-view .smart-space__priority .smart-priority-card__actions a{
        min-height:37px!important;
    }
    .smart-space.is-listing-view .smart-space__all-results .smart-space__results{
        grid-template-columns:minmax(0,1fr)!important;
        gap:10px!important;
    }
    .smart-space.is-listing-view .smart-space__all-results .smart-space-card{
        padding:13px!important;
    }
    .smart-space.is-listing-view .smart-space__all-results .smart-space-card__title strong{
        font-size:18px!important;
    }
    .smart-space.is-listing-view .smart-space__all-results .smart-space-card__facts>div{
        padding:8px 0!important;
    }
    .smart-space.is-listing-view .smart-space__all-results .smart-space-card__facts strong{
        font-size:13px!important;
    }
    .smart-space.is-listing-view .smart-space__floor-overview .smart-floor-row__summary{
        grid-template-columns:minmax(0,1fr) auto!important;
        gap:7px 12px;
        min-height:66px;
        padding:10px 12px;
    }
    .smart-space.is-listing-view .smart-space__floor-overview .smart-floor-row__area{
        grid-column:1;
        grid-row:2;
        justify-self:start;
        display:flex;
        align-items:center;
        gap:6px;
        text-align:left;
    }
    .smart-space.is-listing-view .smart-space__floor-overview .smart-floor-row__toggle{
        grid-column:2;
        grid-row:1 / span 2;
    }
}


/* Selected workspace subheader: the building-picker return action comes first.
   Result tabs scroll independently without pushing the return action off-screen. */
.smart-space.od-structured-page.is-listing-view .smart-space__topnav-inner{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    overflow:visible!important;
}
.smart-space.od-structured-page.is-listing-view .smart-space__topnav-tabs{
    flex:1 1 0!important;
    min-width:0!important;
    max-width:100%;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
}
.smart-space.od-structured-page.is-listing-view .smart-space__topnav-tabs::-webkit-scrollbar{
    display:none;
}
.smart-space.od-structured-page.is-listing-view .smart-space__topnav .smart-space__topnav-back{
    flex:0 0 auto!important;
    order:-1;
    margin-left:0!important;
    margin-right:5px!important;
    min-height:38px!important;
    padding:0 14px!important;
    border:1px solid #a9c5dd!important;
    border-radius:9px!important;
    background:#eef6fc!important;
    color:#153d66!important;
    font-size:12px!important;
    font-weight:850!important;
    line-height:1!important;
    box-shadow:none!important;
}
.smart-space.od-structured-page.is-listing-view .smart-space__topnav .smart-space__topnav-back:hover,
.smart-space.od-structured-page.is-listing-view .smart-space__topnav .smart-space__topnav-back:focus-visible{
    border-color:#6d9dbe!important;
    background:#e1f0fb!important;
    color:#123b5f!important;
}
@media(max-width:760px){
    .smart-space.od-structured-page.is-listing-view .smart-space__topnav-inner{
        box-sizing:border-box!important;
        width:calc(100% - 24px)!important;
        min-height:60px!important;
        gap:6px!important;
        padding:7px 0!important;
        margin:0 auto!important;
    }
    .smart-space.od-structured-page.is-listing-view .smart-space__topnav-tabs{
        justify-content:flex-start!important;
        gap:4px!important;
    }
    .smart-space.od-structured-page.is-listing-view .smart-space__topnav-tabs a{
        flex:0 0 auto!important;
        min-height:42px!important;
        padding:0 11px!important;
        font-size:12px!important;
    }
    .smart-space.od-structured-page.is-listing-view .smart-space__topnav .smart-space__topnav-back{
        min-height:35px!important;
        margin-right:2px!important;
        padding:0 9px!important;
        border-radius:8px!important;
        font-size:11px!important;
    }
}


/* Selected building image: reuse the building rendering beside the single title.
   Content always has a thumbnail slot, with an image-free accessible placeholder. */
.smart-space.is-listing-view .smart-space__selected-identity{
    display:flex;
    align-items:center;
    gap:18px;
    min-width:0;
}
.smart-space.is-listing-view .smart-space__selected-thumbnail{
    box-sizing:border-box;
    position:relative;
    display:flex;
    flex:0 0 104px;
    align-items:center;
    justify-content:center;
    width:104px;
    height:82px;
    overflow:hidden;
    border:1px solid #d7e2eb;
    border-radius:10px;
    background:linear-gradient(135deg,#e9f0f6,#f7fafc);
    color:#87a0b5;
}
.smart-space.is-listing-view .smart-space__selected-thumbnail img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.smart-space.is-listing-view .smart-space__selected-thumbnail svg{
    display:block;
    width:38px;
    height:38px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.5;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.smart-space.is-listing-view .smart-space__selected-thumbnail-empty{
    position:absolute;
    bottom:7px;
    left:0;
    width:100%;
    color:#728ba2;
    font-size:9px;
    font-weight:750;
    text-align:center;
}
.smart-space.is-listing-view .smart-space__selected-identity-copy{
    flex:1;
    min-width:0;
}
.smart-space.is-listing-view .smart-space__selected-identity-copy>span{
    display:block;
    margin-bottom:5px;
    color:#648098;
    font-size:11px;
    font-weight:800;
}
.smart-space.is-listing-view .smart-space__selected-identity-copy>p{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    margin:8px 0 0;
    color:#688095;
    font-size:13px;
    font-weight:750;
}
.smart-space.is-listing-view .smart-space__selected-identity-copy>p strong{
    color:#153d66;
    font-size:14px;
    font-weight:900;
}
@media(max-width:760px){
    .smart-space.is-listing-view .smart-space__selected-identity{
        gap:11px;
    }
    .smart-space.is-listing-view .smart-space__selected-thumbnail{
        flex-basis:72px;
        width:72px;
        height:66px;
        border-radius:8px;
    }
    .smart-space.is-listing-view .smart-space__selected-thumbnail svg{
        width:29px;
        height:29px;
    }
    .smart-space.is-listing-view .smart-space__selected-thumbnail-empty{
        bottom:5px;
        font-size:8px;
    }
    .smart-space.is-listing-view .smart-space__selected-identity-copy>span{
        margin-bottom:3px;
        font-size:10px;
    }
    .smart-space.is-listing-view .smart-space__selected-identity-copy>p{
        gap:4px;
        margin-top:5px;
        font-size:11px;
    }
    .smart-space.is-listing-view .smart-space__selected-identity-copy>p strong{
        font-size:12px;
    }
}


/* Hybrid unit browsing v1 — one listing record, three task-specific layouts.
   Scoped to the selected building; original searches and unit links are unchanged. */

/* 1. Highlight only the top three matches. The remaining recommendations reuse
   the same article markup but become compact, scan-friendly rows. */
.smart-space.is-listing-view .smart-space__priority .smart-space__priority-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
}
.smart-space.is-listing-view .smart-space__priority-more-heading{
    grid-column:1/-1;
    display:flex;
    align-items:baseline;
    gap:12px;
    margin-top:5px;
    padding:15px 0 2px;
    border-top:1px solid #dce5ee;
}
.smart-space.is-listing-view .smart-space__priority-more-heading strong{
    color:#193b59;
    font-size:15px;
    font-weight:900;
}
.smart-space.is-listing-view .smart-space__priority-more-heading span{
    color:#788b9d;
    font-size:11px;
}
.smart-space.is-listing-view .smart-space__priority .smart-priority-card.is-list-row{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:32px minmax(125px,1fr) minmax(200px,1fr) minmax(175px,1fr) 126px;
    align-items:center;
    gap:14px;
    padding:13px 16px!important;
    min-height:0!important;
    border:1px solid #dce5ee!important;
    border-radius:10px!important;
    background:#fff!important;
}
.smart-space.is-listing-view .smart-priority-card.is-list-row .smart-priority-card__rank{
    grid-column:1;
}
.smart-space.is-listing-view .smart-priority-card.is-list-row .smart-priority-card__rank span{
    display:none;
}
.smart-space.is-listing-view .smart-priority-card.is-list-row .smart-priority-card__title{
    grid-column:2;
    margin:0!important;
}
.smart-space.is-listing-view .smart-priority-card.is-list-row .smart-priority-card__title strong{
    font-size:15px!important;
}
.smart-space.is-listing-view .smart-priority-card.is-list-row .smart-priority-card__price{
    grid-column:3;
    flex-wrap:wrap;
    gap:4px 9px;
    margin:0!important;
}
.smart-space.is-listing-view .smart-priority-card.is-list-row .smart-priority-card__price strong{
    font-size:15px!important;
}
.smart-space.is-listing-view .smart-priority-card.is-list-row .smart-priority-card__reasons{
    grid-column:4;
    gap:5px!important;
    margin:0!important;
}
.smart-space.is-listing-view .smart-priority-card.is-list-row .smart-priority-card__actions{
    grid-column:5;
    margin:0!important;
    padding:0!important;
}
.smart-space.is-listing-view .smart-priority-card.is-list-row .smart-priority-card__actions a{
    justify-content:center;
    min-height:37px!important;
    padding:0 9px!important;
    white-space:nowrap;
}

/* 2. All units default to a list; existing card layout is still available.
   The switch changes only container presentation and never duplicates markup.
   Crucial: card content has a 230px legacy min-height; unset it in list mode. */
.smart-space.is-listing-view .smart-space-card__area-badge{
    display:none;
}
.smart-space.is-listing-view .smart-space__unit-view-toolbar{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:13px;
    margin:3px 0 12px;
}
.smart-space.is-listing-view .smart-space__unit-view-toolbar>span{
    color:#6c8195;
    font-size:11px;
    font-weight:750;
}
.smart-space.is-listing-view .smart-space__unit-view-options{
    display:inline-flex;
    gap:3px;
    padding:3px;
    border:1px solid #d6e1eb;
    border-radius:9px;
    background:#f4f7fa;
}
.smart-space.is-listing-view .smart-space__unit-view-options button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    min-height:32px;
    padding:0 11px;
    border:0;
    border-radius:6px;
    background:transparent;
    color:#617a90;
    font:inherit;
    font-size:11px;
    font-weight:850;
    cursor:pointer;
}
.smart-space.is-listing-view .smart-space__unit-view-options button[aria-pressed="true"]{
    background:#153d66;
    color:#fff;
}
.smart-space.is-listing-view .smart-space__unit-view-options button:focus-visible{
    outline:2px solid #268add;
    outline-offset:2px;
}
.smart-space.is-listing-view .smart-space__unit-view-options svg{
    width:15px;
    height:15px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.6;
    stroke-linejoin:round;
    stroke-linecap:round;
}
.smart-space.is-listing-view .smart-space__all-results .smart-space__results[data-unit-view="list"]{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
}
.smart-space.is-listing-view .smart-space__results[data-unit-view="list"]>.smart-space-card{
    display:block!important;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    border:1px solid #d9e3eb!important;
    border-radius:9px!important;
    box-shadow:none!important;
}
.smart-space.is-listing-view .smart-space__results[data-unit-view="list"]>.smart-space-card::before{
    display:none!important;
}
.smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__content{
    position:relative;
    display:grid!important;
    /* Override inherited flex sizing and 230px content minimum. */
    min-height:0!important;
    height:auto!important;
    flex:none!important;
    grid-template-columns:minmax(120px,1fr) 65px minmax(310px,3fr) minmax(112px,.75fr);
    grid-template-areas:"unit type facts action";
    align-items:center;
    gap:10px;
    min-width:0;
    padding:9px 14px!important;
}
.smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__title{
    grid-area:unit;
    margin:0!important;
}
.smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__title strong{
    font-size:17px!important;
    white-space:normal;
}
.smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__top{
    grid-area:type;
    justify-content:flex-start;
}
.smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__top small{
    display:none!important; /* Same building / area for this selected workspace. */
}
.smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__facts{
    grid-area:facts;
    display:grid!important;
    grid-template-columns:minmax(165px,1fr) minmax(165px,1.1fr)!important;
    align-items:center;
    gap:10px!important;
    margin:0!important;
    border:0!important;
}
.smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__facts>div{
    display:block!important;
    min-width:0;
    grid-column:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
}
.smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__fact-area .smart-space-card__fact-label{
    display:none!important;
}
.smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__area-metrics{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:4px 8px;
}
.smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__area-badge{
    box-sizing:border-box;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    min-height:22px;
    margin:0!important;
    padding:0 7px;
    border:1px solid #d1e1ee;
    border-radius:5px;
    background:#eff6fc;
    color:#205b88;
    font-size:10px;
    font-weight:850;
    line-height:1;
}
.smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__area-metrics strong{
    display:inline!important;
    font-size:14px!important;
    white-space:nowrap;
}
.smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__area-metrics small{
    display:inline!important;
    margin:0!important;
    color:#718597!important;
    font-size:11px!important;
    white-space:nowrap;
}
.smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__facts span{
    margin:0 0 4px;
}
.smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__facts strong{
    font-size:12px!important;
}
.smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__facts small{
    font-size:10px!important;
}
.smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__foot{
    grid-area:action;
    justify-content:flex-end;
    margin:0!important;
    padding:0!important;
    border:0!important;
}
.smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__foot>span{
    display:none; /* Existing parking data remains in card view and unit detail. */
}
.smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__foot>a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:34px!important;
    padding:0 8px!important;
    white-space:nowrap;
}

/* 3. Desktop floor picker, built around the existing floor rows and unit data. */
@media(min-width:761px){
    .smart-space.is-listing-view .smart-floor-explorer{
        display:grid;
        grid-template-columns:220px minmax(0,1fr);
        gap:17px;
        align-items:start;
    }
    .smart-space.is-listing-view .smart-floor-explorer__nav{
        display:grid;
        gap:6px;
        max-height:620px;
        padding:10px;
        overflow-y:auto;
        border:1px solid #dbe4ec;
        border-radius:12px;
        background:#f6f9fb;
    }
    .smart-space.is-listing-view .smart-floor-explorer__nav-title{
        padding:5px 7px 9px;
        color:#49657d;
        font-size:12px;
    }
    .smart-space.is-listing-view .smart-floor-explorer__option{
        display:flex;
        justify-content:space-between;
        align-items:center;
        gap:7px;
        min-height:45px;
        padding:8px 10px;
        border:1px solid transparent;
        border-radius:8px;
        background:transparent;
        color:#3c566b;
        text-align:left;
        cursor:pointer;
        font:inherit;
    }
    .smart-space.is-listing-view .smart-floor-explorer__option strong{
        font-size:15px;
    }
    .smart-space.is-listing-view .smart-floor-explorer__option span{
        color:#748ca0;
        font-size:10px;
        white-space:nowrap;
    }
    .smart-space.is-listing-view .smart-floor-explorer__option[aria-pressed="true"]{
        border-color:#c0d4e4;
        background:#fff;
        box-shadow:0 1px 4px rgba(21,61,102,.045);
        color:#153d66;
    }
    .smart-space.is-listing-view .smart-floor-explorer__option[aria-pressed="true"] span{
        color:#286491;
    }
    .smart-space.is-listing-view .smart-floor-explorer__option:focus-visible{
        outline:2px solid #1769bd;
        outline-offset:2px;
    }
    .smart-space.is-listing-view .smart-floor-explorer__detail{
        min-width:0;
        padding:20px 22px;
        border:1px solid #dae5ee;
        border-radius:12px;
        background:#fff;
    }
    .smart-space.is-listing-view .smart-floor-explorer__detail-heading{
        display:flex;
        align-items:baseline;
        flex-wrap:wrap;
        gap:9px;
        padding:0 0 13px;
        border-bottom:1px solid #dce6ee;
    }
    .smart-space.is-listing-view .smart-floor-explorer__detail-heading strong{
        color:#193b59;
        font-size:22px;
    }
    .smart-space.is-listing-view .smart-floor-explorer__detail-heading span{
        color:#768a9e;
        font-size:11px;
    }
    .smart-space.is-listing-view .smart-floor-explorer .smart-floor-list{
        display:block;
        margin-top:5px;
    }
    .smart-space.is-listing-view .smart-floor-explorer .smart-floor-row{
        display:none!important;
        padding:0!important;
    }
    .smart-space.is-listing-view .smart-floor-explorer .smart-floor-row.is-selected{
        display:block!important;
        border:0!important;
    }
    .smart-space.is-listing-view .smart-floor-explorer .smart-floor-row__summary{
        display:none!important;
    }
    .smart-space.is-listing-view .smart-floor-explorer .smart-floor-row__units{
        padding:0!important;
        border:0!important;
        background:#fff!important;
    }
}

/* Medium screens have enough width for the recommendation list, but not the
   five-column row or three-column featured layout. */
@media(min-width:761px) and (max-width:900px){
    .smart-space.is-listing-view .smart-space__priority .smart-space__priority-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .smart-space.is-listing-view .smart-space__priority .smart-priority-card.is-list-row{
        grid-template-columns:30px minmax(100px,1fr) minmax(155px,1.2fr) minmax(125px,1fr);
    }
    .smart-space.is-listing-view .smart-priority-card.is-list-row .smart-priority-card__reasons{
        grid-column:4;
    }
    .smart-space.is-listing-view .smart-priority-card.is-list-row .smart-priority-card__actions{
        grid-column:2/-1;
        justify-content:flex-end;
    }
    .smart-space.is-listing-view .smart-priority-card.is-list-row .smart-priority-card__actions a{
        width:auto!important;
    }
}
@media(max-width:760px){
    .smart-space.is-listing-view .smart-space__priority .smart-space__priority-grid{
        grid-template-columns:minmax(0,1fr)!important;
        gap:10px!important;
    }
    .smart-space.is-listing-view .smart-space__priority-more-heading{
        flex-wrap:wrap;
        gap:4px 8px;
        padding-top:13px;
    }
    .smart-space.is-listing-view .smart-space__priority .smart-priority-card.is-list-row{
        display:grid!important;
        grid-template-columns:27px minmax(0,1fr) auto;
        gap:7px 10px;
        padding:12px!important;
    }
    .smart-space.is-listing-view .smart-priority-card.is-list-row .smart-priority-card__rank{
        grid-column:1;
        grid-row:1;
    }
    .smart-space.is-listing-view .smart-priority-card.is-list-row .smart-priority-card__title{
        grid-column:2;
        grid-row:1;
    }
    .smart-space.is-listing-view .smart-priority-card.is-list-row .smart-priority-card__price{
        grid-column:2/-1;
        grid-row:2;
    }
    .smart-space.is-listing-view .smart-priority-card.is-list-row .smart-priority-card__reasons{
        grid-column:2/-1;
        grid-row:3;
    }
    .smart-space.is-listing-view .smart-priority-card.is-list-row .smart-priority-card__actions{
        grid-column:2/-1;
        grid-row:4;
        justify-content:flex-start;
    }
    .smart-space.is-listing-view .smart-priority-card.is-list-row .smart-priority-card__actions a{
        width:auto!important;
    }
    .smart-space.is-listing-view .smart-space__unit-view-toolbar{
        margin:5px 0 10px;
    }
    .smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__content{
        grid-template-columns:minmax(0,1fr) auto;
        grid-template-areas:"unit type" "facts facts" "action action";
        gap:7px 8px;
        padding:10px 12px!important;
    }
    .smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__top{
        justify-content:flex-end;
    }
    .smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__facts{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
        padding:7px 0;
        border-top:1px solid #e1e9f0!important;
        border-bottom:1px solid #e1e9f0!important;
    }
    .smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__foot{
        justify-content:flex-end;
    }
    .smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__foot>a{
        width:auto;
    }
    .smart-space.is-listing-view .smart-floor-explorer__nav,
    .smart-space.is-listing-view .smart-floor-explorer__detail-heading{
        display:none!important;
    }
    .smart-space.is-listing-view .smart-floor-explorer{
        display:block;
    }
    .smart-space.is-listing-view .smart-floor-explorer__detail{
        padding:0;
        border:0;
        background:transparent;
    }
    .smart-space.is-listing-view .smart-floor-explorer .smart-floor-row{
        display:block!important;
    }
    .smart-space.is-listing-view .smart-floor-explorer .smart-floor-row__summary{
        display:grid!important;
    }
}


/* Shared unit area + verified offer prices.
   One visual vocabulary in recommended, all-unit and floor-unit sections. */
.smart-space.is-listing-view .smart-unit-area{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:4px 7px;
    min-width:0;
    margin-top:5px;
    color:#536a7e;
    font-size:11px;
    line-height:1.4;
}
.smart-space.is-listing-view .smart-unit-area__badge{
    box-sizing:border-box;
    display:inline-flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    min-height:21px;
    padding:0 7px;
    border:1px solid #cfe0ee;
    border-radius:5px;
    background:#edf5fc;
    color:#205c8e;
    font-size:10px;
    font-weight:850;
    line-height:1;
}
.smart-space.is-listing-view .smart-unit-area>strong{
    color:#1b354a!important;
    font-size:13px!important;
    font-weight:900;
    white-space:nowrap;
}
.smart-space.is-listing-view .smart-unit-area>small{
    color:#6e8497;
    font-size:11px;
    font-weight:750;
    white-space:nowrap;
}
.smart-space.is-listing-view .smart-unit-offers{
    display:grid;
    align-content:start;
    gap:5px;
    min-width:0;
}
.smart-space.is-listing-view .smart-unit-offers__line{
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    gap:5px 8px;
    min-width:0;
}
.smart-space.is-listing-view .smart-unit-offers__type{
    box-sizing:border-box;
    display:inline-flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    min-height:20px;
    padding:0 6px;
    border:1px solid #d2e2ef;
    border-radius:5px;
    background:#edf5fc;
    color:#276795!important;
    font-size:10px!important;
    font-weight:850;
    line-height:1;
}
.smart-space.is-listing-view .smart-unit-offers__type.is-primary_sale{
    border-color:#d9d4f3;
    background:#f2effc;
    color:#6552a7!important;
}
.smart-space.is-listing-view .smart-unit-offers__type.is-sale,
.smart-space.is-listing-view .smart-unit-offers__type.is-resale{
    border-color:#f0d9c8;
    background:#fff3e9;
    color:#9a5b2c!important;
}
.smart-space.is-listing-view .smart-unit-offers__values{
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    gap:4px 8px;
    min-width:0;
}
.smart-space.is-listing-view .smart-unit-offers__values strong{
    color:#185c91!important;
    font-size:14px!important;
    font-weight:900;
    line-height:1.4;
    white-space:normal;
}
/* Match the same price size across featured/extra recommendations, list/card
   results, and floor rows, overriding legacy card-level font sizing. */
.smart-space.is-listing-view .smart-space__priority .smart-priority-card .smart-unit-offers__values strong,
.smart-space.is-listing-view .smart-space__all-results .smart-space-card .smart-unit-offers__values strong,
.smart-space.is-listing-view .smart-floor-explorer .smart-floor-unit .smart-unit-offers__values strong{
    font-size:14px!important;
}
.smart-space.is-listing-view .smart-unit-offers__values small{
    color:#61798d;
    font-size:11px!important;
    font-weight:750;
    white-space:normal;
}

/* Featured and compact recommendations both show m² first, pyeong second.
   Price rows can display more than one verified offer for a single unit. */
.smart-space.is-listing-view .smart-priority-card__title .smart-unit-area{
    margin-top:6px;
}
.smart-space.is-listing-view .smart-priority-card__price .smart-unit-offers{
    width:100%;
}
.smart-space.is-listing-view .smart-priority-card__price .smart-unit-offers__line{
    gap:4px 7px;
}
.smart-space.is-listing-view .smart-priority-card.is-list-row .smart-priority-card__title .smart-unit-area>strong{
    font-size:12px!important;
}

/* The floor summary and each floor unit follow the same area/offer pattern. */
.smart-space.is-listing-view .smart-floor-row__area{
    align-items:center;
    gap:4px 7px;
}
.smart-space.is-listing-view .smart-floor-row__area>small{
    display:block;
    color:#71889a;
    font-size:11px;
    font-weight:750;
    white-space:nowrap;
}
.smart-space.is-listing-view .smart-floor-row__area .smart-unit-area__badge{
    justify-self:end;
}
.smart-space.is-listing-view .smart-floor-unit__meta{
    align-items:center;
    gap:8px 16px;
}
.smart-space.is-listing-view .smart-floor-unit__meta .smart-unit-area{
    margin-top:0;
}
.smart-space.is-listing-view .smart-floor-unit__meta .smart-unit-offers{
    flex:1 1 250px;
}

/* All-unit price fact now displays the same complete offer set. */
.smart-space.is-listing-view .smart-space-card__fact-price .smart-unit-offers{
    margin-top:5px;
}
.smart-space.is-listing-view .smart-space-card__fact-price .smart-unit-offers__line{
    gap:4px 6px;
}
.smart-space.is-listing-view .smart-space-card__fact-price .smart-unit-offers__values small{
    font-size:10px!important;
}
.smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__fact-price>span{
    display:none; /* The individual price badges identify each transaction. */
}
.smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__fact-price .smart-unit-offers{
    margin-top:0;
}
.smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-unit-offers__line{
    align-items:center;
}
@media(max-width:760px){
    .smart-space.is-listing-view .smart-unit-area{
        gap:3px 6px;
    }
    .smart-space.is-listing-view .smart-floor-row__area{
        flex-wrap:wrap;
        justify-content:flex-start;
    }
    .smart-space.is-listing-view .smart-floor-row__area .smart-unit-area__badge{
        justify-self:start;
    }
    .smart-space.is-listing-view .smart-floor-unit__meta .smart-unit-offers{
        flex-basis:100%;
    }
    .smart-space.is-listing-view .smart-priority-card__price .smart-unit-offers__values{
        gap:3px 7px;
    }
}


/* All transaction badges share exact box metrics: no baseline drift between
   lease, primary sale and resale, even in compact rows. */
.smart-space.is-listing-view .smart-unit-offers__type,
.smart-space.is-listing-view .smart-space-card__top .smart-space-card__transaction,
.smart-space.is-listing-view .smart-unit-area__badge,
.smart-space.is-listing-view .smart-space__results[data-unit-view="list"] .smart-space-card__area-badge{
    box-sizing:border-box;
    display:inline-flex!important;
    flex:0 0 auto;
    align-items:center!important;
    justify-content:center!important;
    height:22px!important;
    min-height:22px!important;
    padding:0 7px!important;
    line-height:1!important;
    vertical-align:middle;
    white-space:nowrap;
}

/* PC floor view is a dense comparison table, not a stack of tall cards.
   Unit title, exclusive area, transaction offers and detail action align across rows. */
@media(min-width:761px){
    .smart-space.is-listing-view .smart-floor-explorer__columns,
    .smart-space.is-listing-view .smart-floor-explorer .smart-floor-unit{
        display:grid!important;
        grid-template-columns:minmax(100px,.8fr) minmax(170px,1.15fr) minmax(245px,2.15fr) 104px;
        align-items:center;
        column-gap:14px;
    }
    .smart-space.is-listing-view .smart-floor-explorer__columns{
        padding:11px 0 9px;
        border-bottom:1px solid #dce5ed;
        color:#718497;
        font-size:11px;
        font-weight:800;
    }
    .smart-space.is-listing-view .smart-floor-explorer .smart-floor-unit{
        min-height:60px;
        padding:9px 0!important;
        border-top:0;
        border-bottom:1px solid #e6edf2;
    }
    .smart-space.is-listing-view .smart-floor-explorer .smart-floor-unit:last-child{
        border-bottom:0;
    }
    /* The underlying DOM still has one shared main/meta wrapper for mobile.
       Flatten it only on desktop; no duplicated listing data is created. */
    .smart-space.is-listing-view .smart-floor-explorer .smart-floor-unit__main,
    .smart-space.is-listing-view .smart-floor-explorer .smart-floor-unit__meta{
        display:contents!important;
    }
    .smart-space.is-listing-view .smart-floor-explorer .smart-floor-unit__title{
        grid-column:1;
        margin:0;
    }
    .smart-space.is-listing-view .smart-floor-explorer .smart-floor-unit__title strong{
        font-size:14px;
    }
    .smart-space.is-listing-view .smart-floor-explorer .smart-floor-unit__meta .smart-unit-area{
        grid-column:2;
        display:flex;
        margin:0;
        gap:5px 7px;
    }
    .smart-space.is-listing-view .smart-floor-explorer .smart-floor-unit__meta .smart-unit-offers{
        grid-column:3;
        min-width:0;
        margin:0;
        gap:4px;
    }
    .smart-space.is-listing-view .smart-floor-explorer .smart-floor-unit__detail{
        grid-column:4;
        justify-self:end;
        min-width:0;
        width:104px;
        min-height:34px;
    }
    .smart-space.is-listing-view .smart-floor-explorer .smart-unit-offers__line{
        display:flex;
        align-items:center;
        flex-wrap:wrap;
        gap:4px 8px;
    }
}
@media(min-width:761px) and (max-width:1100px){
    .smart-space.is-listing-view .smart-floor-explorer{
        grid-template-columns:165px minmax(0,1fr);
        gap:12px;
    }
    .smart-space.is-listing-view .smart-floor-explorer__detail{
        padding:15px;
    }
    .smart-space.is-listing-view .smart-floor-explorer__columns,
    .smart-space.is-listing-view .smart-floor-explorer .smart-floor-unit{
        grid-template-columns:minmax(70px,.6fr) minmax(140px,1.1fr) minmax(165px,1.6fr) 88px;
        column-gap:10px;
    }
    .smart-space.is-listing-view .smart-floor-explorer .smart-floor-unit__detail{
        width:88px;
    }
}
@media(max-width:760px){
    .smart-space.is-listing-view .smart-floor-explorer__columns{
        display:none;
    }
    .smart-space.is-listing-view .smart-floor-explorer .smart-floor-unit{
        grid-template-columns:minmax(0,1fr) auto;
        gap:7px 9px;
        padding:10px 0!important;
    }
    .smart-space.is-listing-view .smart-floor-explorer .smart-floor-unit__main{
        display:grid;
        gap:7px;
    }
    .smart-space.is-listing-view .smart-floor-explorer .smart-floor-unit__meta{
        display:flex;
        align-items:flex-start;
        flex-wrap:wrap;
        gap:6px 12px;
    }
    .smart-space.is-listing-view .smart-floor-explorer .smart-floor-unit__meta .smart-unit-area{
        margin:0;
    }
    .smart-space.is-listing-view .smart-floor-explorer .smart-floor-unit__meta .smart-unit-offers{
        flex:1 1 100%;
    }
    .smart-space.is-listing-view .smart-floor-explorer .smart-floor-unit__detail{
        align-self:center;
    }
}


/* Mobile result navigation: one fluid text-tab strip, including the back action.
   A single scroll container prevents the first item overlapping neighboring tabs.
   Desktop menu sizing and behaviors remain unchanged. */
.smart-space__topnav-back-mobile{display:none}
@media(max-width:760px){
  .smart-space.od-structured-page.is-listing-view .smart-space__topnav{
    background:#fff!important;
    border:0!important;
    border-bottom:1px solid #e9edf2!important;
    box-shadow:none!important;
  }
  .smart-space.od-structured-page.is-listing-view .smart-space__topnav-inner{
    box-sizing:border-box!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    min-height:52px!important;
    gap:24px!important;
    margin:0!important;
    padding:0 16px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scroll-padding-inline:16px;
  }
  .smart-space.od-structured-page.is-listing-view .smart-space__topnav-inner::-webkit-scrollbar{
    display:none;
  }
  .smart-space.od-structured-page.is-listing-view .smart-space__topnav-tabs{
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    width:max-content!important;
    min-width:max-content!important;
    max-width:none!important;
    gap:24px!important;
    overflow:visible!important;
  }
  .smart-space.od-structured-page.is-listing-view .smart-space__topnav .smart-space__topnav-back{
    position:relative!important;
    flex:0 0 auto!important;
    order:0!important;
    min-height:52px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#5f6b7a!important;
    box-shadow:none!important;
    font-size:14px!important;
    font-weight:700!important;
    white-space:nowrap!important;
  }
  .smart-space__topnav-back-desktop{display:none}
  .smart-space__topnav-back-mobile{display:inline}
  .smart-space.od-structured-page.is-listing-view .smart-space__topnav .smart-space__topnav-back::after{
    display:none!important;
  }
  .smart-space.od-structured-page.is-listing-view .smart-space__topnav-tabs a{
    position:relative!important;
    flex:0 0 auto!important;
    min-width:max-content!important;
    min-height:52px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#64748b!important;
    box-shadow:none!important;
    font-size:15px!important;
    font-weight:700!important;
    white-space:nowrap!important;
  }
  .smart-space.od-structured-page.is-listing-view .smart-space__topnav-tabs a.is-active{
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#143d66!important;
    font-weight:800!important;
  }
  .smart-space.od-structured-page.is-listing-view .smart-space__topnav-tabs a::after{
    content:"";
    display:block!important;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:3px;
    border-radius:2px 2px 0 0;
    background:#143d66;
    transform:none;
    opacity:0;
  }
  .smart-space.od-structured-page.is-listing-view .smart-space__topnav-tabs a.is-active::after{
    opacity:1;
  }
  .smart-space.od-structured-page.is-listing-view .smart-space__topnav-tabs a:hover,
  .smart-space.od-structured-page.is-listing-view .smart-space__topnav-tabs a:focus-visible{
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#143d66!important;
  }
}