/* ── 운영 스태프 모집(staff.html) — apply.css·referee.css 위에 얹는다 ── */
/* 참가일·담당 안내 카드: 토요일(설영)·일요일(경기 운영) 두 칸 */
.st-days { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
@media (max-width: 900px) { .st-days { grid-template-columns: 1fr; } }
.st-days li { display: grid; gap: 8px; padding: 16px 18px; border-radius: 14px; border: 1px solid var(--line); background: rgba(255,255,255,.03); }
.st-days b { font-size: 16px; color: var(--gold); }
.st-days small { font-size: 12px; color: var(--muted); }
.st-days p { margin: 0; font-size: 13px; line-height: 1.6; color: var(--text); }
.st-days ul { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; }
.st-days ul li { padding: 4px 10px; border-radius: 999px; border: 1px solid rgba(255,255,255,.14); font-size: 13px; color: var(--text); background: transparent; display: block; }
/* 폼: 참가일 체크 → 해당 요일의 희망 담당 체크가 열린다 */
.st-day-pick { display: grid; gap: 12px; }
.st-day { border: 1px solid rgba(255,255,255,.14); border-radius: 14px; padding: 14px 16px; }
.st-day:has(.st-day-check:checked) { border-color: var(--gold); background: rgba(245,180,0,.05); }
.st-day > label { display: flex; gap: 12px; align-items: flex-start; cursor: pointer; }
.st-day > label input { margin-top: 4px; accent-color: var(--gold); }
.st-day > label b { display: block; }
.st-day > label small { color: var(--muted); font-size: 12px; }
.st-roles { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0 28px; }
.st-roles[hidden] { display: none; }
.st-roles label { display: inline-flex; gap: 6px; align-items: center; padding: 6px 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,.14); font-size: 13px; cursor: pointer; }
.st-roles label:has(input:checked) { border-color: var(--gold); color: var(--gold); }
.st-roles input { accent-color: var(--gold); }
.st-roles-hint { margin: 10px 0 0; color: var(--muted); font-size: 12px; }