/* /use-cases/: cards grouped by buyer goal, and the four steps from evidence to a decision. */
.uc-group + .uc-group { margin-top: 40px; }
.uc-group > h3 { margin-bottom: 14px; font-size: 0.75rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.06em; color: var(--faint); }
.uc-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; list-style: none; margin: 0; padding: 0; }
.uc-card {
  display: flex; flex-direction: column; gap: 10px; padding: 24px; scroll-margin-top: 96px;
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md); transition: border-color .15s;
}
.uc-card:hover, .uc-card:target { border-color: var(--line-strong); }
.uc-card:target { box-shadow: 0 0 0 3px var(--accent-soft); }
.uc-card h4 { margin: 0; font-size: 1.25rem; font-weight: 600; letter-spacing: -0.03em; }
.uc-card p { margin: 0; }
.uc-blurb { color: var(--ink); }
.uc-buyer { color: var(--muted); font-size: 0.875rem; }
.uc-decision { display: grid; gap: 4px; padding-top: 10px; border-top: 1px solid var(--line); font-size: 0.875rem; }
.uc-status { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; font: 500 0.75rem/1 var(--mono); color: var(--faint); }
.uc-status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--line-strong); }
.uc-card[data-status="available"] .uc-status { color: var(--human); }
.uc-card[data-status="available"] .uc-status::before { background: var(--human); }
.uc-cta { margin-top: auto; padding-top: 8px; font-weight: 600; font-size: 0.875rem; text-decoration: none; }
.uc-cta:hover { text-decoration: underline; }
.uc-mail-note { margin: 20px 0 0; color: var(--faint); font-size: 0.8125rem; }
.uc-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; list-style: none; margin: 0; padding: 0; }
.uc-steps li { padding: 20px; border-top: 2px solid var(--accent); background: var(--surface); }
.uc-steps h3 { margin: 10px 0 8px; font-size: 1rem; letter-spacing: -0.02em; }
.uc-steps p { margin: 0; color: var(--muted); font-size: 0.875rem; }
.uc-step-n { font: 500 0.75rem/1 var(--mono); color: var(--accent); }
@media (max-width: 900px) { .uc-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .uc-cards, .uc-steps { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .uc-card { transition: none; } }