/* ============================================================
   component: site-header
   親サイト www.3dc.co.jp/ja のナビに準拠
   ・高さ 74px（上下 15px + 中身 44px）
   ・ロゴ幅 75px
   ・リンクは Bitter 14px / w400、リンク自体に内側余白を持たせる
   ============================================================ */

.site-header {
  background: var(--c-surface);
  padding-block: var(--header-y);
}

.site-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 44px;
}

.site-header__logo { display: inline-flex; align-items: center; }

.site-header__logo img { width: 75px; height: auto; }

.site-nav {
  display: flex;
  align-items: center;
  /* 親サイト同様、間隔はリンク内側の padding で作る */
  margin-right: -20px;
}

.site-nav__link {
  display: inline-flex;
  align-items: center;
  height: 44px;
  padding-inline: 20px;
  font-family: var(--font-en);
  font-size: var(--fs-body);
  font-weight: 400;
  color: var(--c-ink-soft);
  text-decoration: none;
  white-space: nowrap;
  border-radius: var(--radius);
  transition: opacity .18s ease;
}

.site-nav__link:hover { opacity: .6; }

.site-nav__link[aria-current="true"] { color: var(--c-ink); font-weight: 500; }

/* 言語切替は和文フォントで */
.site-nav__link[lang="ja"] { font-family: var(--font-jp); }

@media (max-width: 720px) {
  .site-header__inner { flex-wrap: wrap; row-gap: 4px; }
  .site-nav { margin-right: -12px; }
  .site-nav__link { padding-inline: 12px; font-size: var(--fs-small); }
}