/* イベントページを公式サイトの共通外枠へ寄せる薄い上書き層。
   申込ページ班の style.css / app.js は変更せず、この層だけで見た目を合わせる。
   読み込み順: site-shell.css → events/.../style.css → このファイル。 */

/* 配色と書体を公式サイト側の正本トークンへ合わせる。 */
body{
  --paper:var(--w);
  --cream:#FAF8FC;
  --muted:var(--gray);
  --gold:#8A6BC8;
  background:transparent;
  font-family:var(--sans);
}
.events-page h1,.events-page h2,.events-page h3{font-family:var(--serif);letter-spacing:0}
.events-page h1{letter-spacing:-.01em}
.events-page .eyebrow{color:var(--gray);font-family:var(--it);font-style:italic;letter-spacing:0;text-transform:none;font-weight:400;font-size:20px}

/* 本文の幅と余白を共通ヘッダー（.navin / .wrap）の内側幅にそろえる。 */
.events-page main{width:100%;max-width:1140px;margin:0 auto;padding:0 32px}
.events-page .hero{min-height:0;padding:56px 0 72px}

/* 面はカード風の白へ。枠線の主張を公式サイト側に合わせる。 */
.events-page .fact,.events-page .details-grid article{background:var(--cream);border-color:var(--line)}
.events-page .panel{border-color:var(--line);border-radius:20px;box-shadow:var(--sh)}
.events-page .details,.events-page .faq-section details,.events-page .resend-section{border-color:var(--line)}
.events-page .faq-section details:last-child{border-bottom-color:var(--line)}
.events-page .primary{border-radius:999px;background:var(--ink);font-family:var(--sans)}
.events-page .primary:hover:not(:disabled){background:#2C2933}
.events-page .secondary{border-radius:999px;border-color:rgba(23,21,26,.18)}
.events-page input[type="email"]{border-radius:12px;border-color:rgba(23,21,26,.22)}

/* 第2版で増えた要素。色トークンは body の remap を引き継ぐので、
   直値で書かれているものだけを公式サイトの配色へそろえる。 */
.events-page .agenda-badge{background:var(--lav);color:#3B2E63}
.events-page .event-facts th{background:var(--cream);font-weight:600}
.events-page .agenda-list li::before{font-family:var(--it);font-style:italic;font-size:15px}
.events-page .route-grid article,.events-page .benefit-note{border:1px solid var(--line)}
.events-page .organizer{font-weight:600;color:var(--gray)}

/* 申込ページ班の簡易ヘッダー・フッターは共通ヘッダー・フッターで置き換える。 */
.events-page .site-header,.events-page .site-footer{display:none}

/* 公式サイト側と同じ確認用の注記の見え方にそろえる。 */
.events-page .preview-notice{background:var(--butter);border:1px solid rgba(23,21,26,.12);color:#5A4A12;border-radius:12px}

@media(max-width:767px){
  .events-page main{padding:0 18px}
  .events-page .hero{padding:34px 0 56px}
}