/* Study collections: cross-unit decks on the AP course screens. */

.collection-grid {
  margin-top: 34px;
  padding-top: 26px;
  border-top: 1px solid var(--rycal-slate-200, #e2e8f0);
}

.collection-head {
  margin-bottom: 14px;
}

.collection-kicker {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--rycal-emerald-700, #047857);
}

.collection-sub {
  margin-top: 4px;
  font-size: 14px;
  color: var(--rycal-slate-500, #64748b);
}

.collection-tiles {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
}

.collection-card {
  text-align: left;
  background: #ffffff;
  border: 1px solid var(--rycal-slate-200, #e2e8f0);
  border-radius: 12px;
  padding: 16px 18px;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  font: inherit;
  color: inherit;
}

.collection-card:hover {
  border-color: var(--rycal-emerald-500, #10b981);
  box-shadow: 0 2px 10px rgba(4, 120, 87, 0.08);
}

.collection-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--rycal-slate-800, #1e293b);
}

.collection-blurb {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.45;
  color: var(--rycal-slate-500, #64748b);
}

.collection-count {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 600;
  color: var(--rycal-emerald-700, #047857);
}

@media (max-width: 640px) {
  .collection-tiles {
    grid-template-columns: 1fr;
  }
}