/* TalkTag language-local navigation. Links never cross the Japanese boundary. */
.ja-mode-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:min(100% - 32px,960px);margin:24px auto;padding:8px;border:1px solid var(--tt-border);border-radius:18px;background:var(--tt-card)}
.ja-mode-nav a{display:flex;min-width:0;min-height:48px;padding:6px 2px;gap:2px;align-items:center;justify-content:center;flex-direction:column;border:1px solid transparent;border-radius:12px;color:var(--tt-text);font-size:12px;font-weight:760;line-height:1.2;text-align:center;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .1s ease}
.ja-mode-nav a[aria-current]{background:var(--tt-raised);color:var(--tt-accent);font-weight:850}.ja-mode-nav a:focus-visible{outline:3px solid var(--tt-accent);outline-offset:2px}.ja-mode-nav a:active{transform:translateY(1px)}
@media(max-width:620px){
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
  .ja-mode-nav{position:fixed;z-index:50;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));width:auto;height:58px;margin:0;padding:5px;gap:3px;border:1px solid var(--tt-border);border-radius:20px;background:color-mix(in srgb,var(--tt-card) 92%,transparent);box-shadow:0 5px 0 color-mix(in srgb,var(--tt-border) 82%,transparent),0 12px 28px #0b1e3824;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .ja-mode-nav a{min-height:46px;padding:3px 1px;gap:1px;border:1px solid var(--tt-border);border-radius:13px;font-size:8px;font-weight:800;line-height:1;white-space:nowrap}
  html[data-appearance=bright] .ja-mode-nav a:not([aria-current]){background:linear-gradient(180deg,#fffdf8,#f0ece4);border-color:#d7dee7;color:#435873;box-shadow:inset 0 1px #fff,0 2px 0 #c7d0da}
  html[data-appearance=bright] .ja-mode-nav a[aria-current]{background:linear-gradient(145deg,#2d7fe9,#155dbd);border-color:#1768d5;color:#fff;box-shadow:inset 0 1px #ffffff55,0 3px 0 #0b438f}
  html[data-appearance=dark] .ja-mode-nav a:not([aria-current]){background:linear-gradient(180deg,#172a45,#102039);border-color:#344b68;color:#dce6f4;box-shadow:inset 0 1px #ffffff12,0 2px 0 #071222}
  html[data-appearance=dark] .ja-mode-nav a[aria-current]{background:linear-gradient(145deg,#285f9c,#1b4578);border-color:#78a9e8;color:#fff;box-shadow:inset 0 1px #ffffff24,0 3px 0 #081a31}
  .ja-mode-nav a span:first-child{width:100%;font-size:22px;line-height:.95}.ja-mode-nav a span:last-child{white-space:nowrap}
}