deck-summary-card {
  display: contents;
}
deck-summary-card .card { position: relative; box-sizing: border-box; min-width: 0; height: 100%; display: flex; flex-direction: column; gap: 0.75rem; padding: clamp(1.25rem, 2.5vw, 1.75rem); background-color: var(--color-bg-surface); border: 1px solid var(--color-border); border-radius: var(--radius); color: var(--color-text-primary); text-decoration: none; transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease }
deck-summary-card .card::before { content: ''; position: absolute; inset-inline: 0; top: 0; height: 3px; border-radius: var(--radius) var(--radius) 0 0; background-color: var(--card-accent) }
deck-summary-card .card:hover { border-color: var(--card-accent); box-shadow: 0 6px 20px -8px var(--color-shadow); transform: translateY(-2px) }
deck-summary-card .card:focus-visible { outline: 2px solid var(--card-accent); outline-offset: 3px }
deck-summary-card .top { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem }
deck-summary-card .audience { font-family: var(--font-mono); font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; line-height: 1.5; color: var(--color-text-muted); min-width: 0 }
deck-summary-card .audience:empty { display: none }
deck-summary-card .badge { flex-shrink: 0; font-family: var(--font-mono); font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; line-height: 1; padding: 0.35em 0.6em; border: 1px solid currentColor; border-radius: var(--radius); color: var(--color-text-muted) }
deck-summary-card .card[data-status=ready] .badge { color: var(--card-accent) }
deck-summary-card .card[data-status=review] .badge { color: var(--color-warning) }
deck-summary-card .title { font-family: var(--font-sans); font-size: clamp(1.25rem, 2.2vw, 1.6rem); font-weight: 600; letter-spacing: -0.02em; line-height: 1.2; margin: 0; color: var(--color-text-primary) }
deck-summary-card .title:empty { display: none }
deck-summary-card .summary { font-size: 0.95rem; line-height: 1.6; margin: 0; color: var(--color-text-secondary) }
deck-summary-card .summary:empty { display: none }
deck-summary-card .meta { margin-top: auto; padding-top: 0.5rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-text-muted) }
deck-summary-card .count[data-count=''] { visibility: hidden }
deck-summary-card .go { color: var(--card-accent); transition: transform 150ms ease }
deck-summary-card .card:hover .go { transform: translateX(3px) }
@media (prefers-reduced-motion: reduce) { deck-summary-card .card { transition: none } }