.language-switch { display: inline-flex; align-items: center; flex: 0 0 auto; gap: 2px; border: 1px solid color-mix(in srgb, currentColor 24%, transparent); border-radius: 999px; padding: 3px; font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif; font-size: 12px; line-height: 1.2; letter-spacing: 0; }
.language-switch a { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; min-width: 63px; padding: 0 10px; border-radius: 999px; color: inherit; text-decoration: none; white-space: nowrap; }
.language-switch a[aria-current="page"] { background: color-mix(in srgb, currentColor 13%, transparent); font-weight: 700; }
.language-switch a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.language-switch a, .language-switch a:first-child { font-size: 12px; letter-spacing: 0; }
body[data-site-page^="/pepx/"] nav .links a { font-size: 14px; font-weight: 400; letter-spacing: 0; }
.has-language { gap: 16px; }
.has-language .nav-inner { flex-wrap: wrap; gap: 12px; }
.language-floating { position: absolute; z-index: 100; right: 20px; top: 16px; }
.translation-note { font: 12px/1.8 -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif; border-left: 2px solid currentColor; padding: 0 0 0 14px; margin: 0 0 28px; opacity: .8; }
.translation-note a { text-decoration: underline; text-underline-offset: 3px; }
html[lang="ja"] { --font: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif; }
html[lang="ja"] body { font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif; }
html[lang="ja"] p, html[lang="ja"] li, html[lang="ja"] label { line-height: 1.8; overflow-wrap: anywhere; }
html[lang="ja"] h1, html[lang="ja"] h2, html[lang="ja"] h3 { line-height: 1.35; letter-spacing: -.025em; }
html[lang="ja"] .hero-logo, html[lang="ja"] .brand, html[lang="ja"] .logo-text { font-family: 'Orbitron', -apple-system, sans-serif; }
body[data-site-page="/index.html"] #nav { min-height: 60px; height: auto; padding-top: 8px; padding-bottom: 8px; }
body[data-site-page="/index.html"] .nav-contact { font-size: 12px; color: #a1a1a6; min-height: 44px; display: inline-flex; align-items: center; }
html[lang="ja"] .hero p { font-size: 14px; color: #a1a1a6; }
html[lang="ja"] .spotlight-description { font-size: 14px; color: #a1a1a6; }
html[lang="ja"] .spotlight-link { font-size: 12px; color: #a1a1a6; min-height: 44px; display: inline-flex; align-items: center; }
html[lang="ja"] .spotlight-link[hidden] { display: none; }
@media (max-width: 640px) {
  .language-switch a { min-height: 40px; min-width: 60px; }
  body[data-site-page="/index.html"] #nav { flex-wrap: wrap; gap: 6px 12px; justify-content: center; }
  body[data-site-page="/index.html"] #nav .nav-links { justify-content: center; }
  .has-language { flex-wrap: wrap; }
  .language-floating { right: 12px; top: 12px; }
  html[lang="ja"] .apps-title { font-size: clamp(27px, 7vw, 44px); }
  html[lang="ja"] .apps-top { flex-wrap: wrap; }
  html[lang="ja"] .apps-top > div:first-child { flex-basis: 100%; }
  html[lang="ja"] .apps-title { max-width: none; white-space: pre-line; }
  html[lang="ja"] .app-navigation { margin-left: auto; }
  html[lang="ja"] #jobs-title { font-size: clamp(30px, 8vw, 44px); letter-spacing: -.02em; }
  html[lang="ja"] h1 { font-size: clamp(26px, 7vw, 34px); }
  html[lang="ja"] .spotlight-name { font-family: -apple-system, BlinkMacSystemFont, sans-serif; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } }