/* Scope every adaptation to the embedded experience; standalone styling is unchanged. */
html[data-atlas] body>header .brand{pointer-events:none}
html[data-atlas=model] body>header,html[data-atlas=model] body>main{visibility:hidden}
html[data-atlas=model] #model-dialog{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;border-radius:0;box-shadow:none}
html[data-atlas=model] .model-shell{height:100%;display:flex;flex-direction:column}
html[data-atlas=model] #model-stage{flex:1;min-height:120px;height:auto}
html[data-atlas=model] .model-head{flex:none;padding-top:18px}
html[data-atlas=model] .model-head h2{font-size:25px}
html[data-atlas=model] .model-foot,html[data-atlas=model] .model-disclaimer{flex:none}
html[data-atlas=model] #model-close{display:none}
@media(max-width:650px){html[data-atlas=model] .model-head{padding:16px 20px 0}html[data-atlas=model] .model-foot{gap:10px}html[data-atlas=model] .model-disclaimer{margin-top:10px;margin-bottom:14px}}
html[data-atlas=model],html[data-atlas=model] body{overflow:hidden}
html[data-atlas=model] #labels{visibility:hidden!important}
html[data-atlas=model] .pin{visibility:hidden!important}
@media(min-width:901px){
 html[data-atlas=city] body>header{height:64px;padding:0 26px}
 html[data-atlas=city] body>main{height:calc(100dvh - 64px);min-height:0}
 html[data-atlas=city] .intro{top:18px;left:26px;width:245px;max-height:calc(100% - 30px);overflow:auto}
 html[data-atlas=city] .intro h1{font-size:26px;margin:10px 0 16px}
 html[data-atlas=city] .intro>p,html[data-atlas=city] .legend{display:none}
 html[data-atlas=city] nav{width:225px;gap:6px}
 html[data-atlas=city] nav button{font-size:12px;padding:7px 10px}
 html[data-atlas=city] .intro-foot{font-size:10px;width:225px;margin-top:15px}
 html[data-atlas=city] #detail{top:35px;max-height:calc(100% - 135px)}
 html[data-atlas=city] .world-caption{top:16px}
}