/* ── attribution-card ────────────────────────────────────────────────────────
   One-time "How did you find ShouldISail?" card (spec 004). The shell
   (backdrop, card, header) reuses .contact-modal; this file only styles the
   one-tap option list and the Skip link. Logical properties keep RTL right.
   ─────────────────────────────────────────────────────────────────────────── */

.attribution-card__options {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin-top: var(--space-4);
}

.attribution-card__option {
  width: 100%;
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  border: 1px solid rgba(44, 74, 110, 0.16);
  background: var(--color-surface-raised, #fff);
  color: var(--color-ink-base);
  font-size: var(--text-sm);
  font-weight: 500;
  text-align: start;
  cursor: pointer;
  transition:
    background-color var(--duration-fast),
    border-color     var(--duration-fast);
}

.attribution-card__option:hover,
.attribution-card__option:focus-visible {
  border-color: var(--color-primary);
  background: rgba(20, 58, 94, 0.06);
  color: var(--color-ink-strong);
}

.attribution-card__skip {
  display: block;
  margin: var(--space-4) auto 0;
  padding: var(--space-2) var(--space-3);
  border: none;
  background: none;
  color: var(--color-ink-muted);
  font-size: var(--text-sm);
  text-decoration: underline;
  cursor: pointer;
}