/* Language switch across both historical demo-bar styles */
.nashi-bar-inner,.nashi-demo-bar__inner{flex-wrap:wrap;padding-top:5px;padding-bottom:5px}
.nashi-bar .nashi-demo-langs,.nashi-demo-bar .nashi-demo-langs{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:8px}
.nashi-bar .nashi-demo-langs a,.nashi-demo-bar .nashi-demo-langs a{display:inline-block;color:#f4f0e7;text-decoration:none;text-align:center;white-space:nowrap;padding:6px 9px;font:700 10px/1.1 Arial,sans-serif;border-radius:4px;border:1px solid rgba(255,255,255,.3)}
.nashi-bar .nashi-demo-langs a[aria-current="page"],.nashi-demo-bar .nashi-demo-langs a[aria-current="page"]{background:#c8cf78;color:#171816;border-color:#c8cf78}
.nashi-demo-langs a:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:640px){
 .nashi-bar-inner,.nashi-demo-bar__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;padding:7px 0}
 .nashi-bar-inner>span,.nashi-demo-bar__inner>span{max-width:none;grid-column:1;grid-row:1}
 .nashi-bar-inner>a,.nashi-demo-bar__inner>a{grid-column:1;grid-row:2;text-align:left;white-space:normal}
 .nashi-bar .nashi-demo-langs,.nashi-demo-bar .nashi-demo-langs{grid-column:2;grid-row:1/3;margin-left:0}
}

/* Nashi demo UX baseline · 2026-10-19.2
   All 12 demos share this non-invasive navigation/responsive baseline. */
html{min-width:320px}
body{max-width:100%;overflow-x:clip}
main,section,article{min-width:0}
img,video,iframe{max-width:100%}
.nashi-back-link{display:inline-flex!important;align-items:center;justify-content:center;flex-shrink:0;color:#f4f0e7!important;border:1px solid rgba(255,255,255,.36)!important;text-decoration:none!important;padding:7px 12px!important;font:700 10px/1.2 Arial,sans-serif!important;letter-spacing:0!important;white-space:nowrap!important;border-radius:4px!important}
.nashi-back-link:hover{border-color:#c8cf78!important;color:#c8cf78!important}
.nashi-back-link:focus-visible{outline:2px solid #c8cf78!important;outline-offset:3px!important}
@media(max-width:640px){
  .nashi-demo-bar__inner,.nashi-bar-inner{grid-template-columns:minmax(0,1fr) auto!important;grid-auto-rows:auto!important;gap:8px 10px!important;align-items:center!important}
  .nashi-demo-bar__inner>span,.nashi-bar-inner>span{grid-column:1/3!important;grid-row:1!important}
  .nashi-demo-bar__inner>.nashi-back-link,.nashi-bar-inner>.nashi-back-link{grid-column:1!important;grid-row:2!important;justify-self:start!important}
  .nashi-demo-bar__inner>a:not(.nashi-back-link),.nashi-bar-inner>a:not(.nashi-back-link){grid-column:1!important;grid-row:3!important;justify-self:start!important;text-align:left!important}
  .nashi-demo-bar__inner>.nashi-demo-langs,.nashi-bar-inner>.nashi-demo-langs{grid-column:2!important;grid-row:2/4!important;align-self:center!important;justify-self:end!important}
}
@media(max-width:430px){input,select,textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}