/* Shared expanded-detail geometry. Community and School consume one shell contract. */
:root{--map-detail-shell-max:1360px;--map-detail-content-max:1280px;--map-detail-sidebar:clamp(420px,28vw,1080px);--map-detail-sidebar-half:clamp(210px,14vw,540px);--map-detail-map-gap:8px;--map-detail-workspace-edge:10px;--map-detail-edge:16px;--map-detail-top:90px;--map-detail-bottom:16px}
.native-layout-transition-proxy{position:fixed;z-index:999;box-sizing:border-box;border:1px solid #d2ddd6;border-radius:17px;background:#fffdf8;box-shadow:0 22px 60px rgba(33,42,36,.2);pointer-events:none;will-change:transform,opacity}.native-layout-transition-proxy::before{content:"";position:absolute;inset:0 0 auto;height:4px;border-radius:17px 17px 0 0;background:#3f6b57}.native-layout-transition-proxy.community-detail-growth{border-color:#c9dbe3}.native-layout-transition-proxy.community-detail-growth::before{background:#5b8fa7}
.native-layout-transition-proxy>span{position:absolute;left:28px;top:28px;max-width:calc(100% - 56px);overflow:hidden;color:#303833;font-size:24px;font-weight:800;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.native-layout-transition-proxy.community-detail-growth>span{color:#2e586b}
.school-profile-expanded-loading{display:grid;place-items:center;min-height:320px;color:#69736d;font-size:16px;font-weight:750}
@media(min-width:761px){
  .community-map-profile.expanded,
  .school-map-profile.expanded{
    position:fixed!important;
    inset:var(--map-detail-top) auto var(--map-detail-bottom) calc(50vw + var(--map-detail-sidebar-half) + 4px)!important;
    width:min(var(--map-detail-shell-max),calc(100vw - var(--map-detail-sidebar) - var(--map-detail-map-gap) - (var(--map-detail-workspace-edge) * 2) - (var(--map-detail-edge) * 2)))!important;
    height:auto!important;
    max-height:none!important;
    padding:28px!important;
    overflow:auto!important;
    transform:translateX(-50%)!important;
    translate:none!important;
  }
  .community-map-profile.expanded>.community-expanded-overview,
  .community-map-profile.expanded>.community-expanded-content,
  .school-map-profile.expanded .school-detail-view.embedded{
    width:100%!important;
    max-width:var(--map-detail-content-max)!important;
    margin-inline:auto!important;
  }
}
@media(max-width:760px){
  .community-map-profile.expanded,
  .school-map-profile.expanded{
    position:fixed!important;
    inset:78px 8px 8px!important;
    width:auto!important;
    height:auto!important;
    max-height:none!important;
    padding:18px!important;
    overflow:auto!important;
    transform:none!important;
    translate:none!important;
  }
}