/* ========================================================================
   ACTIVATION ENTITY CARDS — the 3 main items on the Activation page:
   (1) Check my expression, (2) English Structures, (3) Мої Історії.
   Same card shape, each links to its own page or expands inline.
   ======================================================================== */
.activation-entity-card {
  display: flex; align-items: center; gap: 0.75rem;
  padding: 0.85rem 1rem; margin-bottom: 0.75rem;
  background: var(--card-bg); border: 1px solid var(--border);
  border-radius: 12px; color: var(--fg); text-decoration: none;
  transition: transform 0.12s, border-color 0.12s, box-shadow 0.12s;
  cursor: pointer;
}
.activation-entity-card:hover {
  border-color: var(--primary); text-decoration: none;
  transform: translateY(-1px); box-shadow: 0 3px 12px rgba(37,99,235,0.10);
}
.activation-entity-icon { font-size: 1.4rem; flex-shrink: 0; }
.activation-entity-body { flex: 1; min-width: 0; }
.activation-entity-title { font-weight: 700; font-size: 0.95rem; }
.activation-entity-sub { font-size: 0.8rem; color: var(--muted); margin-top: 0.1rem; }
.activation-entity-arrow { font-size: 1.3rem; color: var(--muted); line-height: 1; flex-shrink: 0; }

/* Structures detail panel (collapsed below the English Structures card) */
.activation-structures-detail {
  background: var(--card-bg); border: 1px solid var(--border);
  border-top: none; border-radius: 0 0 12px 12px;
  padding: 0.5rem 1rem 1rem; margin-top: -0.75rem; margin-bottom: 0.75rem;
}

/* Library course card actions use universal .card-action-btn from 01-base.css.
   The old .course-add-btn class has been removed — all card action buttons
   now share a single component: card-actions.js + .card-action-btn. */