.case-tag { display: inline-flex; align-items: center; min-height: 2rem; padding: var(--space-1) var(--space-3); border: 1px solid hsl(var(--border)); border-radius: var(--radius-pill); font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.06em; line-height: 1.2; text-decoration: none; text-transform: uppercase; }
.case-logo-tile, .case-card__logo { display: inline-grid; place-items: center; padding: var(--space-3); background: hsl(var(--background)); border-radius: var(--radius-tile); }
[data-surface="dark"] .case-logo-tile, [data-surface="deep"] .case-logo-tile, [data-surface="dark"] .case-card__logo, [data-surface="deep"] .case-card__logo { background: hsl(var(--foreground)); }
.case-logo-tile { margin-top: var(--space-8); }
.case-logo-tile img, .case-card__logo img { width: 10rem; height: 5rem; object-fit: contain; }
.case-stat { min-width: 0; padding: var(--space-6); background: hsl(var(--card)); border: 1px solid hsl(var(--border)); border-radius: var(--radius-card); }
.case-stat__result { display: flex; min-width: 0; align-items: center; gap: var(--space-2); color: hsl(var(--accent-conversion)); }
.case-stat__result > * { min-width: 0; }
.case-stat__icon { flex: 0 0 auto; }
.case-stat__value { min-width: 0; font-size: clamp(var(--text-2xl), 5vw, var(--text-stat)); font-variant-numeric: tabular-nums; line-height: 1; overflow-wrap: anywhere; }
.case-stat__label, .case-stat__period, .case-stat__source { display: block; }
.case-stat__label { margin-top: var(--space-3); font-weight: 600; }
.case-stat__period, .case-stat__source { margin-top: var(--space-2); color: hsl(var(--muted-foreground)); font-size: var(--text-sm); line-height: 1.45; }
.case-card { position: relative; display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-6); background: hsl(var(--card)); border: 1px solid hsl(var(--border)); border-radius: var(--radius-card); color: hsl(var(--foreground)); text-decoration: none; transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out); }
.case-card h3 { margin: 0; font-size: var(--text-xl); }
.case-card__descriptor, .case-card__secondary, .case-card__source { color: hsl(var(--muted-foreground)); font-size: var(--text-sm); }
.case-card__primary strong { color: hsl(var(--accent-conversion)); font-size: var(--text-2xl); font-variant-numeric: tabular-nums; }
.case-card__method { line-height: 1.55; }
.case-card .case-tag { margin-top: auto; }
.case-card[hidden] { display: none; }

@media (hover: hover) and (pointer: fine) {
	.case-card:hover { border-color: hsl(var(--border-strong)); box-shadow: var(--shadow-card-hover); transform: translateY(-2px); }
}

@media (prefers-reduced-motion: reduce) {
	.case-card { transition-duration: 0ms; }
}