/* =========================================================================
   LES MILLS B2B Light type and shape applied to Stoplight Elements (Mosaic).
   Colours are intentionally left as Stoplight's defaults.
   Load AFTER styles.min.css and lesmills-theme.css.
   ========================================================================= */

:root,
[data-theme='light'] {
  --font-ui: var(--font-functional);
  --font-prose: var(--font-functional);
}

/* ---- Type scale: H1 32 / H2 24 / H3 20, semibold Inter ---- */
.sl-elements {
  font-family: var(--font-functional);
  letter-spacing: 0.15px;
}

.sl-elements h1 {
  font-size: 32px;
  line-height: 1.2;
  font-weight: var(--fw-semibold);
  letter-spacing: 0;
}

.sl-elements .sl-markdown-viewer h2 {
  font-size: 24px;
  line-height: 1.33;
  font-weight: var(--fw-semibold);
}

.sl-elements .sl-markdown-viewer h3 {
  font-size: 20px;
  line-height: 1.4;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.15px;
}

.sl-elements .sl-markdown-viewer p,
.sl-elements .sl-markdown-viewer li {
  font-size: 16px;
  line-height: 1.5;
}

/* Underline links so colour is not the only cue */
.sl-elements .sl-markdown-viewer a {
  text-decoration: underline;
}

/* ---- Shape: 8px panel radius, 4px inline code, semibold table headers ---- */
.sl-elements .sl-panel {
  border-radius: var(--radius-md);
}

.sl-elements .sl-markdown-viewer th {
  font-weight: var(--fw-semibold);
}

.sl-elements .sl-markdown-viewer code {
  border-radius: var(--radius-sm);
}

/* The Elements logo is the favicon; keep it small */
img[alt='logo'] {
  width: 32px;
}