.intention-card {
  display: block;
  position: relative;
  padding: var(--space-6);
  border: 1px solid var(--ink-15);
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease;
}
.intention-card:hover  { border-color: var(--ink-40); }
.intention-card.is-selected { border-color: var(--ink); background: var(--surface); }
.intention-card input { position: absolute; opacity: 0; pointer-events: none; }
.intention-card__symbol  { display: block; color: var(--accent); margin-bottom: var(--space-2); }
.intention-card__label   { display: block; font-family: var(--font-serif); font-style: italic; font-size: 24px; }
.intention-card__sub     { display: block; color: var(--ink-70); font-size: var(--type-small); margin-top: var(--space-1); }
.intention-card__tempo   { display: block; margin-top: var(--space-3); color: var(--ink-40); }
.intention-card:focus-within { outline: 2px solid var(--accent); outline-offset: 2px; }