/**
 * DigitConnection Presentation Platform — shared layout & components
 * Spec: clean, minimal, readable. Inspiration: OWID, Harvard Atlas, Reveal.js, academic pages.
 */

/* Inter from Google Fonts is loaded in HTML */
:root {
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --content-max: 56rem;   /* max-w-4xl */
  --section-py: 5rem;    /* py-20 */
}

body {
  font-family: var(--font-sans);
}

/* PresentationCard hover */
.presentation-card:hover {
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05);
}

/* ChartBlock placeholder before ECharts init */
.chart-block-placeholder {
  min-height: 24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8fafc;
  border-radius: 0.75rem;
  color: #64748b;
  font-size: 0.875rem;
}

/* Table horizontal scroll on mobile */
.resource-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.resource-table-wrap table {
  min-width: 36rem;
}