/* Compact mobile header and floating navigation. */
@container(max-width:720px){
#ysp-modern-preview .chrome{position:relative;flex-wrap:nowrap;padding:14px 16px;gap:16px}
#ysp-modern-preview .site .menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--white);font-size:0;flex:0 0 44px}
#ysp-modern-preview .menu-toggle .ysp-menu-icon{display:flex;flex-direction:column;gap:5px;width:20px}
#ysp-modern-preview .menu-toggle .ysp-menu-icon span{display:block;height:2px;width:20px;background:var(--ink);border-radius:2px;transition:transform .18s,opacity .18s}
#ysp-modern-preview .menu-toggle[aria-expanded="true"] .ysp-menu-icon span:nth-child(1){transform:translateY(7px) rotate(45deg)}
#ysp-modern-preview .menu-toggle[aria-expanded="true"] .ysp-menu-icon span:nth-child(2){opacity:0}
#ysp-modern-preview .menu-toggle[aria-expanded="true"] .ysp-menu-icon span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
#ysp-modern-preview .chrome .navigation{position:absolute;top:calc(100% + 8px);left:16px;right:16px;width:auto;z-index:100;display:none;flex-direction:column;align-items:stretch;gap:0;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:0 14px 36px rgba(22,43,73,.16);max-height:calc(100svh - 140px);overflow-y:auto}
#ysp-modern-preview .chrome .navigation.open{display:flex;animation:ysp-menu-drop .16s ease-out}
#ysp-modern-preview .chrome .navigation ul{display:flex;flex-direction:column;flex-wrap:nowrap;gap:2px;width:100%}
#ysp-modern-preview .chrome .navigation li{width:100%}
#ysp-modern-preview .chrome .navigation a{box-sizing:border-box;display:flex;width:100%;min-height:44px;padding:10px 12px;font-size:14px;line-height:1.5}
#ysp-modern-preview .chrome .navigation .ysp-site-language{box-sizing:border-box;width:100%;margin:10px 0 0;padding:10px 2px 0;border-top:1px solid var(--line)}
#ysp-modern-preview .chrome .navigation .ysp-site-language select{width:100%;max-width:none;height:44px;font-size:14px;background-color:var(--cloud);border:1px solid var(--line)}
}
@keyframes ysp-menu-drop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#ysp-modern-preview .navigation.open{animation:none!important}#ysp-modern-preview .ysp-menu-icon span{transition:none!important}}
@container(max-width:720px){#ysp-modern-preview .chrome .logo{height:44px;overflow:hidden}#ysp-modern-preview .chrome .logo .ysp-brand-image{width:180px;height:44px;object-fit:cover;object-position:center}}