/* ============================================================
   en-exp.css — 英語版（/en/）で exp.css と各ページのインライン
   <style> を上書きするシート
   Loaded only by /en/ pages. Do NOT link from Japanese pages.

   詳細ページ（survey / transform / analyze / apply）は
   <head> 末尾のインライン <style> にページ固有指定を持つため、
   html[lang="en"] を付けて詳細度で上回るようにしている。
   ============================================================ */

/* ---- 見出し ---- */
html[lang="en"] .page-title {
    letter-spacing: -.02em;
    line-height: 1.02;
    font-size: clamp(2.6rem, 6.2vw, 4.2rem);
}
@media (max-width: 720px) {
    html[lang="en"] .page-title { font-size: 2.2rem; }
}
html[lang="en"] .panel h2,
html[lang="en"] .cta-panel h2 {
    letter-spacing: -.02em;
    line-height: 1.14;
}

/* ---- 本文行間: 日本語向けの 1.8〜2.2 を英語向けに詰める ---- */
html[lang="en"] .page-lead,
html[lang="en"] .greeting p,
html[lang="en"] .greeting .sign,
html[lang="en"] .def-row,
html[lang="en"] .news-row span,
html[lang="en"] .contact-aside,
html[lang="en"] .prose p,
html[lang="en"] .prose li,
html[lang="en"] .faq-list dt,
html[lang="en"] .faq-list dd,
/* 詳細ページのインライン指定 */
html[lang="en"] .feature p,
html[lang="en"] .feature small,
html[lang="en"] .service-note,
html[lang="en"] .usecase-list li,
html[lang="en"] .flow-list p,
html[lang="en"] .panel-note,
html[lang="en"] .fmt-note,
html[lang="en"] .fmt-foot,
html[lang="en"] .deliv-list li,
html[lang="en"] .deliv-list p,
html[lang="en"] .deliv-foot,
html[lang="en"] .media-links span,
html[lang="en"] .cadroh-panel p,
html[lang="en"] .cta-panel p,
html[lang="en"] .pillar p,
html[lang="en"] .dev-item p,
html[lang="en"] .client-note,
html[lang="en"] .stat p {
    line-height: 1.7;
}

/* ---- 見出し系の小要素（ディセンダ衝突の回避） ---- */
html[lang="en"] .feature h3,
html[lang="en"] .pillar h3,
html[lang="en"] .flow-list strong,
html[lang="en"] .dev-item strong,
html[lang="en"] .deliv-list strong { line-height: 1.3; }
html[lang="en"] .stat strong { line-height: 1.18; }

/* ---- 固定rem の左ラベル列 ---- */
html[lang="en"] .def-row { grid-template-columns: 19rem 1fr; }
html[lang="en"] .deliv-list li { grid-template-columns: 17rem 1fr; }
html[lang="en"] .media-links b { min-width: 11rem; }
@media (max-width: 900px) {
    html[lang="en"] .def-row,
    html[lang="en"] .deliv-list li { grid-template-columns: 1fr; }
}

/* ---- transform: CTA が折返せず左の説明文を圧迫するのを防ぐ ---- */
html[lang="en"] .cadroh-panel .go { white-space: normal; }
@media (min-width: 901px) {
    html[lang="en"] .cadroh-panel { grid-template-columns: 1fr minmax(0, 14rem); }
}

/* ---- フッター ---- */
html[lang="en"] .foot nav { flex-wrap: wrap; row-gap: .6rem; }


/* ---- 英語版法務ページの参考訳注記 ---- */
html[lang="en"] .legal-note {
    margin: 0 0 2.4rem;
    padding: 1rem 1.2rem;
    border-left: 3px solid var(--line);
    background: rgba(127, 127, 127, .06);
    font-size: .86rem;
    line-height: 1.85;
}

html[lang="en"] .legal-note--foot { margin: 2.8rem 0 0; }
