/* ═══ PAGES.CSS — TeamVyne page-specific styles ═══ */

/* ═══ PRODUCT PAGE ═══ */
.tvn-friction-map-viz {
  background: var(--tvn-bg-dark-card);
  border: 1px solid var(--tvn-border-dark);
  border-radius: var(--tvn-radius-card);
  padding: 40px;
  text-align: center;
  overflow: hidden;
}

.tvn-friction-map-viz svg {
  max-width: 100%;
  height: auto;
}

/* ═══ INTEGRATIONS PAGE — API CARD override ═══ */
.tvn-api-card pre {
  font-family: var(--tvn-font-mono);
  color: var(--tvn-accent-teal);
  background: rgba(0,0,0,0.35);
  border: 1px solid var(--tvn-border-dark);
  border-radius: 8px;
  padding: 16px;
  overflow-x: auto;
  margin: 16px 0;
}

/* ═══ PRICING PAGE ═══ */
.tvn-pricing-note {
  text-align: center;
  font-size: 0.875rem;
  color: var(--tvn-fg-dark-secondary);
  margin-top: 24px;
}

/* ═══ BLOG SECTION WRAPPER ═══ */
.tvn-blog-section {
  padding: var(--tvn-section-pad) clamp(24px, 5vw, 80px);
}

.tvn-blog-section__inner {
  max-width: var(--tvn-container-max);
  margin: 0 auto;
}

/* ═══ RESPONSIVE PAGES ═══ */
@media (max-width: 768px) {
  .tvn-about-stat-row { gap: 28px; }
  .tvn-single-quote__text { font-size: 1.0625rem; }
  .tvn-auth-layout { grid-template-columns: 1fr; }
  .tvn-auth-aside { display: none; }
  .tvn-auth-panel { max-width: 100%; border-right: none; }
  .tvn-blog-related-grid { grid-template-columns: 1fr; }
  .tvn-values-grid { grid-template-columns: 1fr; }
  .tvn-int-grid { grid-template-columns: repeat(2, 1fr); }
}