/* Bilingual navigation: consistent reading order and compact labels. */
#nav{overflow-y:auto}
#nav .brand{flex-shrink:0}
#nav nav{gap:3px;padding:24px 0;flex-shrink:0}
#nav nav a{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);gap:9px;align-items:start;min-height:48px;padding:9px 9px 9px 0;line-height:1.3;color:#b5b5ae}
#nav .nav-number{font-size:10px;line-height:16px;font-variant-numeric:tabular-nums;color:#92928c}
#nav .nav-label{display:flex;flex-direction:column;gap:5px;min-width:0}
#nav .nav-en{font-size:12px;letter-spacing:.015em;white-space:nowrap}
#nav .nav-ja{font-size:10px;line-height:1.5;letter-spacing:.02em}
#nav nav a.active,#nav nav a:hover,#nav nav a.active .nav-number{color:var(--accent)}
#nav nav a.active::after{position:absolute;right:0;top:10px;float:none;font-size:12px}
#nav #motion{font-size:10px;letter-spacing:.02em;min-height:40px;flex-shrink:0}
@media(min-width:761px) and (max-width:1000px){#nav{padding-left:12px;padding-right:12px}#nav nav a{grid-template-columns:17px minmax(0,1fr);gap:5px}#nav .nav-en{font-size:10px}#nav .nav-ja{font-size:9px}}
@media(max-width:760px){#nav nav{padding:20px 0}#nav nav a{grid-template-columns:25px minmax(0,1fr);gap:12px;padding-top:8px;padding-bottom:8px;min-height:54px}#nav .nav-number{font-size:12px;line-height:20px}#nav .nav-en{font-size:16px}#nav .nav-ja{font-size:11px}#nav nav a.active::after{top:12px}}

#nav #motion{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:8px 0;min-height:48px;line-height:1.3}
#nav #motion .nav-ja{color:#b5b5ae}
#nav #motion:hover .nav-en{color:var(--accent)}