/* Responsive polish shared by CitySite's public web workflows. */
html[data-theme=dark]{--bg:#101317;--surface:#191d24;--pale:#222833;--ink:#f4f7fb;--muted:#b0bacb;--line:#343e4c;--shadow:0 10px 28px #0003}
body{overflow-wrap:break-word}button,input,select,textarea{font:inherit}button{max-width:100%}button:disabled{cursor:wait;opacity:.65}img,video,canvas{max-width:100%}
body>header{gap:14px}html[data-theme=dark] body>header{background:var(--bg)!important}
.hero{background-image:linear-gradient(90deg,#08111fe8,#08111f20),url('citysite-web-hero.png')}
dialog::backdrop{background:#060a12b8}.primary{color:#fff}
dialog :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:16px;border-radius:12px;min-height:46px}dialog textarea{width:100%;min-height:120px;padding:12px;resize:vertical}
dialog :is(button,a,input,select,textarea):focus-visible{outline:3px solid #7097ff;outline-offset:3px}
#simple-content>button:not(.primary),.advertiser>button:not(.primary),.xp-property-tools>button,.cs-trust button:not(.primary),.cs-studio button:not(.primary){border:1px solid var(--line);background:var(--pale);color:var(--ink);padding:12px 16px;border-radius:12px;min-height:46px;margin:4px 4px 4px 0;white-space:normal}
.advertiser>button{width:100%;margin-top:10px!important}.property-facts>div{min-width:0}.property-facts strong{overflow-wrap:anywhere}
#simple-content:has(>a.download):has(>button:nth-child(10)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#simple-content:has(>a.download):has(>button:nth-child(10))>:is(h2,p,a.download){grid-column:1/-1}
#simple-content:has(>a.download):has(>button:nth-child(10))>button{margin:0;text-align:left;min-width:0}
.crm-tools button,.crm-stats>*{min-width:0;overflow-wrap:anywhere}.crm-dashboard h2{font-size:clamp(23px,3vw,32px)}
.categories{padding:14px;margin:22px 0 0;border:1px solid var(--line);border-bottom:0;border-radius:20px 20px 0 0;background:var(--surface);gap:10px}
.categories button{border:0;box-shadow:none;background:transparent;min-width:0}
.categories+.xp-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 24px;padding:12px 14px 16px;border:1px solid var(--line);border-top:0;border-radius:0 0 20px 20px;background:var(--surface)}
.categories+.xp-shortcuts button{padding:12px 6px;min-height:48px;margin:0;font-size:13px;white-space:normal}
.creator-studio-home{background:var(--surface)!important;color:var(--ink)!important}.creator-studio-home p{color:var(--muted)}
.creator-studio-home button{margin:4px!important}.xp-form,.post-fields,.post-section,.post-review,.post-review>*{min-width:0}
#post-wizard label{min-width:0}#post-wizard input[type=file]{font-size:14px}#post-wizard .post-controls{position:sticky;bottom:0;z-index:3;padding:12px 0;background:var(--surface);border-top:1px solid var(--line)}
#post-wizard .post-controls>*{flex:1;min-width:0;white-space:normal}.xp-form label,.xp-field{overflow-wrap:anywhere}.trust-filters{flex-wrap:wrap}.trust-filters select{min-width:135px}
@media(min-width:1101px) and (max-width:1300px){body>header{padding:16px 20px;gap:10px}.desktop-nav{gap:8px;font-size:13px}body>header>.download{padding:10px 12px;font-size:12px}.brand{font-size:28px}.location{font-size:13px}}
@media(max-width:767px){
 body>header{padding:10px 14px;gap:7px;flex-wrap:nowrap}.brand{font-size:27px}.brand span{display:none}.location{max-width:42%;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body>header>.download{display:none}#theme{flex-shrink:0}body>header>button[aria-label="Notifications"]{flex-shrink:0}
 main{padding:14px 12px 90px}.hero{padding:24px 16px;min-height:320px}.hero h1{font-size:36px;line-height:1.12}.hero form{margin-top:18px}.hero form input,.hero form select{font-size:16px}
 h2{line-height:1.2}.categories{padding:10px 6px 4px;gap:2px;margin-top:16px}.categories button{font-size:11px;padding:7px 0}.categories .category-art{width:54px;height:54px}.categories+.xp-shortcuts{padding:8px 6px 12px;gap:3px}.categories+.xp-shortcuts button{font-size:11px;padding:8px 3px;border:0;background:transparent}
 .home-collections{margin:20px 0}.collection-panel h2{font-size:21px}.collection-tile img{height:112px}.creator-studio-home{padding:18px!important}.creator-studio-home button{display:block;width:100%;margin:8px 0!important}
 #details{inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:16px;overscroll-behavior:contain}
 #details>.close{position:sticky;top:-16px;float:none;display:flex;justify-content:space-between;align-items:center;width:calc(100% + 32px);max-width:none;min-height:52px;margin:-16px -16px 12px;padding:12px 16px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--surface);font-size:17px;z-index:6}
 #details .property-contact{bottom:-16px;margin:0 -16px -16px;padding:10px 8px calc(10px + env(safe-area-inset-bottom));gap:6px}#details .property-contact>*{min-height:46px;padding:10px 4px;font-size:12px;display:flex;align-items:center;justify-content:center}
 #details .tour-actions{gap:6px}#details .tour-actions button{font-size:11px;min-width:0;white-space:normal}.advertiser{padding:16px}.property-about{padding:16px 0}.property-facts{gap:8px}.property-facts>div{padding:12px}.property-facts span{font-size:12px}.property-summary h2{font-size:25px}
 #simple,#post-wizard,.cs-studio,.cs-trust{inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:18px 16px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain}
 #simple>.close,#post-wizard>.close,.cs-studio>.close,.cs-trust>.close{top:0;margin-left:8px;flex-shrink:0}
 #simple-content>h2{padding-right:44px}#simple-content:has(>a.download):has(>button:nth-child(10)){grid-template-columns:1fr}.crm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-stats>*{padding:12px}.crm-tools{gap:8px}.crm-tools button{font-size:13px;padding:14px 10px}
 .xp-form{grid-template-columns:1fr!important}.post-fields{grid-template-columns:1fr!important}.post-categories{grid-template-columns:repeat(2,minmax(0,1fr))!important}.post-categories button{min-width:0;font-size:13px}.post-review{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .bottom{padding-bottom:calc(7px + env(safe-area-inset-bottom))}.bottom button{min-width:0;flex:1}.robot{bottom:calc(88px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.living-tap{animation:none!important}}