/* One scoped source for the shared header, including pages with their own nav rules. */
yamachun-nav{display:block;color:var(--text-main,#222)}
yamachun-nav nav.yamachun-navbar{position:fixed;inset:0 0 auto;width:100%;height:64px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;z-index:1000;background:var(--nav-bg,#fff);border-bottom:1px solid var(--border-light,#e0e0e0);box-sizing:border-box}
yamachun-nav .nav-inner{width:100%;max-width:1240px;display:flex;justify-content:space-between;align-items:center;gap:26px;padding:0 36px;min-width:0;box-sizing:border-box}
yamachun-nav .nav-logo-container{display:flex;flex:0 0 auto;align-items:center;text-decoration:none}yamachun-nav .nav-logo-img{height:29px;width:auto;display:block;filter:none}.dark-mode yamachun-nav .nav-logo-img{filter:invert(1) brightness(2)}
yamachun-nav .nav-links{display:flex;flex:0 1 auto;align-items:center;gap:26px;min-width:0;margin-left:auto;overflow-x:auto;scrollbar-width:none}yamachun-nav .nav-links::-webkit-scrollbar{display:none}
yamachun-nav .nav-links a.nav-item{position:relative;flex:0 0 auto;font:11px/1.5 Georgia,'WapuroMincho',serif;letter-spacing:.5px;text-decoration:none;text-transform:uppercase;color:var(--text-muted,#666);white-space:nowrap;opacity:1;padding:9px 0}
yamachun-nav .nav-links a.nav-item.active,yamachun-nav .nav-links a.nav-item:hover{color:var(--text-main,#222)}yamachun-nav .nav-links a.nav-item::after{content:"";position:absolute;bottom:3px;left:0;width:0;height:1px;background:currentColor;transition:width .2s}yamachun-nav .nav-links a.nav-item.active::after,yamachun-nav .nav-links a.nav-item:hover::after{width:100%}
yamachun-nav #mode-toggle{width:29px;height:29px;box-sizing:border-box;padding:0;margin:0;display:grid;place-items:center;flex:0 0 auto;color:var(--text-main,#222);background:transparent;cursor:pointer;border:1px solid var(--border-light,#ddd);border-radius:50%}yamachun-nav #theme-icon{font:18px/1 Georgia,serif;width:auto}yamachun-nav a:focus-visible,yamachun-nav button:focus-visible{outline:1px solid currentColor;outline-offset:3px}
@media(max-width:700px){yamachun-nav nav.yamachun-navbar{height:60px}yamachun-nav .nav-inner{padding:0 18px;gap:14px}yamachun-nav .nav-logo-img{height:25px}yamachun-nav .nav-links{gap:14px}yamachun-nav .nav-links a.nav-item{font-size:10px}yamachun-nav #mode-toggle{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){yamachun-nav .nav-links a.nav-item::after{transition:none}}