@charset "UTF-8";
/* ==========================================================
   event.html 固有CSS（2026-09-03 D-1 グループC 再批評の反映 r4）
   大会カードは hour_pc の RENTAL LODGE 型（写真＋青バー＋白ボタン）で密度を作る。
   NOTES は2項目とも原稿待ちのためカードを立てず、一覧直下の注記1本に落とす。

   ▼ 再批評の反映
   ・C-6: 大会名が語中で割れる（「アルペン」が2行に分断）→ word-break: keep-all ＋ HTML 側の <wbr>。
     名前の実効幅を確保するためバーの内側余白を詰め、SP はバーを縦積みにする。
     大会名は content-map の「原文のまま実装」指示に従い改変しない。
   ・C-22: ヒーロー白見出しのコントラスト（実測 2.06:1）を追いスクリムで底上げ。
   ========================================================== */

/* ---- ヒーロー: 白見出しのコントラスト確保（subpage.css は編集不可のためページ側で上書き） ---- */
.page-hero::after {
  background:
    linear-gradient(180deg, rgba(var(--c-navy-overlay), 0.34) 0%, rgba(var(--c-navy-overlay), 0.34) 100%),
    linear-gradient(180deg,
      rgba(var(--c-navy-overlay), 0.18) 0%,
      rgba(var(--c-navy-overlay), 0.10) 45%,
      rgba(var(--c-navy-overlay), 0.20) 100%);
}

.ev-grid { row-gap: 40px; }
.ev-card { display: flex; flex-direction: column; }
/* flex 子では .cx-lodge__photo の aspect-ratio が効かず画像の実比になる（縦写真で破綻）ため比率を固定 */
.ev-card .cx-lodge__photo { position: relative; flex: none; height: 0; padding-bottom: 66.667%; }
.ev-card .cx-lodge__photo img { position: absolute; inset: 0; }
.ev-card .cx-lodge__bar { flex: 1; padding: 0 12px 0 16px; gap: 10px; }
.ev-card .cx-lodge__name { word-break: keep-all; overflow-wrap: anywhere; line-break: strict; }
.ev-note { margin-top: 28px; }

@media (max-width: 768px) {
  .ev-grid { row-gap: 20px; }
  .ev-note { margin-top: 18px; }
  /* バーは縦積み（名前の折返し位置を文節に保つ） */
  .ev-card .cx-lodge__bar {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 16px 18px;
  }
  .ev-card .cx-lodge__name { font-size: 19.25px; line-height: 23.62px; }
  .ev-card .cx-lodge__bar .cx-btn--white { width: 100%; max-width: none; min-height: 44px; }
}

/* ==========================================================
   D-1 r5（グループC 再批評 crit3）
   ・C-5: 中央カードだけ白ボタンが縮んで「詳しく見る」が2行に折れていた（実測 w=60.7 h=34）。
     ボタンを flex: 0 0 auto ＋ nowrap で固定幅（165.3px）に戻し、3枚を同型にする。
   ・C-9: 全幅の色帯が1つも無く縦に単調だった。UPCOMING EVENT を .cx-bluesec に載せ、
     カードは白い縁（padding 10px の白面）を持たせて青バーが帯に溶けないようにする。
   ・C-16: 「大会情報の紹介文（原稿待ち）」だけのリード枠を撤去（HTML側）。
     原稿待ちの断りは一覧直下の .ev-note 1本に集約（メイン判断2）。
   ========================================================== */

/* ---- C-5: 白ボタンは縮ませない ---- */
.ev-card .cx-lodge__bar .cx-btn--white { flex: 0 0 auto; }
.ev-card .cx-lodge__bar .cx-btn--white .cx-btn__text { white-space: nowrap; }

/* ---- C-9: 全幅の青帯 ---- */
.ev-band { margin-top: var(--cx-gap-sec); }
/* 青帯の上では白い縁を付けて「白カードの中の写真＋青バー」に見せる（hour_pc の RENTAL 型） */
.ev-band .ev-card {
  background: #fff;
  padding: 10px;
  border-radius: 14px;
  overflow: visible;
}
.ev-band .ev-card .cx-lodge__photo { border-radius: 8px 8px 0 0; overflow: hidden; }
.ev-band .ev-card .cx-lodge__bar { border-radius: 0 0 8px 8px; }
/* 帯の上の注記は白（#6e7375 は #165ce2 上で 1.7:1） */
.ev-band .ev-note.cx-tbd { color: #fff; }

@media (max-width: 768px) {
  .ev-band { margin-top: var(--cx-gap-sec-sp); }
  .ev-band .ev-card { padding: 8px; border-radius: 12px; }
  /* SP はバーが縦積み＝ボタンは全幅（縮み固定を解除） */
  .ev-card .cx-lodge__bar .cx-btn--white { flex: 0 0 auto; width: 100%; }
}

/* 【2026-09-17 深夜3】バッヂテスト開催日程（スクールページから移設・クリックで拡大） */
.ev-badge { margin: 0; text-align: center; }
.ev-badge__zoom { display: inline-block; width: 100%; max-width: 741px; border: 1px solid rgba(22, 92, 226, 0.35); border-radius: 10px; overflow: hidden; background: #fff; }
.ev-badge__zoom img { display: block; width: 100%; height: auto; }
.ev-badge__cap { margin-top: 10px; font-size: 13px; color: #5f6761; letter-spacing: 0.06em; }