/* ========================================================
   Data room template offer (DATA-ROOM-TEMPLATES-SPEC §9.1, §9.9)
   Loaded per page by views/partials/data-room-template-offer.ejs,
   which renders only while DATA_ROOM_TEMPLATES_ENABLED is on — NOT
   part of the core.css bundle (scripts/build-css.js CORE list).
   Token-only, and scoped under .data-room-offer so it cannot affect
   any other page. `.btn--outline` exists only in explore.css, which
   public pages do not load, so the offer styles its own copy here.
   ======================================================== */

.data-room-offer__blocks {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--space-6);
  margin-top: var(--space-6);
}

.data-room-offer__block {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--space-6);
  background: var(--color-surface);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-4);
}

.data-room-offer__block p {
  margin: 0;
}

.data-room-offer__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3) var(--space-4);
}

.data-room-offer .btn--outline {
  background-color: transparent;
  border: 1px solid var(--color-border);
  color: var(--color-text-primary);
}

.data-room-offer .btn--outline:hover {
  border-color: var(--color-accent-orange);
  color: var(--color-accent-orange);
}

.data-room-offer__link {
  color: var(--color-accent-blue);
  text-decoration: underline;
}

/* §9.9: the two blocks stack, and buttons go full-width under 480px. */
@media (max-width: 480px) {
  .data-room-offer__actions .btn {
    width: 100%;
    text-align: center;
  }
}