.sof-muted { color: var(--sof-muted); }
.sof-card {
  background: #fff;
  border: 1px solid var(--sof-border);
  border-radius: var(--sof-radius);
  box-shadow: var(--sof-shadow);
  padding: var(--sof-s-6);
}

.sof-stack > * + * { margin-top: var(--sof-s-4); }

.sof-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 999px;
  border: 1px solid var(--sof-border);
  text-decoration: none;
  transition: transform .15s ease, opacity .15s ease;
}
.sof-btn:hover { transform: translateY(-1px); opacity: .92; }