/* ============================================
   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: var(--space-10);            /* 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: var(--space-4) var(--space-5);  /* 16px 20px */
  --ew-item-gap: var(--space-4);
  --ew-item-radius: var(--radius-lg);                /* 12px */
  --ew-item-icon-size: 32px;
  --ew-item-title-size: var(--text-base);            /* 16px */
  --ew-item-meta-size: var(--text-xs);               /* 12px */
  --ew-item-shadow-selected: 0 0 0 1.5px var(--navy);
  --ew-item-border: none;
  --ew-item-border-hover: none;

  /* Preview panel */
  --ew-preview-padding: var(--space-5);              /* 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: var(--text-3xs);            /* 10px */
  --ew-preview-title-size: var(--text-xl);
  --ew-preview-label-size: var(--text-3xs);          /* 10px */
  --ew-preview-desc-size: var(--text-sm);
  --ew-preview-desc-color: var(--navy);       /* preview snippet/label body — Christine 28 May v22: was #444, repointed to brand black so /explore + /solutions preview-pane description text reads as brand navy (#0f1e41) instead of a softer grey. */
  --ew-preview-desc-lh: 1.65;

  /* 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: var(--space-6);               /* 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);

  /* Section headings (All Reports / category sub-headings in list) */
  --section-heading-color: var(--navy);

}