@font-face{font-family:"Mappls Montserrat";src:url("./montserrat-latin.woff2") format("woff2");font-weight:100 900;font-display:swap}
mappls-experience{display:block;position:relative;z-index:1100;min-height:68px}
.mappls-shared-experience body{font-family:"Mappls Montserrat",Montserrat,Arial,sans-serif}
.mappls-shared-experience .mappls-legacy-primary{display:none!important}
.mappls-purpose{margin:32px auto;padding:32px;max-width:1200px;border:1px solid #c9dcd9;border-radius:16px;background:#f0f8f5;color:#172c3b}
.mappls-purpose h2{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.8px;margin:0 0 20px}
.mappls-purpose h3{font-size:20px;line-height:1.4;color:#075f5b;margin:20px 0 8px}
.mappls-purpose p{font-size:16px!important;line-height:1.75!important;max-width:76ch}
.mappls-purpose a{color:#075f5b;text-decoration:underline;text-underline-offset:4px;display:inline-block;min-height:44px;padding:10px 0}
@media(max-width:650px){.mappls-purpose{margin:20px 16px;padding:24px}}
/* Shared chrome sits above existing fixed app headers, with scoped sizing only. */
mappls-experience{position:sticky;top:0;z-index:1100}
html.mappls-shared-experience{scroll-padding-top:80px}
html.mappls-shared-experience header.fixed{top:68px!important}
html.mappls-shared-experience #root>.h-screen{height:calc(100dvh - 68px)}