/* typography — Intrlume docs
   Plus Jakarta Sans + ONE uniform 15px content size across every text
   component. The platform sizes each component in fixed px (p 16 / table 15 /
   card body 14 / callout 15 / code 13 …) and stamps Tailwind !important
   utilities on some, so uniformity needs !important on the exact selectors —
   NOT rem-root scaling (that only shrinks some elements → irregular).
   Loaded after built-in styles, so these win. */

@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap");

body {
  font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ── Body text: paragraphs, lists, card body, callouts, tables, captions ──
   All forced to one 15px size. Covers bare <p>/<li>, the card-body span
   (dai-card-description = !text-[14px]) and any text-[Npx] utility. */
.mdx-container p,
.mdx-container li,
.mdx-container li p,
.mdx-container .sub-text,
.mdx-container table,
.mdx-container .callout,
.mdx-container .accordion-description,
.mdx-container .caption,
.mdx-container .dai-card-description,
.mdx-container .dai-card-description p,
.mdx-container [class*="text-[16px]"],
.mdx-container [class*="text-[15px]"],
.mdx-container [class*="text-[14px]"] {
  font-size: 15px !important;
  line-height: 25px !important;
}

/* Code: one step under body so the monospace doesn't read larger. */
.mdx-container code,
.mdx-container pre,
.mdx-container .hljs {
  font-size: 13px !important;
}

/* ── Headings: proportional, unchanged ──────────────────────────── */
.mdx-container h1 { font-size: 24px; line-height: 32px; letter-spacing: -0.02em; }
.mdx-container h2 { font-size: 19px; line-height: 28px; letter-spacing: -0.015em; }
.mdx-container h3 { font-size: 16px; line-height: 24px; letter-spacing: -0.015em; }
.mdx-container h4 { font-size: 14px; line-height: 22px; }