/*
 * Lien Nexus — English Page CSS Patch  (lnx-en-patch.css)
 * =========================================================
 * 読み込み順: lnx-style.css → lnx-pages.css → lnx-en-patch.css
 *
 * 目的: lnx-en-top.html から取り除いたインラインスタイルをすべてここで管理する。
 *       既存 lnx-style.css / lnx-pages.css を直接編集せずに済むよう分離。
 * =========================================================
 */

/* ─────────────────────────────────────
   Service カード内アクションボタン
   (旧) style="margin-top:16px;font-size:12px;padding:8px 18px;"
────────────────────────────────────── */
.lnx-card__btn {
  margin-top: 16px;
  font-size: 12px;
  padding: 8px 18px;
  align-self: flex-start;   /* カードが flex-column のとき左寄せ */
}

/* ─────────────────────────────────────
   Works カード — 画像ラッパー
   (旧) lnx-card__icon に直書きしていた
        width/height/border-radius/background/etc.
────────────────────────────────────── */
.lnx-works-card__img-wrap {
  width: 100%;
  height: 140px;
  border-radius: 8px;
  margin-bottom: 14px;
  background: #F0EDE8;
  justify-content: center;
  font-size: 36px;
  /* lnx-card__icon の width:40px / height:40px を上書き */
  flex: none;
}

/* Works カード — 画像本体
   (旧) img に直書きしていた object-fit 等
────────────────────────────────────── */
.lnx-works-card__img {
  width: 100%;
  height: 140px;
  border-radius: 8px;
  margin-bottom: 14px;
  object-fit: cover;
  display: block;
}

/* ─────────────────────────────────────
   バッジ — Works セクション用スペーサー
   (旧) style="margin-bottom:8px;display:inline-block;"
────────────────────────────────────── */
.lnx-badge--spaced {
  display: inline-block;
  margin-bottom: 8px;
}

/* ─────────────────────────────────────
   セクション「もっと見る」エリア
   Works / Community セクション末尾
   (旧) style="text-align:center;margin-top:36px;"
────────────────────────────────────── */
.lnx-section__more {
  text-align: center;
  margin-top: 36px;
}

/* ─────────────────────────────────────
   About セクション — タイトル下マージン
   (旧) style="margin-bottom:16px;"
────────────────────────────────────── */
.lnx-about__title {
  margin-bottom: 16px;
}

/* About セクション — 本文1段落目下マージン
   (旧) style="margin-bottom:20px;"
────────────────────────────────────── */
.lnx-about__desc {
  margin-bottom: 20px;
}

/* About セクション — CTAボタン上マージン
   (旧) style="margin-top:28px;"
────────────────────────────────────── */
.lnx-about__cta-btn {
  margin-top: 28px;
}

/* ─────────────────────────────────────
   CTA セクション — ボタングループ
   (旧) style="display:flex;gap:12px;justify-content:center;flex-wrap:wrap;"
────────────────────────────────────── */
.lnx-cta__btns {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

/* ─────────────────────────────────────
   フッターロゴ画像
   (旧) style="height:36px;width:auto;display:block;object-fit:contain;"
────────────────────────────────────── */
.lnx-footer__logo-img {
  height: 36px;
  width: auto;
  display: block;
  object-fit: contain;
}

/* ─────────────────────────────────────
   レスポンシブ補完
────────────────────────────────────── */
@media (max-width: 480px) {
  .lnx-card__btn {
    width: 100%;
    justify-content: center;
  }
}