/* join.css의 .jn·카드·버튼을 그대로 재사용한다. 목록과 조건 안내만 확장한다. */
.selection { color: var(--ui-text); padding-bottom: 32px; }
.selection-brand { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
.selection-heading { margin-bottom: 24px; }
.selection-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.selection-filters a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 12px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius-control); background: var(--ui-surface); color: var(--ui-muted); text-decoration: none; font-size: 13px; }
.selection-filters a[aria-current] { color: var(--ui-surface); background: var(--ui-blue); border-color: var(--ui-blue); font-weight: 600; }
.selection-filters a:hover { border-color: var(--ui-blue); }
.selection-campaigns { display: grid; gap: 32px; }
.selection-campaign .jn-card { margin-top: 0; }
.selection-campaign .jn-card-name { margin-top: 0; word-break: keep-all; }
.selection-company { margin-top: 8px; color: var(--ui-muted); font-size: 12px; }
.selection-campaign .jn-card-meta { gap: 8px; flex-wrap: wrap; }
.selection-campaign h3 { font-size: 13px; font-weight: 400; }
.selection-campaign .jn-point { font-variant-numeric: tabular-nums; }
.selection-campaign .jn-point span { font-size: 12px; font-weight: 400; margin-left: 4px; color: var(--ui-muted); }
.selection-type-action .jn-cta { margin-top: 16px; }
.selection .jn-cta:hover { background: var(--ui-blue-hover); }
.selection .jn-cta:disabled { background: #e5e9ef; color: var(--ui-muted); cursor: not-allowed; }
.selection .jn-cap strong { color: var(--ui-text); margin-left: 4px; font-variant-numeric: tabular-nums; }
.selection-eligibility { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--ui-line); font-size: 13px; color: var(--ui-muted); line-height: 1.7; }
.selection-eligibility strong { display: block; color: var(--ui-blue); }
.selection-eligibility span { display: block; color: var(--ui-text); }
.selection-eligibility p { margin-top: 6px; }
.selection .jn-announcements { margin-top: 0; margin-bottom: 24px; }
.selection-accounts h2 { color: var(--ui-text); font-size: 13px; margin-bottom: 8px; }
.selection-accounts p { font-size: 13px; line-height: 1.7; color: var(--ui-muted); }
.selection-accounts strong { display: block; color: var(--ui-text); font-variant-numeric: tabular-nums; }
.selection-accounts details { margin-top: 12px; font-size: 13px; color: var(--ui-muted); }
.selection-accounts details p { margin-top: 8px; }
.selection-empty { padding: 24px 0; }
.selection-empty h2 { font-size: 17px; }
.selection-empty p { margin: 12px 0 20px; color: var(--ui-muted); font-size: 14px; }
.selection .join-actions { margin-top: 16px; }
.selection :is(a,button,summary):focus-visible { outline: var(--ui-focus); outline-offset: 3px; }

.selection .jn-sub, .selection .jn-cap { color: var(--ui-muted); }