/* ===========================================================
   RIALA LP v3 専用スタイル（/style-v2.css の後に読み込む）
   - 新規クラスは .v3- 接頭辞。既存クラスの上書きは最小限にする
   - トークン・角丸4px・ベタ影は design-system.md に準拠
   - 本体昇格時は style-v2.css へ統合してこのファイルを削除する
   =========================================================== */

/* --- CTAの色 ---
   CTAはコミュニティ入会ページへの直接遷移でLINEを開かない。design-system.md の
   「緑＝押すとLINEが開くボタン専用」ルールに従い、ブランドカラーへ戻す。 */
:root {
  --line-green: var(--accent);
}

/* --- GALLERY featured（コンサル②「ここですごい!」大判表示） --- */
.v3-gallery-featured {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 24px;
  align-items: start;
  margin-bottom: 24px;
}
.v3-feat-side {
  display: grid;
  gap: 24px;
}
.v3-feat-main {
  box-shadow: var(--shadow-hard);
}
.v3-feat-main .gallery-body {
  padding: 22px 26px 26px;
}
.v3-feat-main .gallery-body h3 {
  font-size: 20px;
}
.v3-feat-lead {
  margin-top: 10px;
  font-size: 13.5px;
  color: var(--ink-70);
  line-height: 1.9;
}

@media (max-width: 1024px) {
  .v3-gallery-featured {
    grid-template-columns: 1.5fr 1fr;
  }
}

@media (max-width: 768px) {
  /* v3ヒーローコピー「あなたの市場価値を、」は10文字。style-v2.cssの7文字換算の計算式では
     はみ出すため、10文字換算で上書き（v3.cssは後読みなので同一セレクタで勝つ） */
  .hero-h1 {
    font-size: clamp(26px, calc((100vw - 48px) / 10.6), 50px);
  }

  .v3-gallery-featured {
    grid-template-columns: 1fr;
    margin-bottom: 24px;
  }
  .v3-feat-main .gallery-body {
    padding: 18px 20px 20px;
  }
  .v3-feat-main .gallery-body h3 {
    font-size: 17px;
  }
  .v3-feat-lead {
    font-size: 12.5px;
  }
}