.ri-card {
  background: var(--ri-surface);
  border: 1px solid var(--ri-border);
  border-radius: var(--ri-radius);
  box-shadow: var(--ri-shadow);
  padding: 1.25rem;
}
.ri-title-xl { margin: 0; font-size: clamp(1.8rem, 2.5vw, 2.6rem); line-height: 1.15; }
.ri-title-lg { margin: 0; font-size: 1.2rem; line-height: 1.25; }
.ri-muted { color: var(--ri-muted); }
.ri-content > *:first-child { margin-top: 0; }
.ri-content > *:last-child { margin-bottom: 0; }
.ri-button {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 42px; padding: 0 1rem; border-radius: 999px;
  background: var(--ri-accent); color: #fff; font-weight: 600;
}
.ri-button:hover, .ri-button:focus { background: var(--ri-accent-dark); color: #fff; }
.ri-empty-state { text-align: center; padding: 4rem 0; }