@media(max-width:699px){
html.emb .dlg{width:100%!important;max-width:100vw!important;min-width:0!important;overflow:hidden!important}
html.emb .dlg>.dh{position:relative!important;padding:48px 12px 10px!important;gap:9px!important;min-height:0!important;background:#071d31!important;border-bottom:1px solid #28516c!important}
html.emb .dlg>.dh .k{display:none!important}
html.emb .dlg>.dh #dt{font-size:15px!important;font-weight:800!important;line-height:1.3!important;max-width:calc(100vw - 30px)!important}
html.emb #rkc-scope-toggle{align-self:flex-start!important;padding:3px!important;box-shadow:none!important;border:1px solid #ab9157!important}
html.emb #rkc-scope-toggle button{padding:8px 11px!important;font-size:11px!important;min-height:34px!important}
html.emb .dlg>.dh>.flt,html.emb .dlg .dh #flt{display:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:12px!important;box-sizing:border-box!important;border:1px solid #355774!important;border-radius:12px!important;background:#0e2d47!important;gap:9px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;flex-wrap:wrap!important}
html.emb .dlg>.dh>.flt.rkc-filters-open,html.emb .dlg .dh #flt.rkc-filters-open{display:grid!important}
html.emb #flt label{min-width:0!important;width:100%!important;display:flex!important;flex-direction:column!important;gap:5px!important;font-size:11px!important}
html.emb #flt select{min-width:0!important;width:100%!important;max-width:100%!important;min-height:38px!important;font-size:13px!important;border-radius:8px!important}
html.emb #rkc-mobile-filter-button{display:inline-flex!important;align-items:center!important;gap:7px!important;justify-content:center!important;align-self:flex-start!important;border:1px solid #6e95b3!important;border-radius:999px!important;background:#143953!important;color:#fff!important;font-weight:750!important;font-size:12px!important;min-height:35px!important;padding:7px 15px!important;cursor:pointer!important}
html.emb #rkc-mobile-filter-button[aria-expanded="true"]{background:#e7c476!important;color:#08253d!important;border-color:#e7c476!important}
html.emb .mobile-drive-summary{top:auto!important;bottom:20px!important;left:50%!important;transform:translateX(-50%)!important;max-width:calc(100% - 32px)!important;z-index:13!important}
html.emb .mb>.pc{max-width:min(315px,calc(100vw - 28px))!important;max-height:38vh!important;overflow:auto!important;box-shadow:0 12px 32px #0008!important;border-radius:14px!important}
html.emb .mb{min-height:0!important;overflow:hidden!important}
}
@media(min-width:700px){#rkc-mobile-filter-button{display:none!important}}/* Prevent legacy top offsets from stretching the drive-time badge into a giant oval. */
@media(max-width:699px){
html.emb.popup-project-mobile .mobile-drive-summary,html.emb .mobile-drive-summary{
position:fixed!important;inset:auto auto 20px 50%!important;top:auto!important;right:auto!important;bottom:20px!important;left:50%!important;
height:auto!important;min-height:0!important;max-height:44px!important;width:max-content!important;min-width:0!important;
display:inline-flex!important;align-items:center!important;justify-content:center!important;
padding:7px 13px!important;box-sizing:border-box!important;white-space:nowrap!important;line-height:1.2!important;
transform:translateX(-50%)!important;
}
}

@media(max-width:699px){html.emb .mobile-drive-summary,html.emb.popup-project-mobile .mobile-drive-summary{display:none!important}}
/* Keep selected-project card fully below the mobile map header. */
@media(max-width:699px){
html.emb .mb>.pc,html.emb.popup-project-mobile .mb>.pc{
position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
transform:none!important;margin:12px 10px 8px!important;
width:min(315px,calc(100% - 20px))!important;max-width:calc(100% - 20px)!important;
height:auto!important;min-height:0!important;max-height:160px!important;
flex:0 0 auto!important;align-self:flex-start!important;
}
}

/* Compact, uncluttered mobile project map: full map area with a short project summary. */
@media(max-width:699px){
 html.emb .dlg{display:flex!important;flex-direction:column!important;min-height:0!important;height:100dvh!important}
 html.emb .dlg>.dh{flex:0 0 auto!important;padding:8px 12px 9px!important;gap:7px!important;max-height:36dvh;overflow-y:auto}
 html.emb #rkc-scope-toggle button{min-height:30px!important;padding:6px 10px!important;font-size:11px!important}
 html.emb #rkc-mobile-filter-button{min-height:30px!important;padding:5px 12px!important;font-size:11px!important}
 html.emb .dlg>.mb{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;position:relative!important}
 html.emb .dlg>.mb>.pc,html.emb.popup-project-mobile .dlg>.mb>.pc{display:flex!important;position:relative!important;flex-direction:row!important;align-items:center!important;gap:9px!important;margin:7px 9px 0!important;padding:8px!important;width:calc(100% - 18px)!important;max-width:100%!important;max-height:none!important;height:auto!important;flex:0 0 auto!important;overflow:visible!important;border-radius:10px!important;z-index:4!important}
 html.emb .dlg>.mb>.pc[hidden]{display:none!important}
 html.emb .mb>.pc .pi{flex:0 0 54px!important;width:54px!important;height:49px!important;min-height:0!important;border-radius:6px!important}
 html.emb .mb>.pc .pt{flex:1!important;min-width:0!important;gap:3px!important;padding:0!important}
 html.emb .mb>.pc .pt b{font-size:12px!important;line-height:1.18!important}
 html.emb .mb>.pc .pt i{font-size:10px!important;line-height:1.2!important}
 html.emb .mb>.pc .pt em{font-size:10px!important;line-height:1.25!important}
 html.emb .mb>.pc .pg{position:static!important;flex:0 0 auto!important;margin-left:auto!important}
 html.emb .dlg>.mb>svg,html.emb .dlg>.mb.am>svg{flex:1 1 auto!important;min-height:0!important;max-height:100%!important;width:100%!important;object-fit:contain!important}
 html.emb .dlg>.df{flex:0 0 auto!important;max-height:19dvh!important;overflow-y:auto!important}
 html.emb .mobile-drive-summary{display:none!important}
}
/* Place live Wynn travel estimate as a small footer below the project summary. */
@media(max-width:699px){
html.emb .dlg>.mb>.pc{order:0!important}
html.emb .dlg>.mb>.mobile-drive-summary,html.emb.popup-project-mobile .dlg>.mb>.mobile-drive-summary{
display:flex!important;position:relative!important;order:1!important;inset:auto!important;
top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
height:auto!important;max-height:none!important;min-height:0!important;
width:calc(100% - 18px)!important;max-width:100%!important;
margin:0 9px 7px!important;padding:6px 11px!important;
transform:none!important;flex:0 0 auto!important;align-self:stretch!important;
border:1px solid #284e6b!important;border-radius:0 0 9px 9px!important;
background:#0a2a45!important;color:#f1d28a!important;
font-size:11px!important;line-height:1.4!important;text-align:center!important;
box-shadow:none!important;white-space:normal!important;z-index:3!important;
}
html.emb .dlg>.mb>.mobile-drive-summary[hidden]{display:none!important}
html.emb .dlg>.mb>svg{order:2!important}
}
/* The travel estimate belongs at the bottom of the popup, after the map. */
@media(max-width:699px){
html.emb .dlg>.mb>svg,html.emb .dlg>.mb.am>svg{order:1!important}
html.emb .dlg>.mb>.mobile-drive-summary,html.emb.popup-project-mobile .dlg>.mb>.mobile-drive-summary{
order:2!important;position:relative!important;inset:auto!important;top:auto!important;bottom:auto!important;
margin:auto 9px 7px!important;max-height:34px!important;min-height:28px!important;
border-radius:8px!important;box-sizing:border-box!important;
}
}