/* Unified Card Pattern (Phase 5 Overhaul) — TASTEOME
   新規 card は .card-base + .card-base--<variant>。
   既存 .card.manga / .dc-card / .tl-chip / .hub-work-rich は独自 CSS を維持。 */

.card-base {
  display: flex;
  flex-direction: column;
  background: var(--t-surface);
  border: 1px solid var(--t-border);
  border-radius: var(--t-r-lg);
  padding: 1rem;
  font-family: var(--t-font-sans);
  color: var(--t-fg);
  transition: border-color var(--t-trans-fast), transform var(--t-trans-fast), box-shadow var(--t-trans-fast);
}

.card-base:hover {
  border-color: var(--t-border-hover);
  transform: translateY(-2px);
  box-shadow: var(--t-shadow-md);
}

.card-base__title {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--t-fg);
  margin: 0 0 0.4rem;
}

.card-base__sub {
  font-size: 0.78rem;
  color: var(--t-muted);
  margin: 0;
}

.card-base__body { color: var(--t-fg-soft); font-size: 0.85rem; line-height: 1.5; }

.card-base__footer {
  margin-top: 0.8rem;
  display: flex; align-items: center; gap: 0.5rem;
}

/* Variant: clickable (whole card is link) */
.card-base--clickable {
  cursor: pointer;
  text-decoration: none;
}

/* Variant: featured (highlight) */
.card-base--featured {
  background: var(--t-bg-elev);
  border-color: var(--t-active-border);
}

/* Variant: compact (smaller padding) */
.card-base--compact { padding: 0.7rem 0.85rem; }
.card-base--compact .card-base__title { font-size: 0.85rem; }