/* =====================================================================
   English pages (/en/) : Latin-first typography overrides
   style.css（および service.css）の後に読み込むこと
   配色・レイアウトは日本語版と共通。書体と字送りだけを欧文向けに上書きする。
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;600;700&family=Noto+Sans:wght@400;500;700&display=swap');

:root {
  --font-headline: "Noto Serif", "Noto Serif JP", Georgia, serif;
  --font-copy: "Noto Sans", "Noto Sans JP", Helvetica, Arial, sans-serif;
}

/* 和文は字間を空けると締まるが、欧文では間延びして見えるため詰める */
body {
  letter-spacing: 0;
}

.site-nav a,
.section-title,
.hero h1,
.page-hero h1 {
  letter-spacing: 0.01em;
}

/* 欧文は単語が切れないため、和文版より行長を抑えて可読性を保つ */
.lead-text,
.section-lead {
  max-width: 62ch;
}

.prose p,
.prose li {
  max-width: 70ch;
}

/* 英語の見出しは和文より長くなりがちなので、折り返しを自然に */
h1, h2, h3, h4 {
  overflow-wrap: break-word;
}

/* 英文ナビは項目が長いので余白を少し詰める */
.site-nav ul {
  gap: 22px;
}

/* 英語版のラインアップは実画面ギャラリーを持たないため、
   app-card をボタンではなく静的なカードとして使う */
.app-card.static {
  cursor: default;
}

.app-card.static:hover {
  transform: none;
  border-color: var(--color-line);
  box-shadow: none;
}

.app-card.static .app-body {
  padding-top: 18px;
}

/* 6枚のカードを 4+2 ではなく 3+3 に並べる（Business ページ） */
@media (min-width: 900px) {
  .feature-grid.cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}