/* Keep navigation deliberate: one horizontal row, or the designed architecture rail. */
.demo .site-head .demo-desktop-nav > a,
.demo .site-head .demo-desktop-nav > .demo-nav-more,
.demo .site-head .demo-desktop-nav > .demo-nav-more > summary{flex-shrink:0;white-space:nowrap}
@media(min-width:1201px){
 .demo:not(.theme-5) .site-head .demo-desktop-nav{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;width:max-content;max-width:none;min-width:0;gap:12px}
 .demo.theme-1 .site-head{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:36px}
 .demo.theme-1 .site-head .demo-desktop-nav{justify-self:end}
 .demo.theme-10 .site-head,.demo.theme-24 .site-head{column-gap:40px}
 .demo.theme-5 .site-head .demo-desktop-nav{grid-template-columns:1fr}
}
/* Space for the name, shopping bag and menu without compressing any of them. */
@media(max-width:600px){
 .demo .site-head .demo-mobile-controls{gap:12px}
 .demo .site-head .wordmark{flex:1 1 auto;min-width:0}
 .demo .site-head .demo-mobile-controls{flex:0 0 auto}
}
/* Date/time pairs follow available panel width, not the whole browser width. */
.demo .experience-panel .experience-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));column-gap:20px;row-gap:0}
/* Progress labels get a dedicated line instead of colliding with the next number. */
.demo .demo-flow-steps li{flex-direction:column;align-items:flex-start;gap:10px;min-width:0;font-size:14px;line-height:1.45}
/* A recognizable bag target replaces the formerly isolated counter on small phones. */
@media(max-width:400px){
 .demo .site-head:has(.dc-cart-link) .wordmark .edition-mark{display:none}
 .demo .site-head .demo-mobile-controls>.dc-cart-link{min-width:44px;min-height:48px;justify-content:center;padding-inline:8px}
 .demo .site-head .demo-mobile-controls>.dc-cart-link svg{display:block;width:18px;height:20px}
 .demo .site-head .demo-mobile-controls>.dc-cart-link .dc-cart-count{display:none}
}