/* The header and open panel use the widget's container breakpoints. */
.site-header{container-type:inline-size}
.site-header .menu-demo-toggle{display:none}
@container(max-width:991px){.site-header .menu-demo-toggle{display:flex}}

/* Open-menu content follows the shared site container. */
.mobile-menu .header-bar{max-width:none;margin:0}

.mobile-menu{container-type:inline-size}
.mobile-menu-inner{width:100%;height:100%;min-height:0;padding:10px 0;gap:20px}
.mobile-menu-inner>.menu-demo-header{flex:none;border-radius:15px}
@container(max-width:479px){.mobile-menu-inner{gap:10px}}

.mobile-menu::backdrop{background:transparent}