/* ============================================
   EXPLORE + MY WORK — SHARED DESIGN TOKENS
   Single source of truth for the two core
   product pages. Override here, not in components.
   ============================================ */

:root {

  /* Page layout */
  --ew-page-max-width: var(--content-max-width);   /* 1425px */
  --ew-page-padding-x: 40px;
  --ew-page-padding-x-mobile: var(--space-4);
  --ew-page-padding-y: var(--space-4);
  --ew-page-padding-y-bottom: var(--space-12);

  /* Two-column layout */
  --ew-list-col: 1fr;
  --ew-preview-col: 440px;
  --ew-col-gap: var(--space-8);

  /* Search bar */
  --ew-search-radius: var(--radius-full);
  --ew-search-padding-x: var(--space-4);
  --ew-search-padding-y: var(--space-2);
  --ew-search-offset: 0px;

  /* List items */
  --ew-item-padding: 16px 20px;
  --ew-item-gap: var(--space-4);
  --ew-item-radius: 12px;
  --ew-item-icon-size: 32px;
  --ew-item-title-size: 16px;
  --ew-item-meta-size: 12px;
  --ew-item-shadow-selected: 0 0 0 1.5px var(--black);
  --ew-item-border: none;
  --ew-item-border-hover: none;

  /* Preview panel */
  --ew-preview-padding: 20px;
  --ew-preview-section-radius: var(--radius-lg);
  --ew-preview-section-shadow: 0 4px 32px rgba(0, 0, 0, 0.08);
  --ew-preview-card-padding-x: var(--space-6);
  --ew-preview-card-padding-y: var(--space-5);
  --ew-preview-tag-size: 10px;
  --ew-preview-title-size: var(--text-xl);
  --ew-preview-label-size: 10px;
  --ew-preview-desc-size: var(--text-sm);

  /* Programme group */
  --ew-programme-shadow: 0 4px 24px rgba(0, 0, 0, 0.10);
  --ew-programme-radius: var(--radius-md);

  /* Session indicators */
  --ew-session-square: 24px;
  --ew-session-square-radius: var(--radius-sm);

  /* TOC bar */
  --ew-toc-bar-width: 220px;
  --ew-toc-num-size: var(--text-xs);
  --ew-toc-name-size: var(--text-sm);

}