/* Grid for roster cards */
.roster-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}

/* Badge (used for date chips etc.) */
.badge{display:inline-flex;align-items:center;gap:8px;background:#0f3a6a;border:2px solid #fff;border-radius:999px;padding:6px 12px;font-weight:700}
.badge .dot{width:10px;height:10px;background:#cc1f3a;border:2px solid #fff;border-radius:999px}

/* Schedule table */
.schedule-table{width:100%;border-collapse:separate;border-spacing:0}
.schedule-table th,.schedule-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.2);text-align:left}
.schedule-table thead th{border-bottom:2px solid #fff;text-transform:uppercase;letter-spacing:.05em}

/* Notice box */
.notice{background:#132f55;border-left:8px solid #cc1f3a;padding:12px 16px;border-radius:8px}

/* ===== Clickable card helpers (修正版) =====
   透明リンクを最前面にして、カード内どこでもクリック可能にする */
.card--link{position:relative;cursor:pointer}
.card--link .stretched-link{
  position:absolute;
  inset:0;
  display:block;
  z-index:10;              /* ← 最前面に上げる（重要） */
  border-radius:12px;
  background:transparent;
  color:transparent;       /* 画面には文字を出さない */
  text-indent:-9999px;
  overflow:hidden;
}
.card--link:hover{box-shadow:0 12px 0 rgba(0,0,0,.28)}
.card--link .stretched-link:focus-visible{
  outline:3px dashed #fff; outline-offset:4px; border-radius:12px;
}

/* 本文は通常のスタッキング順に（z-index は付けない／上げない） */
.card--link > *{position:relative}