/* OTABASE Autopilot — フロント側の最小スタイル
   テーマ「OTABASE MAG」使用時はテーマ側の変数を継承し、
   他テーマでも単体で成立するようフォールバック値を持たせています。 */
.oba-event-card,
.oba-cta{
  --oba-white: var(--om-white, #ffffff);
  --oba-ink:   var(--om-ink, #121a1d);
  --oba-text:  var(--om-text, #263136);
  --oba-sub:   var(--om-muted, #67757d);
  --oba-line:  var(--om-line, #e0e6de);
  --oba-key:   var(--om-accent, #2a76ce);
  --oba-lime:  var(--om-lime, #8cd22d);
  --oba-lime-d:var(--om-lime-dark, #6fb018);
}

/* 関連イベントカード */
.oba-event-card{
  display:block; max-width:726px; margin:2.4em 0; padding:20px 24px;
  background:var(--oba-white);
  border:1px solid var(--oba-line);
  border-left:4px solid var(--oba-key);
  border-radius:0 12px 12px 0;
}
.oba-event-card__label{
  display:block; margin-bottom:8px;
  font-size:11.5px; font-weight:700; letter-spacing:.1em; color:var(--oba-key);
}
.oba-event-card__title{
  display:block; font-size:1.02rem; font-weight:700; line-height:1.65;
  color:var(--oba-ink); text-decoration:none;
}
.oba-event-card__title:hover{ text-decoration:underline; text-underline-offset:3px; }
.oba-event-card__note{
  display:block; margin-top:8px; font-size:.83rem; line-height:1.8; color:var(--oba-sub);
}

/* 記事末尾のCTA */
.oba-cta{
  max-width:726px; margin:3em 0 1em; padding:28px;
  background:var(--oba-white);
  border:1px solid var(--oba-line);
  border-top:4px solid var(--oba-lime);
  border-radius:0 0 14px 14px;
  box-shadow:0 1px 2px rgba(18,26,29,.04), 0 10px 22px -14px rgba(18,26,29,.16);
}
.oba-cta__label{
  display:block; margin-bottom:10px;
  font-size:11.5px; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:var(--oba-lime-d);
}
.oba-cta__title{
  font-size:1.18rem; font-weight:800; line-height:1.6;
  margin:0 0 10px; color:var(--oba-ink);
}
.oba-cta__body{ font-size:.92rem; line-height:1.9; color:var(--oba-sub); margin:0 0 20px; }
.oba-cta__btn{
  display:inline-block; padding:12px 26px; border-radius:999px;
  background:var(--oba-lime); color:var(--oba-ink);
  font-weight:700; text-decoration:none; transition:background .16s, color .16s;
}
.oba-cta__btn:hover{ background:var(--oba-lime-d); color:#fff; text-decoration:none; }

@media (max-width:600px){
  .oba-cta{ padding:22px 20px; }
  .oba-event-card{ padding:16px 18px; }
}