contain-css-svelte 1.2.3 → 1.4.0

package/dist/overlays/Tooltip.svelte

@@ -3,7 +3,6 @@ import { elementProps } from "../util";
 import { COLOR_VARS, PADDING_VARS, RADIUS_VARS, TYPOGRAPHY_CONTAINER_VARS, } from "../styleProps";
 let tooltipDiv = $state();
 let targetDiv = $state();
-let tooltipMeasurementDiv = $state();
 let { tooltipText = "", vertical = "bottom", horizontal = "right", children, tooltip, block = false, tooltipDisabled = false, class: className, ...restProps } = $props();
 /* The wrapper is the element a caller is pointing at -- the tooltip itself
    is a popover the component owns and positions. */
@@ -26,8 +25,8 @@ let renderedHorizontal = $state(horizontal);
 /**
  * Tooltip content mounts on first show, not on mount. A page with many
  * tooltips (e.g. a grid of cells each carrying a rich tooltip snippet)
- * would otherwise build every tooltip twice — popover + measurement copy —
- * before the user hovers anything. Once shown, content stays mounted.
+ * would otherwise build every tooltip's content before the user hovers
+ * anything. Once shown, content stays mounted.
  */
 let hasRendered = $state(false);
 /** Guards against the pointer/focus leaving while content mounts. */
@@ -111,29 +110,29 @@ function resolveTargetRect() {
  * Place the tooltip against its target. Split out from showPopover so it can
  * re-run while the tooltip is open: the tooltip is `position: fixed` against
  * viewport coordinates, so any scroll or resize invalidates it.
+ *
+ * Measures the popover itself, so it must already be open -- a closed
+ * popover is `display: none` and has no size. That is safe to do without a
+ * flash: the popover opens, is measured and is placed in one synchronous
+ * run, and the browser does not paint until it finishes. (It also measures
+ * more truly than an offscreen copy could: a fixed box's width, and so its
+ * wrapped height, depends on where it sits horizontally -- which is why the
+ * horizontal side is placed before the height is read.)
  */
 function positionTooltip() {
-    if (!tooltipDiv || !tooltipMeasurementDiv)
+    if (!tooltipDiv || !tooltipDiv.matches(":popover-open"))
         return false;
     const targetRect = resolveTargetRect();
     if (!targetRect)
         return false;
-    let targetHeight = tooltipMeasurementDiv.getBoundingClientRect().height;
-    let targetWidth = tooltipMeasurementDiv.getBoundingClientRect().width;
     renderedHorizontal = horizontal;
     renderedVertical = vertical;
-    // Adjust vertical position based on position in window.
-    if (renderedVertical === "top" &&
-        //targetRect.top - window.scrollY < window.innerHeight / 3
-        targetRect.top < targetHeight + 32) {
-        renderedVertical = "bottom";
-    }
-    else if (renderedVertical === "bottom" &&
-        //targetRect.bottom > (window.innerHeight * 2) / 3
-        targetRect.bottom + targetHeight > window.innerHeight - 32) {
-        renderedVertical = "top";
-    }
-    // Adjust horizontal position based on position in window
+    const tooltipGap = Number(window
+        .getComputedStyle(tooltipDiv)
+        .getPropertyValue("--tooltip-arrow-size")
+        .replace("px", "")) || 8;
+    // Horizontal first: it depends only on the target, and it decides how
+    // much room the tooltip has to lay out in.
     if (renderedHorizontal === "left" &&
         targetRect.left < window.innerWidth / 3) {
         renderedHorizontal = "right";
@@ -142,21 +141,6 @@ function positionTooltip() {
         targetRect.right > (window.innerWidth * 2) / 3) {
         renderedHorizontal = "left";
     }
-    const tooltipGap = Number(window
-        .getComputedStyle(tooltipDiv)
-        .getPropertyValue("--tooltip-arrow-size")
-        .replace("px", "")) || 8;
-    // Adjust tooltip style to match target element
-    if (renderedVertical === "bottom") {
-        tooltipDiv.style.bottom = "unset";
-        tooltipDiv.style.top = `${targetRect.top + targetRect.height}px`;
-        tooltipDiv.style.marginTop = "var(--tooltipGap, 8px)";
-    }
-    else if (renderedVertical == "top") {
-        tooltipDiv.style.bottom = `${window.innerHeight - targetRect.top}px`;
-        tooltipDiv.style.top = "unset";
-        tooltipDiv.style.marginBottom = "var(--tooltipGap, 8px)";
-    }
     if (renderedHorizontal == "right") {
         // Anchor so that the arrow center (at 2*tooltipGap from tooltip left) aligns with target center
         tooltipDiv.style.left = `${targetRect.left + targetRect.width / 2 - 2 * tooltipGap}px`;
@@ -167,8 +151,29 @@ function positionTooltip() {
         tooltipDiv.style.right = `${window.innerWidth - (targetRect.left + targetRect.width / 2) - 2 * tooltipGap}px`;
         tooltipDiv.style.left = "unset";
     }
-    // Top and Left will put us OVER the element (matching top and left corner)
-    // Let's use the margin to adjust positioning...
+    // Now its height at the width it will actually have.
+    const tooltipHeight = tooltipDiv.getBoundingClientRect().height;
+    if (renderedVertical === "top" && targetRect.top < tooltipHeight + 32) {
+        renderedVertical = "bottom";
+    }
+    else if (renderedVertical === "bottom" &&
+        targetRect.bottom + tooltipHeight > window.innerHeight - 32) {
+        renderedVertical = "top";
+    }
+    // Each side clears the other's margin, or a tooltip that flips keeps a
+    // stale gap on the side it left.
+    if (renderedVertical === "bottom") {
+        tooltipDiv.style.bottom = "unset";
+        tooltipDiv.style.top = `${targetRect.top + targetRect.height}px`;
+        tooltipDiv.style.marginTop = "var(--tooltipGap, 8px)";
+        tooltipDiv.style.marginBottom = "";
+    }
+    else {
+        tooltipDiv.style.bottom = `${window.innerHeight - targetRect.top}px`;
+        tooltipDiv.style.top = "unset";
+        tooltipDiv.style.marginBottom = "var(--tooltipGap, 8px)";
+        tooltipDiv.style.marginTop = "";
+    }
     return true;
 }
 /**
@@ -212,16 +217,20 @@ async function showPopover() {
     wantsShow = true;
     if (!hasRendered) {
         hasRendered = true;
-        // Wait for the content to exist before measuring it — positioning reads
-        // the measurement element's height/width to decide flip direction.
+        // Wait for the content to exist before measuring it -- positioning
+        // reads the popover's height to decide whether to flip. Still no paint
+        // in between: tick() resolves in a microtask, before the browser
+        // renders.
         await tick();
         if (!wantsShow || tooltipDisabled)
             return;
     }
-    if (!positionTooltip())
+    tooltipDiv?.togglePopover(true);
+    if (!positionTooltip()) {
+        tooltipDiv?.togglePopover(false);
         return;
+    }
     watchViewport();
-    tooltipDiv?.togglePopover(true);
 }
 </script>
 
@@ -253,13 +262,6 @@ async function showPopover() {
         {/if}
       {/if}
     </div>
-    <div class="tooltip invisible measure" bind:this={tooltipMeasurementDiv}>
-      {#if hasRendered}
-        {#if tooltip}{@render tooltip()}{:else}
-          {tooltipText}
-        {/if}
-      {/if}
-    </div>
   </div>
 {:else}
   <!-- svelte-ignore a11y_no_static_element_interactions -->
@@ -289,17 +291,36 @@ async function showPopover() {
         {/if}
       {/if}
     </span>
-    <span class="tooltip invisible measure" bind:this={tooltipMeasurementDiv}>
-      {#if hasRendered}
-        {#if tooltip}{@render tooltip()}{:else}
-          {tooltipText}
-        {/if}
-      {/if}
-    </span>
   </span>
 {/if}
 
-<style>/* Logical, not top/bottom/left/right: margin-block/margin-inline already take
+<style>/* Per-level heading (h1-h6) box/typography properties, resolved to PRIVATE,
+   inheriting custom properties (--_h1-color, --_h2-font-size, etc) rather than
+   assigned directly to a matched h1-h6 selector. Nothing in this file matches
+   an actual heading element anymore -- see typography-context.css (vars/), which
+   is the single, global, :where()-scoped rule that actually reads these vars
+   and applies them to real elements. That split is what lets a component
+   nested arbitrarily deep (through <article>, <Tile>, whatever) still get the
+   nearest ancestor's heading styling: these are ordinary inherited custom
+   properties, so DOM proximity decides which component's values apply, not
+   selector specificity or stylesheet order. See AGENTS-INTERNAL.md. */
+/* All six heading levels' context vars in one call -- what every
+   "typography container" component (Container, Card, Tile, TextLayout, ...)
+   includes on itself once, alongside the shared --_heading-* vars below. */
+/* Shared prose-measure group: p, blockquote, dl, ul, ol. li/dt/dd don't get
+   their own vars -- they're never wider than their ul/ol/dl parent's own
+   max-width box, so they're already bounded for free by ordinary block
+   layout, not by anything selector-based reaching them individually. */
+/* p specifically also gets the fuller typography-props-bare treatment
+   (paragraph-prefixed), which -- same as in the original selector-based
+   version -- is declared/consumed AFTER the shared prose vars above, so it
+   wins for whichever properties both groups set. */
+/* The first paragraph in a typography context (p:first-of-type, or a p right
+   after a heading) gets its own, slightly different treatment -- larger lede
+   text, no top margin. Structural matching (:first-of-type, `h1 + p`) still
+   has to happen where the real element is, in the global consumer rule; only
+   the VALUES move to context vars here. */
+/* Logical, not top/bottom/left/right: margin-block/margin-inline already take
    one value (both sides equal) or two (start end), so there is no separate
    "which side" prop to remember and no 4-value shorthand order to get wrong.
    Defaults to 0 on purpose -- unlike padding-props above, a margin that
@@ -307,6 +328,18 @@ async function showPopover() {
    day this mixin got added to a new component. Callers opt in with an actual
    value. (Container does not use this mixin: it wants --gap/auto as its
    defaults, which do not fit the "0 unless asked" contract here.) */
+/* The width at or below which a Sidebar swaps its grab-bar rail for the sheet
+   affordance -- a floating button that opens a panel over the content.
+
+   Page has to agree with Sidebar about this, because Page is what floats the
+   aside out of flow and reserves the strip of padding the sheet button sits
+   in. They used to disagree: Sidebar switched at 512px and Page at 600px,
+   which left a band between 513 and 600 where Page had already lifted the
+   aside out of the layout while the Sidebar inside it was still showing a
+   rail -- a grab bar floating on top of the content, which is the affordance
+   we deliberately avoid everywhere else.
+
+   One definition, used by both, so they cannot drift again. */
 /* Warning: because we define a fallback
   media query, the media query can override the container
   if we stack a bunch of these in a row and aren't thoughtful about the order.
@@ -436,294 +469,184 @@ async function showPopover() {
   text-indent: var(--tooltip-indent, var(--ui-indent, var(--indent, unset)));
   font-variant: var(--tooltip-font-variant, var(--ui-font-variant, var(--font-variant, unset)));
   text-align: var(--tooltip-text-align, var(--ui-text-align, var(--text-align, unset)));
-}
-
-.tooltip :global(p),
-.tooltip :global(blockquote),
-.tooltip :global(dl),
-.tooltip :global(ul),
-.tooltip :global(ol) {
-  max-width: var(--tooltip-line-width, var(--ui-line-width, var(--line-width, 40em)));
-  font-family: var(--tooltip-body-font-family, var(--ui-body-font-family, var(--body-font-family, var(--font-family))));
-  line-height: var(--tooltip-line-height, var(--ui-line-height, var(--line-height, 1.5)));
-  margin-left: auto;
-  margin-right: auto;
-  font-weight: var(--tooltip-body-font-weight, var(--ui-body-font-weight, var(--body-font-weight, unset)));
-}
-
-.tooltip :global(h1),
-.tooltip :global(h2),
-.tooltip :global(h3),
-.tooltip :global(h4),
-.tooltip :global(h5),
-.tooltip :global(h6) {
-  max-width: var(--tooltip-line-width, var(--ui-line-width, var(--line-width, unset)));
-  margin-left: auto;
-  margin-right: auto;
-  box-sizing: border-box;
-  margin-bottom: var(--tooltip-heading-margin-bottom, var(--ui-heading-margin-bottom, var(--heading-margin-bottom, 0)));
-  margin-top: var(--tooltip-heading-margin-top, var(--ui-heading-margin-top, var(--heading-margin-top, 1.5em)));
-}
-
-.tooltip :global(h1:first-child),
-.tooltip :global(h2:first-child),
-.tooltip :global(h3:first-child),
-.tooltip :global(h4:first-child),
-.tooltip :global(h5:first-child),
-.tooltip :global(h6:first-child) {
-  margin-top: var(--tooltip-first-heading-margin-top, var(--ui-first-heading-margin-top, var(--first-heading-margin-top, 0)));
-}
-
-.tooltip :global(h1) {
-  --_heading-color: var(--tooltip-heading-1-fg, var(--ui-heading-1-fg, var(--tooltip-heading-major-fg, var(--ui-heading-major-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-1-fg, var(--heading-major-fg, var(--heading-fg, revert)))))))));
-  color: var(--_heading-color);
-  --_heading-background: var(--tooltip-heading-1-bg, var(--ui-heading-1-bg, var(--tooltip-heading-major-bg, var(--ui-heading-major-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-1-bg, var(--heading-major-bg, var(--heading-bg, transparent)))))))));
-  background: var(--_heading-background);
-  --_heading-padding: var(--tooltip-heading-1-padding, var(--ui-heading-1-padding, var(--tooltip-heading-major-padding, var(--ui-heading-major-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-1-padding, var(--heading-major-padding, var(--heading-padding, 0)))))))));
-  padding: var(--_heading-padding);
-  --_heading-border: var(--tooltip-heading-1-border, var(--ui-heading-1-border, var(--tooltip-heading-major-border, var(--ui-heading-major-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-1-border, var(--heading-major-border, var(--heading-border, none)))))))));
-  border: var(--_heading-border);
-  border-width: var(--tooltip-heading-1-border-width, var(--ui-heading-1-border-width, var(--tooltip-heading-major-border-width, var(--ui-heading-major-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-1-border-width, var(--heading-major-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
-  border-style: var(--tooltip-heading-1-border-style, var(--ui-heading-1-border-style, var(--tooltip-heading-major-border-style, var(--ui-heading-major-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-1-border-style, var(--heading-major-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
-  border-color: var(--tooltip-heading-1-border-color, var(--ui-heading-1-border-color, var(--tooltip-heading-major-border-color, var(--ui-heading-major-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-1-border-color, var(--heading-major-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
-  --_heading-border-radius: var(--tooltip-heading-1-border-radius, var(--ui-heading-1-border-radius, var(--tooltip-heading-major-border-radius, var(--ui-heading-major-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-1-border-radius, var(--heading-major-border-radius, var(--heading-border-radius, 0)))))))));
-  border-radius: var(--_heading-border-radius);
-  --_heading-box-shadow: var(--tooltip-heading-1-box-shadow, var(--ui-heading-1-box-shadow, var(--tooltip-heading-major-box-shadow, var(--ui-heading-major-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-1-box-shadow, var(--heading-major-box-shadow, var(--heading-box-shadow, none)))))))));
-  box-shadow: var(--_heading-box-shadow);
-  font-family: var(--tooltip-heading-1-font-family, var(--ui-heading-1-font-family, var(--tooltip-heading-major-font-family, var(--ui-heading-major-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-1-font-family, var(--heading-major-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
-  text-transform: var(--tooltip-heading-1-text-transform, var(--ui-heading-1-text-transform, var(--tooltip-heading-major-text-transform, var(--ui-heading-major-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-1-text-transform, var(--heading-major-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
-  text-decoration: var(--tooltip-heading-1-text-decoration, var(--ui-heading-1-text-decoration, var(--tooltip-heading-major-text-decoration, var(--ui-heading-major-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-1-text-decoration, var(--heading-major-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
-  font-size: var(--tooltip-heading-1-font-size, var(--ui-heading-1-font-size, var(--tooltip-heading-major-font-size, var(--ui-heading-major-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-1-font-size, var(--heading-major-font-size, var(--heading-font-size, revert)))))))));
-  font-weight: var(--tooltip-heading-1-font-weight, var(--ui-heading-1-font-weight, var(--tooltip-heading-major-font-weight, var(--ui-heading-major-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-1-font-weight, var(--heading-major-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
-  line-height: var(--tooltip-heading-1-line-height, var(--ui-heading-1-line-height, var(--tooltip-heading-major-line-height, var(--ui-heading-major-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-1-line-height, var(--heading-major-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
-  letter-spacing: var(--tooltip-heading-1-letter-spacing, var(--ui-heading-1-letter-spacing, var(--tooltip-heading-major-letter-spacing, var(--ui-heading-major-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-1-letter-spacing, var(--heading-major-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
-  text-indent: var(--tooltip-heading-1-indent, var(--ui-heading-1-indent, var(--tooltip-heading-major-indent, var(--ui-heading-major-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-1-indent, var(--heading-major-indent, var(--heading-indent, var(--indent, revert))))))))));
-  font-variant: var(--tooltip-heading-1-font-variant, var(--ui-heading-1-font-variant, var(--tooltip-heading-major-font-variant, var(--ui-heading-major-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-1-font-variant, var(--heading-major-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
-  text-align: var(--tooltip-heading-1-text-align, var(--ui-heading-1-text-align, var(--tooltip-heading-major-text-align, var(--ui-heading-major-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-1-text-align, var(--heading-major-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
-}
-
-.tooltip :global(h2) {
-  --_heading-color: var(--tooltip-heading-2-fg, var(--ui-heading-2-fg, var(--tooltip-heading-major-fg, var(--ui-heading-major-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-2-fg, var(--heading-major-fg, var(--heading-fg, revert)))))))));
-  color: var(--_heading-color);
-  --_heading-background: var(--tooltip-heading-2-bg, var(--ui-heading-2-bg, var(--tooltip-heading-major-bg, var(--ui-heading-major-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-2-bg, var(--heading-major-bg, var(--heading-bg, transparent)))))))));
-  background: var(--_heading-background);
-  --_heading-padding: var(--tooltip-heading-2-padding, var(--ui-heading-2-padding, var(--tooltip-heading-major-padding, var(--ui-heading-major-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-2-padding, var(--heading-major-padding, var(--heading-padding, 0)))))))));
-  padding: var(--_heading-padding);
-  --_heading-border: var(--tooltip-heading-2-border, var(--ui-heading-2-border, var(--tooltip-heading-major-border, var(--ui-heading-major-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-2-border, var(--heading-major-border, var(--heading-border, none)))))))));
-  border: var(--_heading-border);
-  border-width: var(--tooltip-heading-2-border-width, var(--ui-heading-2-border-width, var(--tooltip-heading-major-border-width, var(--ui-heading-major-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-2-border-width, var(--heading-major-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
-  border-style: var(--tooltip-heading-2-border-style, var(--ui-heading-2-border-style, var(--tooltip-heading-major-border-style, var(--ui-heading-major-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-2-border-style, var(--heading-major-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
-  border-color: var(--tooltip-heading-2-border-color, var(--ui-heading-2-border-color, var(--tooltip-heading-major-border-color, var(--ui-heading-major-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-2-border-color, var(--heading-major-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
-  --_heading-border-radius: var(--tooltip-heading-2-border-radius, var(--ui-heading-2-border-radius, var(--tooltip-heading-major-border-radius, var(--ui-heading-major-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-2-border-radius, var(--heading-major-border-radius, var(--heading-border-radius, 0)))))))));
-  border-radius: var(--_heading-border-radius);
-  --_heading-box-shadow: var(--tooltip-heading-2-box-shadow, var(--ui-heading-2-box-shadow, var(--tooltip-heading-major-box-shadow, var(--ui-heading-major-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-2-box-shadow, var(--heading-major-box-shadow, var(--heading-box-shadow, none)))))))));
-  box-shadow: var(--_heading-box-shadow);
-  font-family: var(--tooltip-heading-2-font-family, var(--ui-heading-2-font-family, var(--tooltip-heading-major-font-family, var(--ui-heading-major-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-2-font-family, var(--heading-major-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
-  text-transform: var(--tooltip-heading-2-text-transform, var(--ui-heading-2-text-transform, var(--tooltip-heading-major-text-transform, var(--ui-heading-major-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-2-text-transform, var(--heading-major-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
-  text-decoration: var(--tooltip-heading-2-text-decoration, var(--ui-heading-2-text-decoration, var(--tooltip-heading-major-text-decoration, var(--ui-heading-major-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-2-text-decoration, var(--heading-major-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
-  font-size: var(--tooltip-heading-2-font-size, var(--ui-heading-2-font-size, var(--tooltip-heading-major-font-size, var(--ui-heading-major-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-2-font-size, var(--heading-major-font-size, var(--heading-font-size, revert)))))))));
-  font-weight: var(--tooltip-heading-2-font-weight, var(--ui-heading-2-font-weight, var(--tooltip-heading-major-font-weight, var(--ui-heading-major-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-2-font-weight, var(--heading-major-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
-  line-height: var(--tooltip-heading-2-line-height, var(--ui-heading-2-line-height, var(--tooltip-heading-major-line-height, var(--ui-heading-major-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-2-line-height, var(--heading-major-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
-  letter-spacing: var(--tooltip-heading-2-letter-spacing, var(--ui-heading-2-letter-spacing, var(--tooltip-heading-major-letter-spacing, var(--ui-heading-major-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-2-letter-spacing, var(--heading-major-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
-  text-indent: var(--tooltip-heading-2-indent, var(--ui-heading-2-indent, var(--tooltip-heading-major-indent, var(--ui-heading-major-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-2-indent, var(--heading-major-indent, var(--heading-indent, var(--indent, revert))))))))));
-  font-variant: var(--tooltip-heading-2-font-variant, var(--ui-heading-2-font-variant, var(--tooltip-heading-major-font-variant, var(--ui-heading-major-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-2-font-variant, var(--heading-major-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
-  text-align: var(--tooltip-heading-2-text-align, var(--ui-heading-2-text-align, var(--tooltip-heading-major-text-align, var(--ui-heading-major-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-2-text-align, var(--heading-major-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
-}
-
-.tooltip :global(h3) {
-  --_heading-color: var(--tooltip-heading-3-fg, var(--ui-heading-3-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-3-fg, var(--heading-fg, var(--heading-fg, revert)))))))));
-  color: var(--_heading-color);
-  --_heading-background: var(--tooltip-heading-3-bg, var(--ui-heading-3-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-3-bg, var(--heading-bg, var(--heading-bg, transparent)))))))));
-  background: var(--_heading-background);
-  --_heading-padding: var(--tooltip-heading-3-padding, var(--ui-heading-3-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-3-padding, var(--heading-padding, var(--heading-padding, 0)))))))));
-  padding: var(--_heading-padding);
-  --_heading-border: var(--tooltip-heading-3-border, var(--ui-heading-3-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-3-border, var(--heading-border, var(--heading-border, none)))))))));
-  border: var(--_heading-border);
-  border-width: var(--tooltip-heading-3-border-width, var(--ui-heading-3-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-3-border-width, var(--heading-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
-  border-style: var(--tooltip-heading-3-border-style, var(--ui-heading-3-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-3-border-style, var(--heading-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
-  border-color: var(--tooltip-heading-3-border-color, var(--ui-heading-3-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-3-border-color, var(--heading-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
-  --_heading-border-radius: var(--tooltip-heading-3-border-radius, var(--ui-heading-3-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-3-border-radius, var(--heading-border-radius, var(--heading-border-radius, 0)))))))));
-  border-radius: var(--_heading-border-radius);
-  --_heading-box-shadow: var(--tooltip-heading-3-box-shadow, var(--ui-heading-3-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-3-box-shadow, var(--heading-box-shadow, var(--heading-box-shadow, none)))))))));
-  box-shadow: var(--_heading-box-shadow);
-  font-family: var(--tooltip-heading-3-font-family, var(--ui-heading-3-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-3-font-family, var(--heading-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
-  text-transform: var(--tooltip-heading-3-text-transform, var(--ui-heading-3-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-3-text-transform, var(--heading-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
-  text-decoration: var(--tooltip-heading-3-text-decoration, var(--ui-heading-3-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-3-text-decoration, var(--heading-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
-  font-size: var(--tooltip-heading-3-font-size, var(--ui-heading-3-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-3-font-size, var(--heading-font-size, var(--heading-font-size, revert)))))))));
-  font-weight: var(--tooltip-heading-3-font-weight, var(--ui-heading-3-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-3-font-weight, var(--heading-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
-  line-height: var(--tooltip-heading-3-line-height, var(--ui-heading-3-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-3-line-height, var(--heading-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
-  letter-spacing: var(--tooltip-heading-3-letter-spacing, var(--ui-heading-3-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-3-letter-spacing, var(--heading-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
-  text-indent: var(--tooltip-heading-3-indent, var(--ui-heading-3-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-3-indent, var(--heading-indent, var(--heading-indent, var(--indent, revert))))))))));
-  font-variant: var(--tooltip-heading-3-font-variant, var(--ui-heading-3-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-3-font-variant, var(--heading-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
-  text-align: var(--tooltip-heading-3-text-align, var(--ui-heading-3-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-3-text-align, var(--heading-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
-}
-
-.tooltip :global(h4) {
-  --_heading-color: var(--tooltip-heading-4-fg, var(--ui-heading-4-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-4-fg, var(--heading-fg, var(--heading-fg, revert)))))))));
-  color: var(--_heading-color);
-  --_heading-background: var(--tooltip-heading-4-bg, var(--ui-heading-4-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-4-bg, var(--heading-bg, var(--heading-bg, transparent)))))))));
-  background: var(--_heading-background);
-  --_heading-padding: var(--tooltip-heading-4-padding, var(--ui-heading-4-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-4-padding, var(--heading-padding, var(--heading-padding, 0)))))))));
-  padding: var(--_heading-padding);
-  --_heading-border: var(--tooltip-heading-4-border, var(--ui-heading-4-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-4-border, var(--heading-border, var(--heading-border, none)))))))));
-  border: var(--_heading-border);
-  border-width: var(--tooltip-heading-4-border-width, var(--ui-heading-4-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-4-border-width, var(--heading-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
-  border-style: var(--tooltip-heading-4-border-style, var(--ui-heading-4-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-4-border-style, var(--heading-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
-  border-color: var(--tooltip-heading-4-border-color, var(--ui-heading-4-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-4-border-color, var(--heading-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
-  --_heading-border-radius: var(--tooltip-heading-4-border-radius, var(--ui-heading-4-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-4-border-radius, var(--heading-border-radius, var(--heading-border-radius, 0)))))))));
-  border-radius: var(--_heading-border-radius);
-  --_heading-box-shadow: var(--tooltip-heading-4-box-shadow, var(--ui-heading-4-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-4-box-shadow, var(--heading-box-shadow, var(--heading-box-shadow, none)))))))));
-  box-shadow: var(--_heading-box-shadow);
-  font-family: var(--tooltip-heading-4-font-family, var(--ui-heading-4-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-4-font-family, var(--heading-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
-  text-transform: var(--tooltip-heading-4-text-transform, var(--ui-heading-4-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-4-text-transform, var(--heading-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
-  text-decoration: var(--tooltip-heading-4-text-decoration, var(--ui-heading-4-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-4-text-decoration, var(--heading-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
-  font-size: var(--tooltip-heading-4-font-size, var(--ui-heading-4-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-4-font-size, var(--heading-font-size, var(--heading-font-size, revert)))))))));
-  font-weight: var(--tooltip-heading-4-font-weight, var(--ui-heading-4-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-4-font-weight, var(--heading-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
-  line-height: var(--tooltip-heading-4-line-height, var(--ui-heading-4-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-4-line-height, var(--heading-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
-  letter-spacing: var(--tooltip-heading-4-letter-spacing, var(--ui-heading-4-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-4-letter-spacing, var(--heading-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
-  text-indent: var(--tooltip-heading-4-indent, var(--ui-heading-4-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-4-indent, var(--heading-indent, var(--heading-indent, var(--indent, revert))))))))));
-  font-variant: var(--tooltip-heading-4-font-variant, var(--ui-heading-4-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-4-font-variant, var(--heading-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
-  text-align: var(--tooltip-heading-4-text-align, var(--ui-heading-4-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-4-text-align, var(--heading-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
-}
-
-.tooltip :global(h5) {
-  --_heading-color: var(--tooltip-heading-5-fg, var(--ui-heading-5-fg, var(--tooltip-heading-minor-fg, var(--ui-heading-minor-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-5-fg, var(--heading-minor-fg, var(--heading-fg, revert)))))))));
-  color: var(--_heading-color);
-  --_heading-background: var(--tooltip-heading-5-bg, var(--ui-heading-5-bg, var(--tooltip-heading-minor-bg, var(--ui-heading-minor-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-5-bg, var(--heading-minor-bg, var(--heading-bg, transparent)))))))));
-  background: var(--_heading-background);
-  --_heading-padding: var(--tooltip-heading-5-padding, var(--ui-heading-5-padding, var(--tooltip-heading-minor-padding, var(--ui-heading-minor-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-5-padding, var(--heading-minor-padding, var(--heading-padding, 0)))))))));
-  padding: var(--_heading-padding);
-  --_heading-border: var(--tooltip-heading-5-border, var(--ui-heading-5-border, var(--tooltip-heading-minor-border, var(--ui-heading-minor-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-5-border, var(--heading-minor-border, var(--heading-border, none)))))))));
-  border: var(--_heading-border);
-  border-width: var(--tooltip-heading-5-border-width, var(--ui-heading-5-border-width, var(--tooltip-heading-minor-border-width, var(--ui-heading-minor-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-5-border-width, var(--heading-minor-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
-  border-style: var(--tooltip-heading-5-border-style, var(--ui-heading-5-border-style, var(--tooltip-heading-minor-border-style, var(--ui-heading-minor-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-5-border-style, var(--heading-minor-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
-  border-color: var(--tooltip-heading-5-border-color, var(--ui-heading-5-border-color, var(--tooltip-heading-minor-border-color, var(--ui-heading-minor-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-5-border-color, var(--heading-minor-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
-  --_heading-border-radius: var(--tooltip-heading-5-border-radius, var(--ui-heading-5-border-radius, var(--tooltip-heading-minor-border-radius, var(--ui-heading-minor-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-5-border-radius, var(--heading-minor-border-radius, var(--heading-border-radius, 0)))))))));
-  border-radius: var(--_heading-border-radius);
-  --_heading-box-shadow: var(--tooltip-heading-5-box-shadow, var(--ui-heading-5-box-shadow, var(--tooltip-heading-minor-box-shadow, var(--ui-heading-minor-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-5-box-shadow, var(--heading-minor-box-shadow, var(--heading-box-shadow, none)))))))));
-  box-shadow: var(--_heading-box-shadow);
-  font-family: var(--tooltip-heading-5-font-family, var(--ui-heading-5-font-family, var(--tooltip-heading-minor-font-family, var(--ui-heading-minor-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-5-font-family, var(--heading-minor-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
-  text-transform: var(--tooltip-heading-5-text-transform, var(--ui-heading-5-text-transform, var(--tooltip-heading-minor-text-transform, var(--ui-heading-minor-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-5-text-transform, var(--heading-minor-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
-  text-decoration: var(--tooltip-heading-5-text-decoration, var(--ui-heading-5-text-decoration, var(--tooltip-heading-minor-text-decoration, var(--ui-heading-minor-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-5-text-decoration, var(--heading-minor-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
-  font-size: var(--tooltip-heading-5-font-size, var(--ui-heading-5-font-size, var(--tooltip-heading-minor-font-size, var(--ui-heading-minor-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-5-font-size, var(--heading-minor-font-size, var(--heading-font-size, revert)))))))));
-  font-weight: var(--tooltip-heading-5-font-weight, var(--ui-heading-5-font-weight, var(--tooltip-heading-minor-font-weight, var(--ui-heading-minor-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-5-font-weight, var(--heading-minor-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
-  line-height: var(--tooltip-heading-5-line-height, var(--ui-heading-5-line-height, var(--tooltip-heading-minor-line-height, var(--ui-heading-minor-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-5-line-height, var(--heading-minor-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
-  letter-spacing: var(--tooltip-heading-5-letter-spacing, var(--ui-heading-5-letter-spacing, var(--tooltip-heading-minor-letter-spacing, var(--ui-heading-minor-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-5-letter-spacing, var(--heading-minor-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
-  text-indent: var(--tooltip-heading-5-indent, var(--ui-heading-5-indent, var(--tooltip-heading-minor-indent, var(--ui-heading-minor-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-5-indent, var(--heading-minor-indent, var(--heading-indent, var(--indent, revert))))))))));
-  font-variant: var(--tooltip-heading-5-font-variant, var(--ui-heading-5-font-variant, var(--tooltip-heading-minor-font-variant, var(--ui-heading-minor-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-5-font-variant, var(--heading-minor-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
-  text-align: var(--tooltip-heading-5-text-align, var(--ui-heading-5-text-align, var(--tooltip-heading-minor-text-align, var(--ui-heading-minor-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-5-text-align, var(--heading-minor-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
-}
-
-.tooltip :global(h6) {
-  --_heading-color: var(--tooltip-heading-6-fg, var(--ui-heading-6-fg, var(--tooltip-heading-minor-fg, var(--ui-heading-minor-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-6-fg, var(--heading-minor-fg, var(--heading-fg, revert)))))))));
-  color: var(--_heading-color);
-  --_heading-background: var(--tooltip-heading-6-bg, var(--ui-heading-6-bg, var(--tooltip-heading-minor-bg, var(--ui-heading-minor-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-6-bg, var(--heading-minor-bg, var(--heading-bg, transparent)))))))));
-  background: var(--_heading-background);
-  --_heading-padding: var(--tooltip-heading-6-padding, var(--ui-heading-6-padding, var(--tooltip-heading-minor-padding, var(--ui-heading-minor-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-6-padding, var(--heading-minor-padding, var(--heading-padding, 0)))))))));
-  padding: var(--_heading-padding);
-  --_heading-border: var(--tooltip-heading-6-border, var(--ui-heading-6-border, var(--tooltip-heading-minor-border, var(--ui-heading-minor-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-6-border, var(--heading-minor-border, var(--heading-border, none)))))))));
-  border: var(--_heading-border);
-  border-width: var(--tooltip-heading-6-border-width, var(--ui-heading-6-border-width, var(--tooltip-heading-minor-border-width, var(--ui-heading-minor-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-6-border-width, var(--heading-minor-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
-  border-style: var(--tooltip-heading-6-border-style, var(--ui-heading-6-border-style, var(--tooltip-heading-minor-border-style, var(--ui-heading-minor-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-6-border-style, var(--heading-minor-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
-  border-color: var(--tooltip-heading-6-border-color, var(--ui-heading-6-border-color, var(--tooltip-heading-minor-border-color, var(--ui-heading-minor-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-6-border-color, var(--heading-minor-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
-  --_heading-border-radius: var(--tooltip-heading-6-border-radius, var(--ui-heading-6-border-radius, var(--tooltip-heading-minor-border-radius, var(--ui-heading-minor-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-6-border-radius, var(--heading-minor-border-radius, var(--heading-border-radius, 0)))))))));
-  border-radius: var(--_heading-border-radius);
-  --_heading-box-shadow: var(--tooltip-heading-6-box-shadow, var(--ui-heading-6-box-shadow, var(--tooltip-heading-minor-box-shadow, var(--ui-heading-minor-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-6-box-shadow, var(--heading-minor-box-shadow, var(--heading-box-shadow, none)))))))));
-  box-shadow: var(--_heading-box-shadow);
-  font-family: var(--tooltip-heading-6-font-family, var(--ui-heading-6-font-family, var(--tooltip-heading-minor-font-family, var(--ui-heading-minor-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-6-font-family, var(--heading-minor-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
-  text-transform: var(--tooltip-heading-6-text-transform, var(--ui-heading-6-text-transform, var(--tooltip-heading-minor-text-transform, var(--ui-heading-minor-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-6-text-transform, var(--heading-minor-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
-  text-decoration: var(--tooltip-heading-6-text-decoration, var(--ui-heading-6-text-decoration, var(--tooltip-heading-minor-text-decoration, var(--ui-heading-minor-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-6-text-decoration, var(--heading-minor-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
-  font-size: var(--tooltip-heading-6-font-size, var(--ui-heading-6-font-size, var(--tooltip-heading-minor-font-size, var(--ui-heading-minor-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-6-font-size, var(--heading-minor-font-size, var(--heading-font-size, revert)))))))));
-  font-weight: var(--tooltip-heading-6-font-weight, var(--ui-heading-6-font-weight, var(--tooltip-heading-minor-font-weight, var(--ui-heading-minor-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-6-font-weight, var(--heading-minor-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
-  line-height: var(--tooltip-heading-6-line-height, var(--ui-heading-6-line-height, var(--tooltip-heading-minor-line-height, var(--ui-heading-minor-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-6-line-height, var(--heading-minor-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
-  letter-spacing: var(--tooltip-heading-6-letter-spacing, var(--ui-heading-6-letter-spacing, var(--tooltip-heading-minor-letter-spacing, var(--ui-heading-minor-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-6-letter-spacing, var(--heading-minor-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
-  text-indent: var(--tooltip-heading-6-indent, var(--ui-heading-6-indent, var(--tooltip-heading-minor-indent, var(--ui-heading-minor-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-6-indent, var(--heading-minor-indent, var(--heading-indent, var(--indent, revert))))))))));
-  font-variant: var(--tooltip-heading-6-font-variant, var(--ui-heading-6-font-variant, var(--tooltip-heading-minor-font-variant, var(--ui-heading-minor-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-6-font-variant, var(--heading-minor-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
-  text-align: var(--tooltip-heading-6-text-align, var(--ui-heading-6-text-align, var(--tooltip-heading-minor-text-align, var(--ui-heading-minor-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-6-text-align, var(--heading-minor-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
-}
-
-.tooltip :global(p) {
-  font-family: var(--tooltip-paragraph-font-family, var(--ui-paragraph-font-family, var(--paragraph-font-family, inherit)));
-  text-transform: var(--tooltip-paragraph-text-transform, var(--ui-paragraph-text-transform, var(--paragraph-text-transform, inherit)));
-  text-decoration: var(--tooltip-paragraph-text-decoration, var(--ui-paragraph-text-decoration, var(--paragraph-text-decoration, inherit)));
-  --_font-size: var(--tooltip-paragraph-font-size, var(--ui-paragraph-font-size, var(--paragraph-font-size, inherit)));
-  font-size: var(--_font-size);
-  font-weight: var(--tooltip-paragraph-font-weight, var(--ui-paragraph-font-weight, var(--paragraph-font-weight, inherit)));
-  line-height: var(--tooltip-paragraph-line-height, var(--ui-paragraph-line-height, var(--paragraph-line-height, inherit)));
-  letter-spacing: var(--tooltip-paragraph-letter-spacing, var(--ui-paragraph-letter-spacing, var(--paragraph-letter-spacing, inherit)));
-  text-indent: var(--tooltip-paragraph-indent, var(--ui-paragraph-indent, var(--paragraph-indent, inherit)));
-  font-variant: var(--tooltip-paragraph-font-variant, var(--ui-paragraph-font-variant, var(--paragraph-font-variant, inherit)));
-  text-align: var(--tooltip-paragraph-text-align, var(--ui-paragraph-text-align, var(--paragraph-text-align, inherit)));
-}
-
-.tooltip :global(p:first-of-type),
-.tooltip :global(h1 + p),
-.tooltip :global(h2 + p),
-.tooltip :global(h3 + p),
-.tooltip :global(h4 + p),
-.tooltip :global(h5 + p),
-.tooltip :global(h6 + p) {
-  font-family: var(--tooltip-first-paragraph-font-family, var(--ui-first-paragraph-font-family, var(--tooltip-paragraph-font-family, var(--ui-paragraph-font-family, var(--paragraph-font-family, var(--first-paragraph-font-family, inherit))))));
-  text-transform: var(--tooltip-first-paragraph-text-transform, var(--ui-first-paragraph-text-transform, var(--tooltip-paragraph-text-transform, var(--ui-paragraph-text-transform, var(--paragraph-text-transform, var(--first-paragraph-text-transform, inherit))))));
-  text-decoration: var(--tooltip-first-paragraph-text-decoration, var(--ui-first-paragraph-text-decoration, var(--tooltip-paragraph-text-decoration, var(--ui-paragraph-text-decoration, var(--paragraph-text-decoration, var(--first-paragraph-text-decoration, inherit))))));
-  --_font-size: var(--tooltip-first-paragraph-font-size, var(--ui-first-paragraph-font-size, var(--tooltip-paragraph-font-size, var(--ui-paragraph-font-size, var(--paragraph-font-size, var(--first-paragraph-font-size, inherit))))));
-  font-size: var(--_font-size);
-  font-weight: var(--tooltip-first-paragraph-font-weight, var(--ui-first-paragraph-font-weight, var(--tooltip-paragraph-font-weight, var(--ui-paragraph-font-weight, var(--paragraph-font-weight, var(--first-paragraph-font-weight, inherit))))));
-  line-height: var(--tooltip-first-paragraph-line-height, var(--ui-first-paragraph-line-height, var(--tooltip-paragraph-line-height, var(--ui-paragraph-line-height, var(--paragraph-line-height, var(--first-paragraph-line-height, inherit))))));
-  letter-spacing: var(--tooltip-first-paragraph-letter-spacing, var(--ui-first-paragraph-letter-spacing, var(--tooltip-paragraph-letter-spacing, var(--ui-paragraph-letter-spacing, var(--paragraph-letter-spacing, var(--first-paragraph-letter-spacing, inherit))))));
-  text-indent: var(--tooltip-first-paragraph-indent, var(--ui-first-paragraph-indent, var(--tooltip-paragraph-indent, var(--ui-paragraph-indent, var(--paragraph-indent, var(--first-paragraph-indent, inherit))))));
-  font-variant: var(--tooltip-first-paragraph-font-variant, var(--ui-first-paragraph-font-variant, var(--tooltip-paragraph-font-variant, var(--ui-paragraph-font-variant, var(--paragraph-font-variant, var(--first-paragraph-font-variant, inherit))))));
-  text-align: var(--tooltip-first-paragraph-text-align, var(--ui-first-paragraph-text-align, var(--tooltip-paragraph-text-align, var(--ui-paragraph-text-align, var(--paragraph-text-align, var(--first-paragraph-text-align, inherit))))));
-  font-size: var(--tooltip-first-paragraph-font-size, var(--ui-first-paragraph-font-size, var(--first-paragraph-font-size, var(--tooltip-paragraph-font-size, var(--ui-paragraph-font-size, var(--paragraph-font-size, inherit))))));
-  line-height: var(--tooltip-first-paragraph-line-height, var(--ui-first-paragraph-line-height, var(--first-paragraph-line-height, var(--tooltip-paragraph-line-height, var(--ui-paragraph-line-height, var(--paragraph-line-height, inherit))))));
-  margin-block-start: var(--tooltip-first-paragraph-margin-top, var(--ui-first-paragraph-margin-top, var(--first-paragraph-margin-top, 0)));
-}
-
-.tooltip :global(p:first-of-type::first-line),
-.tooltip :global(h1 + p::first-line),
-.tooltip :global(h2 + p::first-line),
-.tooltip :global(h3 + p::first-line),
-.tooltip :global(h4 + p::first-line),
-.tooltip :global(h5 + p::first-line),
-.tooltip :global(h6 + p::first-line) {
-  font-family: var(--first-line-font-family, var(--tooltip-first-line-font-family, var(--ui-first-line-font-family, var(--first-line-font-family, inherit))));
-  text-transform: var(--first-line-text-transform, var(--tooltip-first-line-text-transform, var(--ui-first-line-text-transform, var(--first-line-text-transform, inherit))));
-  text-decoration: var(--first-line-text-decoration, var(--tooltip-first-line-text-decoration, var(--ui-first-line-text-decoration, var(--first-line-text-decoration, inherit))));
-  --_font-size: var(--first-line-font-size, var(--tooltip-first-line-font-size, var(--ui-first-line-font-size, var(--first-line-font-size, inherit))));
-  font-size: var(--_font-size);
-  font-weight: var(--first-line-font-weight, var(--tooltip-first-line-font-weight, var(--ui-first-line-font-weight, var(--first-line-font-weight, inherit))));
-  line-height: var(--first-line-line-height, var(--tooltip-first-line-line-height, var(--ui-first-line-line-height, var(--first-line-line-height, inherit))));
-  letter-spacing: var(--first-line-letter-spacing, var(--tooltip-first-line-letter-spacing, var(--ui-first-line-letter-spacing, var(--first-line-letter-spacing, inherit))));
-  text-indent: var(--first-line-indent, var(--tooltip-first-line-indent, var(--ui-first-line-indent, var(--first-line-indent, inherit))));
-  font-variant: var(--first-line-font-variant, var(--tooltip-first-line-font-variant, var(--ui-first-line-font-variant, var(--first-line-font-variant, inherit))));
-  text-align: var(--first-line-text-align, var(--tooltip-first-line-text-align, var(--ui-first-line-text-align, var(--first-line-text-align, inherit))));
-}
-
-.tooltip :global(p:first-of-type::first-letter),
-.tooltip :global(h1 + p::first-letter),
-.tooltip :global(h2 + p::first-letter),
-.tooltip :global(h3 + p::first-letter),
-.tooltip :global(h4 + p::first-letter),
-.tooltip :global(h5 + p::first-letter),
-.tooltip :global(h6 + p::first-letter) {
-  font-family: var(--first-letter-font-family, var(--tooltip-first-letter-font-family, var(--ui-first-letter-font-family, inherit)));
-  text-transform: var(--first-letter-text-transform, var(--tooltip-first-letter-text-transform, var(--ui-first-letter-text-transform, inherit)));
-  text-decoration: var(--first-letter-text-decoration, var(--tooltip-first-letter-text-decoration, var(--ui-first-letter-text-decoration, inherit)));
-  --_font-size: var(--first-letter-font-size, var(--tooltip-first-letter-font-size, var(--ui-first-letter-font-size, inherit)));
-  font-size: var(--_font-size);
-  font-weight: var(--first-letter-font-weight, var(--tooltip-first-letter-font-weight, var(--ui-first-letter-font-weight, inherit)));
-  line-height: var(--first-letter-line-height, var(--tooltip-first-letter-line-height, var(--ui-first-letter-line-height, inherit)));
-  letter-spacing: var(--first-letter-letter-spacing, var(--tooltip-first-letter-letter-spacing, var(--ui-first-letter-letter-spacing, inherit)));
-  text-indent: var(--first-letter-indent, var(--tooltip-first-letter-indent, var(--ui-first-letter-indent, inherit)));
-  font-variant: var(--first-letter-font-variant, var(--tooltip-first-letter-font-variant, var(--ui-first-letter-font-variant, inherit)));
-  text-align: var(--first-letter-text-align, var(--tooltip-first-letter-text-align, var(--ui-first-letter-text-align, inherit)));
-  --link-bg: var(--tooltip-link-bg, var(--ui-link-bg, inherit));
-  --link-fg: var(--tooltip-link-fg, var(--ui-link-fg, inherit));
-  background: var(--tooltip-first-letter-bg, var(--first-letter-bg, inherit));
-  color: var(--tooltip-first-letter-fg, var(--first-letter-fg, inherit));
-  float: var(--first-letter-float, none);
-  margin-right: var(--first-letter-margin-right, 0);
-  padding-top: var(--first-letter-padding-top, 0);
+  --_prose-max-width: var(--tooltip-line-width, var(--ui-line-width, var(--line-width, 40em)));
+  --_prose-font-family: var(--tooltip-body-font-family, var(--ui-body-font-family, var(--body-font-family, var(--font-family))));
+  --_prose-line-height: var(--tooltip-line-height, var(--ui-line-height, var(--line-height, 1.5)));
+  /* Start-aligned: a measure-capped paragraph in a Card or a Tile sits
+     against its container's leading edge like any other block. Centring the
+     measure is what a prose column asks for, and TextLayout -- the one
+     component that IS a prose column -- opts back in to `auto`. */
+  --_prose-margin-inline: var(--tooltip-prose-margin-inline, var(--ui-prose-margin-inline, var(--prose-margin-inline, 0)));
+  --_prose-font-weight: var(--tooltip-body-font-weight, var(--ui-body-font-weight, var(--body-font-weight, unset)));
+  --_paragraph-font-family: var(--tooltip-paragraph-font-family, var(--ui-paragraph-font-family, var(--paragraph-font-family, inherit)));
+  --_paragraph-text-transform: var(--tooltip-paragraph-text-transform, var(--ui-paragraph-text-transform, var(--paragraph-text-transform, inherit)));
+  --_paragraph-text-decoration: var(--tooltip-paragraph-text-decoration, var(--ui-paragraph-text-decoration, var(--paragraph-text-decoration, inherit)));
+  --_paragraph-font-size: var(--tooltip-paragraph-font-size, var(--ui-paragraph-font-size, var(--paragraph-font-size, inherit)));
+  --_paragraph-font-weight: var(--tooltip-paragraph-font-weight, var(--ui-paragraph-font-weight, var(--paragraph-font-weight, inherit)));
+  --_paragraph-line-height: var(--tooltip-paragraph-line-height, var(--ui-paragraph-line-height, var(--paragraph-line-height, inherit)));
+  --_paragraph-letter-spacing: var(--tooltip-paragraph-letter-spacing, var(--ui-paragraph-letter-spacing, var(--paragraph-letter-spacing, inherit)));
+  --_paragraph-text-indent: var(--tooltip-paragraph-indent, var(--ui-paragraph-indent, var(--paragraph-indent, inherit)));
+  --_paragraph-font-variant: var(--tooltip-paragraph-font-variant, var(--ui-paragraph-font-variant, var(--paragraph-font-variant, inherit)));
+  --_paragraph-text-align: var(--tooltip-paragraph-text-align, var(--ui-paragraph-text-align, var(--paragraph-text-align, inherit)));
+  --_first-paragraph-font-family: var(--tooltip-first-paragraph-font-family, var(--ui-first-paragraph-font-family, var(--tooltip-paragraph-font-family, var(--ui-paragraph-font-family, var(--paragraph-font-family, inherit)))));
+  --_first-paragraph-text-transform: var(--tooltip-first-paragraph-text-transform, var(--ui-first-paragraph-text-transform, var(--tooltip-paragraph-text-transform, var(--ui-paragraph-text-transform, var(--paragraph-text-transform, inherit)))));
+  --_first-paragraph-text-decoration: var(--tooltip-first-paragraph-text-decoration, var(--ui-first-paragraph-text-decoration, var(--tooltip-paragraph-text-decoration, var(--ui-paragraph-text-decoration, var(--paragraph-text-decoration, inherit)))));
+  --_first-paragraph-font-weight: var(--tooltip-first-paragraph-font-weight, var(--ui-first-paragraph-font-weight, var(--tooltip-paragraph-font-weight, var(--ui-paragraph-font-weight, var(--paragraph-font-weight, inherit)))));
+  --_first-paragraph-letter-spacing: var(--tooltip-first-paragraph-letter-spacing, var(--ui-first-paragraph-letter-spacing, var(--tooltip-paragraph-letter-spacing, var(--ui-paragraph-letter-spacing, var(--paragraph-letter-spacing, inherit)))));
+  --_first-paragraph-text-indent: var(--tooltip-first-paragraph-indent, var(--ui-first-paragraph-indent, var(--tooltip-paragraph-indent, var(--ui-paragraph-indent, var(--paragraph-indent, inherit)))));
+  --_first-paragraph-font-variant: var(--tooltip-first-paragraph-font-variant, var(--ui-first-paragraph-font-variant, var(--tooltip-paragraph-font-variant, var(--ui-paragraph-font-variant, var(--paragraph-font-variant, inherit)))));
+  --_first-paragraph-text-align: var(--tooltip-first-paragraph-text-align, var(--ui-first-paragraph-text-align, var(--tooltip-paragraph-text-align, var(--ui-paragraph-text-align, var(--paragraph-text-align, inherit)))));
+  --_first-paragraph-font-size: var(--tooltip-first-paragraph-font-size, var(--ui-first-paragraph-font-size, var(--first-paragraph-font-size, var(--tooltip-paragraph-font-size, var(--ui-paragraph-font-size, var(--paragraph-font-size, inherit))))));
+  --_first-paragraph-line-height: var(--tooltip-first-paragraph-line-height, var(--ui-first-paragraph-line-height, var(--first-paragraph-line-height, var(--tooltip-paragraph-line-height, var(--ui-paragraph-line-height, var(--paragraph-line-height, inherit))))));
+  --_first-paragraph-margin-top: var(--tooltip-first-paragraph-margin-top, var(--ui-first-paragraph-margin-top, var(--first-paragraph-margin-top, 0)));
+  --_first-line-font-family: var(--first-line-font-family, var(--tooltip-first-line-font-family, var(--ui-first-line-font-family, var(--first-line-font-family, inherit))));
+  --_first-line-text-transform: var(--first-line-text-transform, var(--tooltip-first-line-text-transform, var(--ui-first-line-text-transform, var(--first-line-text-transform, inherit))));
+  --_first-line-text-decoration: var(--first-line-text-decoration, var(--tooltip-first-line-text-decoration, var(--ui-first-line-text-decoration, var(--first-line-text-decoration, inherit))));
+  --_first-line-font-size: var(--first-line-font-size, var(--tooltip-first-line-font-size, var(--ui-first-line-font-size, var(--first-line-font-size, inherit))));
+  --_first-line-font-weight: var(--first-line-font-weight, var(--tooltip-first-line-font-weight, var(--ui-first-line-font-weight, var(--first-line-font-weight, inherit))));
+  --_first-line-line-height: var(--first-line-line-height, var(--tooltip-first-line-line-height, var(--ui-first-line-line-height, var(--first-line-line-height, inherit))));
+  --_first-line-letter-spacing: var(--first-line-letter-spacing, var(--tooltip-first-line-letter-spacing, var(--ui-first-line-letter-spacing, var(--first-line-letter-spacing, inherit))));
+  --_first-line-text-indent: var(--first-line-indent, var(--tooltip-first-line-indent, var(--ui-first-line-indent, var(--first-line-indent, inherit))));
+  --_first-line-font-variant: var(--first-line-font-variant, var(--tooltip-first-line-font-variant, var(--ui-first-line-font-variant, var(--first-line-font-variant, inherit))));
+  --_first-line-text-align: var(--first-line-text-align, var(--tooltip-first-line-text-align, var(--ui-first-line-text-align, var(--first-line-text-align, inherit))));
+  --_first-letter-font-family: var(--first-letter-font-family, var(--tooltip-first-letter-font-family, var(--ui-first-letter-font-family, inherit)));
+  --_first-letter-text-transform: var(--first-letter-text-transform, var(--tooltip-first-letter-text-transform, var(--ui-first-letter-text-transform, inherit)));
+  --_first-letter-text-decoration: var(--first-letter-text-decoration, var(--tooltip-first-letter-text-decoration, var(--ui-first-letter-text-decoration, inherit)));
+  --_first-letter-font-size: var(--first-letter-font-size, var(--tooltip-first-letter-font-size, var(--ui-first-letter-font-size, inherit)));
+  --_first-letter-font-weight: var(--first-letter-font-weight, var(--tooltip-first-letter-font-weight, var(--ui-first-letter-font-weight, inherit)));
+  --_first-letter-line-height: var(--first-letter-line-height, var(--tooltip-first-letter-line-height, var(--ui-first-letter-line-height, inherit)));
+  --_first-letter-letter-spacing: var(--first-letter-letter-spacing, var(--tooltip-first-letter-letter-spacing, var(--ui-first-letter-letter-spacing, inherit)));
+  --_first-letter-text-indent: var(--first-letter-indent, var(--tooltip-first-letter-indent, var(--ui-first-letter-indent, inherit)));
+  --_first-letter-font-variant: var(--first-letter-font-variant, var(--tooltip-first-letter-font-variant, var(--ui-first-letter-font-variant, inherit)));
+  --_first-letter-text-align: var(--first-letter-text-align, var(--tooltip-first-letter-text-align, var(--ui-first-letter-text-align, inherit)));
+  --_first-letter-link-bg: var(--tooltip-link-bg, var(--ui-link-bg, inherit));
+  --_first-letter-link-fg: var(--tooltip-link-fg, var(--ui-link-fg, inherit));
+  --_first-letter-background: var(--tooltip-first-letter-bg, var(--first-letter-bg, inherit));
+  --_first-letter-color: var(--tooltip-first-letter-fg, var(--first-letter-fg, inherit));
+  /* Private context vars only -- consumed once, globally, by the :where()
+     rule in vars/typography-context.css, not by a selector matching h1-h6 here.
+     See the comment above heading-box-context-vars(). */
+  --_heading-max-width: var(--tooltip-line-width, var(--ui-line-width, var(--line-width, unset)));
+  /* Same as --_prose-margin-inline: start-aligned in a container, centred
+     only by TextLayout. */
+  --_heading-margin-inline: var(--tooltip-heading-margin-inline, var(--ui-heading-margin-inline, var(--heading-margin-inline, 0)));
+  --_heading-margin-bottom: var(--tooltip-heading-margin-bottom, var(--ui-heading-margin-bottom, var(--heading-margin-bottom, 0)));
+  --_heading-margin-top: var(--tooltip-heading-margin-top, var(--ui-heading-margin-top, var(--heading-margin-top, 1.5em)));
+  --_heading-first-margin-top: var(--tooltip-first-heading-margin-top, var(--ui-first-heading-margin-top, var(--first-heading-margin-top, 0)));
+  --_h1-color: var(--tooltip-heading-1-fg, var(--ui-heading-1-fg, var(--tooltip-heading-major-fg, var(--ui-heading-major-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-1-fg, var(--heading-major-fg, var(--heading-fg, revert)))))))));
+  --_h1-background: var(--tooltip-heading-1-bg, var(--ui-heading-1-bg, var(--tooltip-heading-major-bg, var(--ui-heading-major-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-1-bg, var(--heading-major-bg, var(--heading-bg, transparent)))))))));
+  --_h1-padding: var(--tooltip-heading-1-padding, var(--ui-heading-1-padding, var(--tooltip-heading-major-padding, var(--ui-heading-major-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-1-padding, var(--heading-major-padding, var(--heading-padding, 0)))))))));
+  --_h1-border: var(--tooltip-heading-1-border, var(--ui-heading-1-border, var(--tooltip-heading-major-border, var(--ui-heading-major-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-1-border, var(--heading-major-border, var(--heading-border, none)))))))));
+  --_h1-border-width: var(--tooltip-heading-1-border-width, var(--ui-heading-1-border-width, var(--tooltip-heading-major-border-width, var(--ui-heading-major-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-1-border-width, var(--heading-major-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
+  --_h1-border-style: var(--tooltip-heading-1-border-style, var(--ui-heading-1-border-style, var(--tooltip-heading-major-border-style, var(--ui-heading-major-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-1-border-style, var(--heading-major-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
+  --_h1-border-color: var(--tooltip-heading-1-border-color, var(--ui-heading-1-border-color, var(--tooltip-heading-major-border-color, var(--ui-heading-major-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-1-border-color, var(--heading-major-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
+  --_h1-border-radius: var(--tooltip-heading-1-border-radius, var(--ui-heading-1-border-radius, var(--tooltip-heading-major-border-radius, var(--ui-heading-major-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-1-border-radius, var(--heading-major-border-radius, var(--heading-border-radius, 0)))))))));
+  --_h1-box-shadow: var(--tooltip-heading-1-box-shadow, var(--ui-heading-1-box-shadow, var(--tooltip-heading-major-box-shadow, var(--ui-heading-major-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-1-box-shadow, var(--heading-major-box-shadow, var(--heading-box-shadow, none)))))))));
+  --_h1-font-family: var(--tooltip-heading-1-font-family, var(--ui-heading-1-font-family, var(--tooltip-heading-major-font-family, var(--ui-heading-major-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-1-font-family, var(--heading-major-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
+  --_h1-text-transform: var(--tooltip-heading-1-text-transform, var(--ui-heading-1-text-transform, var(--tooltip-heading-major-text-transform, var(--ui-heading-major-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-1-text-transform, var(--heading-major-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
+  --_h1-text-decoration: var(--tooltip-heading-1-text-decoration, var(--ui-heading-1-text-decoration, var(--tooltip-heading-major-text-decoration, var(--ui-heading-major-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-1-text-decoration, var(--heading-major-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
+  --_h1-font-size: var(--tooltip-heading-1-font-size, var(--ui-heading-1-font-size, var(--tooltip-heading-major-font-size, var(--ui-heading-major-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-1-font-size, var(--heading-major-font-size, var(--heading-font-size, revert)))))))));
+  --_h1-font-weight: var(--tooltip-heading-1-font-weight, var(--ui-heading-1-font-weight, var(--tooltip-heading-major-font-weight, var(--ui-heading-major-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-1-font-weight, var(--heading-major-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
+  --_h1-line-height: var(--tooltip-heading-1-line-height, var(--ui-heading-1-line-height, var(--tooltip-heading-major-line-height, var(--ui-heading-major-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-1-line-height, var(--heading-major-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
+  --_h1-letter-spacing: var(--tooltip-heading-1-letter-spacing, var(--ui-heading-1-letter-spacing, var(--tooltip-heading-major-letter-spacing, var(--ui-heading-major-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-1-letter-spacing, var(--heading-major-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
+  --_h1-text-indent: var(--tooltip-heading-1-indent, var(--ui-heading-1-indent, var(--tooltip-heading-major-indent, var(--ui-heading-major-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-1-indent, var(--heading-major-indent, var(--heading-indent, var(--indent, revert))))))))));
+  --_h1-font-variant: var(--tooltip-heading-1-font-variant, var(--ui-heading-1-font-variant, var(--tooltip-heading-major-font-variant, var(--ui-heading-major-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-1-font-variant, var(--heading-major-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
+  --_h1-text-align: var(--tooltip-heading-1-text-align, var(--ui-heading-1-text-align, var(--tooltip-heading-major-text-align, var(--ui-heading-major-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-1-text-align, var(--heading-major-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
+  --_h2-color: var(--tooltip-heading-2-fg, var(--ui-heading-2-fg, var(--tooltip-heading-major-fg, var(--ui-heading-major-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-2-fg, var(--heading-major-fg, var(--heading-fg, revert)))))))));
+  --_h2-background: var(--tooltip-heading-2-bg, var(--ui-heading-2-bg, var(--tooltip-heading-major-bg, var(--ui-heading-major-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-2-bg, var(--heading-major-bg, var(--heading-bg, transparent)))))))));
+  --_h2-padding: var(--tooltip-heading-2-padding, var(--ui-heading-2-padding, var(--tooltip-heading-major-padding, var(--ui-heading-major-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-2-padding, var(--heading-major-padding, var(--heading-padding, 0)))))))));
+  --_h2-border: var(--tooltip-heading-2-border, var(--ui-heading-2-border, var(--tooltip-heading-major-border, var(--ui-heading-major-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-2-border, var(--heading-major-border, var(--heading-border, none)))))))));
+  --_h2-border-width: var(--tooltip-heading-2-border-width, var(--ui-heading-2-border-width, var(--tooltip-heading-major-border-width, var(--ui-heading-major-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-2-border-width, var(--heading-major-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
+  --_h2-border-style: var(--tooltip-heading-2-border-style, var(--ui-heading-2-border-style, var(--tooltip-heading-major-border-style, var(--ui-heading-major-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-2-border-style, var(--heading-major-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
+  --_h2-border-color: var(--tooltip-heading-2-border-color, var(--ui-heading-2-border-color, var(--tooltip-heading-major-border-color, var(--ui-heading-major-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-2-border-color, var(--heading-major-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
+  --_h2-border-radius: var(--tooltip-heading-2-border-radius, var(--ui-heading-2-border-radius, var(--tooltip-heading-major-border-radius, var(--ui-heading-major-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-2-border-radius, var(--heading-major-border-radius, var(--heading-border-radius, 0)))))))));
+  --_h2-box-shadow: var(--tooltip-heading-2-box-shadow, var(--ui-heading-2-box-shadow, var(--tooltip-heading-major-box-shadow, var(--ui-heading-major-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-2-box-shadow, var(--heading-major-box-shadow, var(--heading-box-shadow, none)))))))));
+  --_h2-font-family: var(--tooltip-heading-2-font-family, var(--ui-heading-2-font-family, var(--tooltip-heading-major-font-family, var(--ui-heading-major-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-2-font-family, var(--heading-major-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
+  --_h2-text-transform: var(--tooltip-heading-2-text-transform, var(--ui-heading-2-text-transform, var(--tooltip-heading-major-text-transform, var(--ui-heading-major-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-2-text-transform, var(--heading-major-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
+  --_h2-text-decoration: var(--tooltip-heading-2-text-decoration, var(--ui-heading-2-text-decoration, var(--tooltip-heading-major-text-decoration, var(--ui-heading-major-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-2-text-decoration, var(--heading-major-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
+  --_h2-font-size: var(--tooltip-heading-2-font-size, var(--ui-heading-2-font-size, var(--tooltip-heading-major-font-size, var(--ui-heading-major-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-2-font-size, var(--heading-major-font-size, var(--heading-font-size, revert)))))))));
+  --_h2-font-weight: var(--tooltip-heading-2-font-weight, var(--ui-heading-2-font-weight, var(--tooltip-heading-major-font-weight, var(--ui-heading-major-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-2-font-weight, var(--heading-major-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
+  --_h2-line-height: var(--tooltip-heading-2-line-height, var(--ui-heading-2-line-height, var(--tooltip-heading-major-line-height, var(--ui-heading-major-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-2-line-height, var(--heading-major-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
+  --_h2-letter-spacing: var(--tooltip-heading-2-letter-spacing, var(--ui-heading-2-letter-spacing, var(--tooltip-heading-major-letter-spacing, var(--ui-heading-major-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-2-letter-spacing, var(--heading-major-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
+  --_h2-text-indent: var(--tooltip-heading-2-indent, var(--ui-heading-2-indent, var(--tooltip-heading-major-indent, var(--ui-heading-major-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-2-indent, var(--heading-major-indent, var(--heading-indent, var(--indent, revert))))))))));
+  --_h2-font-variant: var(--tooltip-heading-2-font-variant, var(--ui-heading-2-font-variant, var(--tooltip-heading-major-font-variant, var(--ui-heading-major-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-2-font-variant, var(--heading-major-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
+  --_h2-text-align: var(--tooltip-heading-2-text-align, var(--ui-heading-2-text-align, var(--tooltip-heading-major-text-align, var(--ui-heading-major-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-2-text-align, var(--heading-major-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
+  --_h3-color: var(--tooltip-heading-3-fg, var(--ui-heading-3-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-3-fg, var(--heading-fg, var(--heading-fg, revert)))))))));
+  --_h3-background: var(--tooltip-heading-3-bg, var(--ui-heading-3-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-3-bg, var(--heading-bg, var(--heading-bg, transparent)))))))));
+  --_h3-padding: var(--tooltip-heading-3-padding, var(--ui-heading-3-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-3-padding, var(--heading-padding, var(--heading-padding, 0)))))))));
+  --_h3-border: var(--tooltip-heading-3-border, var(--ui-heading-3-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-3-border, var(--heading-border, var(--heading-border, none)))))))));
+  --_h3-border-width: var(--tooltip-heading-3-border-width, var(--ui-heading-3-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-3-border-width, var(--heading-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
+  --_h3-border-style: var(--tooltip-heading-3-border-style, var(--ui-heading-3-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-3-border-style, var(--heading-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
+  --_h3-border-color: var(--tooltip-heading-3-border-color, var(--ui-heading-3-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-3-border-color, var(--heading-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
+  --_h3-border-radius: var(--tooltip-heading-3-border-radius, var(--ui-heading-3-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-3-border-radius, var(--heading-border-radius, var(--heading-border-radius, 0)))))))));
+  --_h3-box-shadow: var(--tooltip-heading-3-box-shadow, var(--ui-heading-3-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-3-box-shadow, var(--heading-box-shadow, var(--heading-box-shadow, none)))))))));
+  --_h3-font-family: var(--tooltip-heading-3-font-family, var(--ui-heading-3-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-3-font-family, var(--heading-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
+  --_h3-text-transform: var(--tooltip-heading-3-text-transform, var(--ui-heading-3-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-3-text-transform, var(--heading-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
+  --_h3-text-decoration: var(--tooltip-heading-3-text-decoration, var(--ui-heading-3-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-3-text-decoration, var(--heading-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
+  --_h3-font-size: var(--tooltip-heading-3-font-size, var(--ui-heading-3-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-3-font-size, var(--heading-font-size, var(--heading-font-size, revert)))))))));
+  --_h3-font-weight: var(--tooltip-heading-3-font-weight, var(--ui-heading-3-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-3-font-weight, var(--heading-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
+  --_h3-line-height: var(--tooltip-heading-3-line-height, var(--ui-heading-3-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-3-line-height, var(--heading-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
+  --_h3-letter-spacing: var(--tooltip-heading-3-letter-spacing, var(--ui-heading-3-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-3-letter-spacing, var(--heading-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
+  --_h3-text-indent: var(--tooltip-heading-3-indent, var(--ui-heading-3-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-3-indent, var(--heading-indent, var(--heading-indent, var(--indent, revert))))))))));
+  --_h3-font-variant: var(--tooltip-heading-3-font-variant, var(--ui-heading-3-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-3-font-variant, var(--heading-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
+  --_h3-text-align: var(--tooltip-heading-3-text-align, var(--ui-heading-3-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-3-text-align, var(--heading-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
+  --_h4-color: var(--tooltip-heading-4-fg, var(--ui-heading-4-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-4-fg, var(--heading-fg, var(--heading-fg, revert)))))))));
+  --_h4-background: var(--tooltip-heading-4-bg, var(--ui-heading-4-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-4-bg, var(--heading-bg, var(--heading-bg, transparent)))))))));
+  --_h4-padding: var(--tooltip-heading-4-padding, var(--ui-heading-4-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-4-padding, var(--heading-padding, var(--heading-padding, 0)))))))));
+  --_h4-border: var(--tooltip-heading-4-border, var(--ui-heading-4-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-4-border, var(--heading-border, var(--heading-border, none)))))))));
+  --_h4-border-width: var(--tooltip-heading-4-border-width, var(--ui-heading-4-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-4-border-width, var(--heading-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
+  --_h4-border-style: var(--tooltip-heading-4-border-style, var(--ui-heading-4-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-4-border-style, var(--heading-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
+  --_h4-border-color: var(--tooltip-heading-4-border-color, var(--ui-heading-4-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-4-border-color, var(--heading-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
+  --_h4-border-radius: var(--tooltip-heading-4-border-radius, var(--ui-heading-4-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-4-border-radius, var(--heading-border-radius, var(--heading-border-radius, 0)))))))));
+  --_h4-box-shadow: var(--tooltip-heading-4-box-shadow, var(--ui-heading-4-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-4-box-shadow, var(--heading-box-shadow, var(--heading-box-shadow, none)))))))));
+  --_h4-font-family: var(--tooltip-heading-4-font-family, var(--ui-heading-4-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-4-font-family, var(--heading-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
+  --_h4-text-transform: var(--tooltip-heading-4-text-transform, var(--ui-heading-4-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-4-text-transform, var(--heading-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
+  --_h4-text-decoration: var(--tooltip-heading-4-text-decoration, var(--ui-heading-4-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-4-text-decoration, var(--heading-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
+  --_h4-font-size: var(--tooltip-heading-4-font-size, var(--ui-heading-4-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-4-font-size, var(--heading-font-size, var(--heading-font-size, revert)))))))));
+  --_h4-font-weight: var(--tooltip-heading-4-font-weight, var(--ui-heading-4-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-4-font-weight, var(--heading-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
+  --_h4-line-height: var(--tooltip-heading-4-line-height, var(--ui-heading-4-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-4-line-height, var(--heading-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
+  --_h4-letter-spacing: var(--tooltip-heading-4-letter-spacing, var(--ui-heading-4-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-4-letter-spacing, var(--heading-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
+  --_h4-text-indent: var(--tooltip-heading-4-indent, var(--ui-heading-4-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-4-indent, var(--heading-indent, var(--heading-indent, var(--indent, revert))))))))));
+  --_h4-font-variant: var(--tooltip-heading-4-font-variant, var(--ui-heading-4-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-4-font-variant, var(--heading-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
+  --_h4-text-align: var(--tooltip-heading-4-text-align, var(--ui-heading-4-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-4-text-align, var(--heading-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
+  --_h5-color: var(--tooltip-heading-5-fg, var(--ui-heading-5-fg, var(--tooltip-heading-minor-fg, var(--ui-heading-minor-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-5-fg, var(--heading-minor-fg, var(--heading-fg, revert)))))))));
+  --_h5-background: var(--tooltip-heading-5-bg, var(--ui-heading-5-bg, var(--tooltip-heading-minor-bg, var(--ui-heading-minor-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-5-bg, var(--heading-minor-bg, var(--heading-bg, transparent)))))))));
+  --_h5-padding: var(--tooltip-heading-5-padding, var(--ui-heading-5-padding, var(--tooltip-heading-minor-padding, var(--ui-heading-minor-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-5-padding, var(--heading-minor-padding, var(--heading-padding, 0)))))))));
+  --_h5-border: var(--tooltip-heading-5-border, var(--ui-heading-5-border, var(--tooltip-heading-minor-border, var(--ui-heading-minor-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-5-border, var(--heading-minor-border, var(--heading-border, none)))))))));
+  --_h5-border-width: var(--tooltip-heading-5-border-width, var(--ui-heading-5-border-width, var(--tooltip-heading-minor-border-width, var(--ui-heading-minor-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-5-border-width, var(--heading-minor-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
+  --_h5-border-style: var(--tooltip-heading-5-border-style, var(--ui-heading-5-border-style, var(--tooltip-heading-minor-border-style, var(--ui-heading-minor-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-5-border-style, var(--heading-minor-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
+  --_h5-border-color: var(--tooltip-heading-5-border-color, var(--ui-heading-5-border-color, var(--tooltip-heading-minor-border-color, var(--ui-heading-minor-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-5-border-color, var(--heading-minor-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
+  --_h5-border-radius: var(--tooltip-heading-5-border-radius, var(--ui-heading-5-border-radius, var(--tooltip-heading-minor-border-radius, var(--ui-heading-minor-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-5-border-radius, var(--heading-minor-border-radius, var(--heading-border-radius, 0)))))))));
+  --_h5-box-shadow: var(--tooltip-heading-5-box-shadow, var(--ui-heading-5-box-shadow, var(--tooltip-heading-minor-box-shadow, var(--ui-heading-minor-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-5-box-shadow, var(--heading-minor-box-shadow, var(--heading-box-shadow, none)))))))));
+  --_h5-font-family: var(--tooltip-heading-5-font-family, var(--ui-heading-5-font-family, var(--tooltip-heading-minor-font-family, var(--ui-heading-minor-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-5-font-family, var(--heading-minor-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
+  --_h5-text-transform: var(--tooltip-heading-5-text-transform, var(--ui-heading-5-text-transform, var(--tooltip-heading-minor-text-transform, var(--ui-heading-minor-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-5-text-transform, var(--heading-minor-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
+  --_h5-text-decoration: var(--tooltip-heading-5-text-decoration, var(--ui-heading-5-text-decoration, var(--tooltip-heading-minor-text-decoration, var(--ui-heading-minor-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-5-text-decoration, var(--heading-minor-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
+  --_h5-font-size: var(--tooltip-heading-5-font-size, var(--ui-heading-5-font-size, var(--tooltip-heading-minor-font-size, var(--ui-heading-minor-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-5-font-size, var(--heading-minor-font-size, var(--heading-font-size, revert)))))))));
+  --_h5-font-weight: var(--tooltip-heading-5-font-weight, var(--ui-heading-5-font-weight, var(--tooltip-heading-minor-font-weight, var(--ui-heading-minor-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-5-font-weight, var(--heading-minor-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
+  --_h5-line-height: var(--tooltip-heading-5-line-height, var(--ui-heading-5-line-height, var(--tooltip-heading-minor-line-height, var(--ui-heading-minor-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-5-line-height, var(--heading-minor-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
+  --_h5-letter-spacing: var(--tooltip-heading-5-letter-spacing, var(--ui-heading-5-letter-spacing, var(--tooltip-heading-minor-letter-spacing, var(--ui-heading-minor-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-5-letter-spacing, var(--heading-minor-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
+  --_h5-text-indent: var(--tooltip-heading-5-indent, var(--ui-heading-5-indent, var(--tooltip-heading-minor-indent, var(--ui-heading-minor-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-5-indent, var(--heading-minor-indent, var(--heading-indent, var(--indent, revert))))))))));
+  --_h5-font-variant: var(--tooltip-heading-5-font-variant, var(--ui-heading-5-font-variant, var(--tooltip-heading-minor-font-variant, var(--ui-heading-minor-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-5-font-variant, var(--heading-minor-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
+  --_h5-text-align: var(--tooltip-heading-5-text-align, var(--ui-heading-5-text-align, var(--tooltip-heading-minor-text-align, var(--ui-heading-minor-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-5-text-align, var(--heading-minor-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
+  --_h6-color: var(--tooltip-heading-6-fg, var(--ui-heading-6-fg, var(--tooltip-heading-minor-fg, var(--ui-heading-minor-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-6-fg, var(--heading-minor-fg, var(--heading-fg, revert)))))))));
+  --_h6-background: var(--tooltip-heading-6-bg, var(--ui-heading-6-bg, var(--tooltip-heading-minor-bg, var(--ui-heading-minor-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-6-bg, var(--heading-minor-bg, var(--heading-bg, transparent)))))))));
+  --_h6-padding: var(--tooltip-heading-6-padding, var(--ui-heading-6-padding, var(--tooltip-heading-minor-padding, var(--ui-heading-minor-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-6-padding, var(--heading-minor-padding, var(--heading-padding, 0)))))))));
+  --_h6-border: var(--tooltip-heading-6-border, var(--ui-heading-6-border, var(--tooltip-heading-minor-border, var(--ui-heading-minor-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-6-border, var(--heading-minor-border, var(--heading-border, none)))))))));
+  --_h6-border-width: var(--tooltip-heading-6-border-width, var(--ui-heading-6-border-width, var(--tooltip-heading-minor-border-width, var(--ui-heading-minor-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-6-border-width, var(--heading-minor-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
+  --_h6-border-style: var(--tooltip-heading-6-border-style, var(--ui-heading-6-border-style, var(--tooltip-heading-minor-border-style, var(--ui-heading-minor-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-6-border-style, var(--heading-minor-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
+  --_h6-border-color: var(--tooltip-heading-6-border-color, var(--ui-heading-6-border-color, var(--tooltip-heading-minor-border-color, var(--ui-heading-minor-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-6-border-color, var(--heading-minor-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
+  --_h6-border-radius: var(--tooltip-heading-6-border-radius, var(--ui-heading-6-border-radius, var(--tooltip-heading-minor-border-radius, var(--ui-heading-minor-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-6-border-radius, var(--heading-minor-border-radius, var(--heading-border-radius, 0)))))))));
+  --_h6-box-shadow: var(--tooltip-heading-6-box-shadow, var(--ui-heading-6-box-shadow, var(--tooltip-heading-minor-box-shadow, var(--ui-heading-minor-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-6-box-shadow, var(--heading-minor-box-shadow, var(--heading-box-shadow, none)))))))));
+  --_h6-font-family: var(--tooltip-heading-6-font-family, var(--ui-heading-6-font-family, var(--tooltip-heading-minor-font-family, var(--ui-heading-minor-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-6-font-family, var(--heading-minor-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
+  --_h6-text-transform: var(--tooltip-heading-6-text-transform, var(--ui-heading-6-text-transform, var(--tooltip-heading-minor-text-transform, var(--ui-heading-minor-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-6-text-transform, var(--heading-minor-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
+  --_h6-text-decoration: var(--tooltip-heading-6-text-decoration, var(--ui-heading-6-text-decoration, var(--tooltip-heading-minor-text-decoration, var(--ui-heading-minor-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-6-text-decoration, var(--heading-minor-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
+  --_h6-font-size: var(--tooltip-heading-6-font-size, var(--ui-heading-6-font-size, var(--tooltip-heading-minor-font-size, var(--ui-heading-minor-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-6-font-size, var(--heading-minor-font-size, var(--heading-font-size, revert)))))))));
+  --_h6-font-weight: var(--tooltip-heading-6-font-weight, var(--ui-heading-6-font-weight, var(--tooltip-heading-minor-font-weight, var(--ui-heading-minor-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-6-font-weight, var(--heading-minor-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
+  --_h6-line-height: var(--tooltip-heading-6-line-height, var(--ui-heading-6-line-height, var(--tooltip-heading-minor-line-height, var(--ui-heading-minor-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-6-line-height, var(--heading-minor-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
+  --_h6-letter-spacing: var(--tooltip-heading-6-letter-spacing, var(--ui-heading-6-letter-spacing, var(--tooltip-heading-minor-letter-spacing, var(--ui-heading-minor-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-6-letter-spacing, var(--heading-minor-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
+  --_h6-text-indent: var(--tooltip-heading-6-indent, var(--ui-heading-6-indent, var(--tooltip-heading-minor-indent, var(--ui-heading-minor-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-6-indent, var(--heading-minor-indent, var(--heading-indent, var(--indent, revert))))))))));
+  --_h6-font-variant: var(--tooltip-heading-6-font-variant, var(--ui-heading-6-font-variant, var(--tooltip-heading-minor-font-variant, var(--ui-heading-minor-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-6-font-variant, var(--heading-minor-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
+  --_h6-text-align: var(--tooltip-heading-6-text-align, var(--ui-heading-6-text-align, var(--tooltip-heading-minor-text-align, var(--ui-heading-minor-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-6-text-align, var(--heading-minor-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
 }
 
 .tooltip-wrapper {
@@ -732,8 +655,8 @@ async function showPopover() {
 }
 
 /* Boxless on purpose: wrapping the target must not change its layout. The
-   tooltip and its measurement copy live outside this element so that
-   measuring the target's contents never picks them up. */
+   tooltip lives outside this element so that measuring the target's
+   contents never picks it up. */
 .tooltip-target {
   display: contents;
 }
@@ -766,9 +689,4 @@ async function showPopover() {
 
 .left::after {
   right: var(--tooltip-arrow-size, 8px);
-}
-
-.invisible {
-  visibility: hidden;
-  pointer-events: none;
 }</style>