/* EN-specific overrides for /en/ pages */
.about-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: center;
}
.two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}
.info-list {
  list-style: disc;
  padding-left: 22px;
  line-height: 2;
  color: var(--text-soft);
}
.info-list li { margin-bottom: 4px; }
.map-wrap { width: 100%; }

@media (max-width: 760px) {
  .about-grid, .two-col { grid-template-columns: 1fr; }
}

/* ===== 小さいスマホでヘッダーを1行に収める（2026-07-07） =====
   英語版はロゴ下の英文タグラインが日本語版より横に長く、
   360px級の画面で言語ボタン・メニューと合わせて14pxはみ出していた。
   400px以下でロゴ英文を縮小し、ボタン余白を少し詰めて収める。 */
@media (max-width: 400px) {
  .logo .logo-sub { font-size: 11px; letter-spacing: 0; }
  .lang-switch { padding: 7px 10px; }
  .header-inner { gap: 10px; }
}