/* Compact navigation also applies at tablet landscape widths. */
@media(min-width:901px) and (max-width:1200px){
.site-head{position:relative;z-index:30}
 .demo-mobile-controls{display:flex;align-items:center;gap:12px;flex:none}.demo-mobile-controls>.dc-cart-link{min-height:44px;padding:8px 2px;border:1px solid transparent;gap:7px}.demo-mobile-controls>.dc-cart-link>span:not(.dc-cart-count){display:none}.demo-mobile-controls .dc-cart-link:focus-visible{border-color:var(--ink)}
 .demo-mobile-menu{border:0;margin:0}.demo-mobile-menu summary{display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:48px;border:1px solid var(--ui-border);border-radius:2px;font-size:14px;line-height:1.5;list-style:none}.demo-mobile-menu summary::-webkit-details-marker{display:none}.demo-mobile-menu summary svg{flex:none;width:20px;height:20px}.demo-mobile-menu[open] summary{border-color:var(--ink);background:var(--ink);color:var(--paper)}
 .mobile-menu-panel{position:absolute;inset:100% 0 auto;background:var(--paper);color:var(--ink);padding:20px max(20px,5vw) 26px;border-bottom:1px solid var(--ui-border);max-height:calc(100svh - 120px);overflow-y:auto;overscroll-behavior:contain}.mobile-menu-panel>p{font-size:13px;margin-bottom:12px;opacity:.75}.site-head .mobile-menu-panel nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:6px 12px}.site-head .mobile-menu-panel nav+nav{border-top:1px solid var(--ui-border);padding-top:14px;margin-top:14px}.site-head .mobile-menu-panel nav a{padding:13px 12px;min-height:48px;line-height:1.45;white-space:normal;border:1px solid transparent;font-size:15px}.site-head .mobile-menu-panel a[aria-current]{border-color:var(--ink);background:var(--ui-selected)}.mobile-menu-panel>.small{display:block;margin-top:20px;opacity:.75}
}