/* ==========================================================================
   CareerPilot AI — Templates gallery
   ========================================================================== */

.template-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 1.75rem;
  min-height: 900px;
}

.template-card {
  border: 1px solid var(--color-line);
  border-radius: var(--radius-m);
  overflow: hidden;
  background: var(--color-paper);
  box-shadow: var(--shadow-card);
}

.template-card__frame {
  width: 100%;
  height: 320px;
  overflow: hidden;
  position: relative;
  background: #fff;
  border-bottom: 1px solid var(--color-line);
}
.template-card__frame .resume-page {
  position: absolute;
  top: 0; left: 0;
  width: 800px;
  min-height: 1050px;
  transform: scale(0.3);
  transform-origin: top left;
  box-shadow: none;
}

.template-card__meta {
  padding: 0.9rem 1.1rem 1.1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.template-card__meta h3 { margin: 0; font-size: 0.98rem; }
.template-card__meta span { font-size: 0.76rem; color: var(--color-ink-soft); }