html[data-city-context-loading] main{visibility:hidden}
.sd-city-loading{max-width:880px;margin:0 auto;padding:clamp(40px,7vw,80px) clamp(20px,4vw,48px);font-size:20px;line-height:1.5;color:var(--ink,#15392f)}
.sd-city-unavailable{max-width:880px;margin:0 auto;padding:clamp(48px,8vw,112px) clamp(20px,4vw,48px);min-height:54vh}
.sd-city-unavailable h1{font-size:clamp(36px,5vw,64px);line-height:1.08;letter-spacing:-.04em;margin:18px 0 24px}
.sd-city-unavailable>p:not(.mp-eyebrow){font-size:18px;line-height:1.7;max-width:64ch}
.sd-city-unavailable-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}
html[data-city-context="unavailable"] .pkg-sticky,html[data-city-context="unavailable"] .pb-sticky,html[data-city-context="unavailable"] .package-sticky{display:none!important}
.domain-city-options>label{grid-column:1/-1;display:grid;gap:8px;font-size:16px}
.domain-city-options>label select,.dx-city-tabs>label select{width:100%;min-width:0;min-height:48px;padding:10px 12px;font:inherit}
.dx-city-tabs>label{display:grid;gap:8px;width:100%;grid-column:1/-1}
@media(max-width:800px){body.sd-v2.v2-sample-compact .v2-sample-chooser{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){body.sd-v2.v2-sample-compact .v2-sample-chooser{grid-template-columns:minmax(0,1fr)}}