/* The metric-matched fallback for Inter, which Mintlify builds and then does not ship to the page. Inter loads `font-display: swap`, so every cold load paints the whole site in a fallback first and re-lays it out when the woff2 lands. That is only free if the fallback occupies the same space as the real font, which is what next/font generates an "Inter Fallback" face for — Arial, stretched 107.12% with Inter's ascent and descent written over it, so a line of text is the same width and height either way. Mintlify builds that face, and puts it in a chunk this page never loads: the stylesheet in declares `--font-inter: "Inter", -apple-system, …` and no fallback face at all, so the swap window renders in SF Pro or Segoe UI and every paragraph re-wraps when Inter arrives — an H2 and the prose under it moving ~28px, about half a second in. CLS on /packs/gmail measures 0.0467 with the fonts fetched and exactly 0 with them blocked. So the face is restated here, with Mintlify's own descriptors, and `--font-inter` is pointed back at it. Nothing else is touched: `body` already reads the variable and already carries the system stack behind it, which stays as the last resort on a machine with no Arial. Delete this if Mintlify starts shipping the chunk — the two definitions would be identical, and theirs is render-blocking, which this one is not. */ @font-face { font-family: "Inter Fallback"; src: local("Arial"); ascent-override: 90.44%; descent-override: 22.52%; line-gap-override: 0%; size-adjust: 107.12%; } :root { --font-inter: "Inter", "Inter Fallback"; } /* Dark mode: pure white body text instead of the default muted gray. */ .dark #content-area, .dark #content-area p, .dark #content-area li, .dark #content-area td, .dark #content-area th, .dark #content-area h1, .dark #content-area h2, .dark #content-area h3, .dark #content-area h4, .dark #content-area h5, .dark #content-area h6 { color: #ffffff !important; } /* The gutters are Mintlify's — 48px at lg inside a max-w-8xl cap — and they are its because nothing in this file may move a box in the navbar or the sidebar. Those two are the only parts of the page that can be seen before this stylesheet exists. Mintlify serves one streamed document and puts custom CSS in the *body*: the navbar's markup lands around 20KB in, the sidebar's runs to about 57KB, and this