contain-css-svelte 1.3.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/dist/Card.svelte +204 -288
  2. package/dist/controls/Button.svelte +27 -1
  3. package/dist/controls/ButtonLink.svelte +27 -1
  4. package/dist/controls/Checkbox.svelte +26 -0
  5. package/dist/controls/CircleButton.svelte +27 -1
  6. package/dist/controls/Input.svelte +27 -1
  7. package/dist/controls/RadioButton.svelte +26 -0
  8. package/dist/controls/Select.svelte +26 -0
  9. package/dist/controls/Slider.svelte +27 -1
  10. package/dist/controls/TabItem.svelte +27 -1
  11. package/dist/controls/Toggle.svelte +27 -1
  12. package/dist/dropdowns/DropdownMenu.svelte +27 -1
  13. package/dist/layout/Accordion.svelte +27 -1
  14. package/dist/layout/Bar.svelte +37 -1
  15. package/dist/layout/ColumnContainer.svelte +27 -1
  16. package/dist/layout/Columns.svelte +27 -1
  17. package/dist/layout/Container.svelte +205 -292
  18. package/dist/layout/DataList.svelte +27 -1
  19. package/dist/layout/DataListItem.svelte +205 -292
  20. package/dist/layout/Fieldset.svelte +27 -1
  21. package/dist/layout/Form.svelte +205 -292
  22. package/dist/layout/FormItem.svelte +27 -1
  23. package/dist/layout/GridLayout.svelte +26 -0
  24. package/dist/layout/Hero.svelte +205 -292
  25. package/dist/layout/Inline.svelte +33 -1
  26. package/dist/layout/MenuList.svelte +27 -1
  27. package/dist/layout/Page.svelte +27 -1
  28. package/dist/layout/RowContainer.svelte +27 -1
  29. package/dist/layout/Sidebar.svelte +266 -33
  30. package/dist/layout/Sidebar.svelte.d.ts +34 -0
  31. package/dist/layout/SidebarContainer.svelte +27 -1
  32. package/dist/layout/SplitPane.svelte +27 -1
  33. package/dist/layout/Stack.svelte +33 -1
  34. package/dist/layout/TabBar.svelte +27 -1
  35. package/dist/layout/Table.svelte +238 -294
  36. package/dist/layout/Tile.svelte +204 -291
  37. package/dist/misc/CodeInner.svelte +27 -1
  38. package/dist/misc/Progress.svelte +205 -292
  39. package/dist/misc/Tag.svelte +27 -1
  40. package/dist/overlays/Dialog.svelte +205 -292
  41. package/dist/overlays/Tooltip.svelte +255 -349
  42. package/dist/sass/_typography.scss +203 -191
  43. package/dist/typography/TextLayout.svelte +482 -292
  44. package/dist/vars/defaults.css +258 -0
  45. package/dist/vars/typography-context.css +271 -0
  46. package/package.json +1 -1
package/dist/Card.svelte CHANGED
@@ -41,6 +41,32 @@ let hasFooter = $derived(Boolean(footer));
41
41
  </div>
42
42
 
43
43
  <style>@charset "UTF-8";
44
+ /* Per-level heading (h1-h6) box/typography properties, resolved to PRIVATE,
45
+ inheriting custom properties (--_h1-color, --_h2-font-size, etc) rather than
46
+ assigned directly to a matched h1-h6 selector. Nothing in this file matches
47
+ an actual heading element anymore -- see typography-context.css (vars/), which
48
+ is the single, global, :where()-scoped rule that actually reads these vars
49
+ and applies them to real elements. That split is what lets a component
50
+ nested arbitrarily deep (through <article>, <Tile>, whatever) still get the
51
+ nearest ancestor's heading styling: these are ordinary inherited custom
52
+ properties, so DOM proximity decides which component's values apply, not
53
+ selector specificity or stylesheet order. See AGENTS-INTERNAL.md. */
54
+ /* All six heading levels' context vars in one call -- what every
55
+ "typography container" component (Container, Card, Tile, TextLayout, ...)
56
+ includes on itself once, alongside the shared --_heading-* vars below. */
57
+ /* Shared prose-measure group: p, blockquote, dl, ul, ol. li/dt/dd don't get
58
+ their own vars -- they're never wider than their ul/ol/dl parent's own
59
+ max-width box, so they're already bounded for free by ordinary block
60
+ layout, not by anything selector-based reaching them individually. */
61
+ /* p specifically also gets the fuller typography-props-bare treatment
62
+ (paragraph-prefixed), which -- same as in the original selector-based
63
+ version -- is declared/consumed AFTER the shared prose vars above, so it
64
+ wins for whichever properties both groups set. */
65
+ /* The first paragraph in a typography context (p:first-of-type, or a p right
66
+ after a heading) gets its own, slightly different treatment -- larger lede
67
+ text, no top margin. Structural matching (:first-of-type, `h1 + p`) still
68
+ has to happen where the real element is, in the global consumer rule; only
69
+ the VALUES move to context vars here. */
44
70
  /* Logical, not top/bottom/left/right: margin-block/margin-inline already take
45
71
  one value (both sides equal) or two (start end), so there is no separate
46
72
  "which side" prop to remember and no 4-value shorthand order to get wrong.
@@ -654,294 +680,184 @@ section {
654
680
  text-indent: var(--card-indent, var(--surface-indent, var(--indent, unset)));
655
681
  font-variant: var(--card-font-variant, var(--surface-font-variant, var(--font-variant, unset)));
656
682
  text-align: var(--card-text-align, var(--surface-text-align, var(--text-align, unset)));
657
- }
658
-
659
- section :global(p),
660
- section :global(blockquote),
661
- section :global(dl),
662
- section :global(ul),
663
- section :global(ol) {
664
- max-width: var(--card-line-width, var(--surface-line-width, var(--line-width, 40em)));
665
- font-family: var(--card-body-font-family, var(--surface-body-font-family, var(--body-font-family, var(--font-family))));
666
- line-height: var(--card-line-height, var(--surface-line-height, var(--line-height, 1.5)));
667
- margin-left: auto;
668
- margin-right: auto;
669
- font-weight: var(--card-body-font-weight, var(--surface-body-font-weight, var(--body-font-weight, unset)));
670
- }
671
-
672
- section :global(h1),
673
- section :global(h2),
674
- section :global(h3),
675
- section :global(h4),
676
- section :global(h5),
677
- section :global(h6) {
678
- max-width: var(--card-line-width, var(--surface-line-width, var(--line-width, unset)));
679
- margin-left: auto;
680
- margin-right: auto;
681
- box-sizing: border-box;
682
- margin-bottom: var(--card-heading-margin-bottom, var(--surface-heading-margin-bottom, var(--heading-margin-bottom, 0)));
683
- margin-top: var(--card-heading-margin-top, var(--surface-heading-margin-top, var(--heading-margin-top, 1.5em)));
684
- }
685
-
686
- section :global(h1:first-child),
687
- section :global(h2:first-child),
688
- section :global(h3:first-child),
689
- section :global(h4:first-child),
690
- section :global(h5:first-child),
691
- section :global(h6:first-child) {
692
- margin-top: var(--card-first-heading-margin-top, var(--surface-first-heading-margin-top, var(--first-heading-margin-top, 0)));
693
- }
694
-
695
- section :global(h1) {
696
- --_heading-color: var(--card-heading-1-fg, var(--surface-heading-1-fg, var(--card-heading-major-fg, var(--surface-heading-major-fg, var(--card-heading-fg, var(--surface-heading-fg, var(--heading-1-fg, var(--heading-major-fg, var(--heading-fg, revert)))))))));
697
- color: var(--_heading-color);
698
- --_heading-background: var(--card-heading-1-bg, var(--surface-heading-1-bg, var(--card-heading-major-bg, var(--surface-heading-major-bg, var(--card-heading-bg, var(--surface-heading-bg, var(--heading-1-bg, var(--heading-major-bg, var(--heading-bg, transparent)))))))));
699
- background: var(--_heading-background);
700
- --_heading-padding: var(--card-heading-1-padding, var(--surface-heading-1-padding, var(--card-heading-major-padding, var(--surface-heading-major-padding, var(--card-heading-padding, var(--surface-heading-padding, var(--heading-1-padding, var(--heading-major-padding, var(--heading-padding, 0)))))))));
701
- padding: var(--_heading-padding);
702
- --_heading-border: var(--card-heading-1-border, var(--surface-heading-1-border, var(--card-heading-major-border, var(--surface-heading-major-border, var(--card-heading-border, var(--surface-heading-border, var(--heading-1-border, var(--heading-major-border, var(--heading-border, none)))))))));
703
- border: var(--_heading-border);
704
- border-width: var(--card-heading-1-border-width, var(--surface-heading-1-border-width, var(--card-heading-major-border-width, var(--surface-heading-major-border-width, var(--card-heading-border-width, var(--surface-heading-border-width, var(--heading-1-border-width, var(--heading-major-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
705
- border-style: var(--card-heading-1-border-style, var(--surface-heading-1-border-style, var(--card-heading-major-border-style, var(--surface-heading-major-border-style, var(--card-heading-border-style, var(--surface-heading-border-style, var(--heading-1-border-style, var(--heading-major-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
706
- border-color: var(--card-heading-1-border-color, var(--surface-heading-1-border-color, var(--card-heading-major-border-color, var(--surface-heading-major-border-color, var(--card-heading-border-color, var(--surface-heading-border-color, var(--heading-1-border-color, var(--heading-major-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
707
- --_heading-border-radius: var(--card-heading-1-border-radius, var(--surface-heading-1-border-radius, var(--card-heading-major-border-radius, var(--surface-heading-major-border-radius, var(--card-heading-border-radius, var(--surface-heading-border-radius, var(--heading-1-border-radius, var(--heading-major-border-radius, var(--heading-border-radius, 0)))))))));
708
- border-radius: var(--_heading-border-radius);
709
- --_heading-box-shadow: var(--card-heading-1-box-shadow, var(--surface-heading-1-box-shadow, var(--card-heading-major-box-shadow, var(--surface-heading-major-box-shadow, var(--card-heading-box-shadow, var(--surface-heading-box-shadow, var(--heading-1-box-shadow, var(--heading-major-box-shadow, var(--heading-box-shadow, none)))))))));
710
- box-shadow: var(--_heading-box-shadow);
711
- font-family: var(--card-heading-1-font-family, var(--surface-heading-1-font-family, var(--card-heading-major-font-family, var(--surface-heading-major-font-family, var(--card-heading-font-family, var(--surface-heading-font-family, var(--heading-1-font-family, var(--heading-major-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
712
- text-transform: var(--card-heading-1-text-transform, var(--surface-heading-1-text-transform, var(--card-heading-major-text-transform, var(--surface-heading-major-text-transform, var(--card-heading-text-transform, var(--surface-heading-text-transform, var(--heading-1-text-transform, var(--heading-major-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
713
- text-decoration: var(--card-heading-1-text-decoration, var(--surface-heading-1-text-decoration, var(--card-heading-major-text-decoration, var(--surface-heading-major-text-decoration, var(--card-heading-text-decoration, var(--surface-heading-text-decoration, var(--heading-1-text-decoration, var(--heading-major-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
714
- font-size: var(--card-heading-1-font-size, var(--surface-heading-1-font-size, var(--card-heading-major-font-size, var(--surface-heading-major-font-size, var(--card-heading-font-size, var(--surface-heading-font-size, var(--heading-1-font-size, var(--heading-major-font-size, var(--heading-font-size, revert)))))))));
715
- font-weight: var(--card-heading-1-font-weight, var(--surface-heading-1-font-weight, var(--card-heading-major-font-weight, var(--surface-heading-major-font-weight, var(--card-heading-font-weight, var(--surface-heading-font-weight, var(--heading-1-font-weight, var(--heading-major-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
716
- line-height: var(--card-heading-1-line-height, var(--surface-heading-1-line-height, var(--card-heading-major-line-height, var(--surface-heading-major-line-height, var(--card-heading-line-height, var(--surface-heading-line-height, var(--heading-1-line-height, var(--heading-major-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
717
- letter-spacing: var(--card-heading-1-letter-spacing, var(--surface-heading-1-letter-spacing, var(--card-heading-major-letter-spacing, var(--surface-heading-major-letter-spacing, var(--card-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--heading-1-letter-spacing, var(--heading-major-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
718
- text-indent: var(--card-heading-1-indent, var(--surface-heading-1-indent, var(--card-heading-major-indent, var(--surface-heading-major-indent, var(--card-heading-indent, var(--surface-heading-indent, var(--heading-1-indent, var(--heading-major-indent, var(--heading-indent, var(--indent, revert))))))))));
719
- font-variant: var(--card-heading-1-font-variant, var(--surface-heading-1-font-variant, var(--card-heading-major-font-variant, var(--surface-heading-major-font-variant, var(--card-heading-font-variant, var(--surface-heading-font-variant, var(--heading-1-font-variant, var(--heading-major-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
720
- text-align: var(--card-heading-1-text-align, var(--surface-heading-1-text-align, var(--card-heading-major-text-align, var(--surface-heading-major-text-align, var(--card-heading-text-align, var(--surface-heading-text-align, var(--heading-1-text-align, var(--heading-major-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
721
- }
722
-
723
- section :global(h2) {
724
- --_heading-color: var(--card-heading-2-fg, var(--surface-heading-2-fg, var(--card-heading-major-fg, var(--surface-heading-major-fg, var(--card-heading-fg, var(--surface-heading-fg, var(--heading-2-fg, var(--heading-major-fg, var(--heading-fg, revert)))))))));
725
- color: var(--_heading-color);
726
- --_heading-background: var(--card-heading-2-bg, var(--surface-heading-2-bg, var(--card-heading-major-bg, var(--surface-heading-major-bg, var(--card-heading-bg, var(--surface-heading-bg, var(--heading-2-bg, var(--heading-major-bg, var(--heading-bg, transparent)))))))));
727
- background: var(--_heading-background);
728
- --_heading-padding: var(--card-heading-2-padding, var(--surface-heading-2-padding, var(--card-heading-major-padding, var(--surface-heading-major-padding, var(--card-heading-padding, var(--surface-heading-padding, var(--heading-2-padding, var(--heading-major-padding, var(--heading-padding, 0)))))))));
729
- padding: var(--_heading-padding);
730
- --_heading-border: var(--card-heading-2-border, var(--surface-heading-2-border, var(--card-heading-major-border, var(--surface-heading-major-border, var(--card-heading-border, var(--surface-heading-border, var(--heading-2-border, var(--heading-major-border, var(--heading-border, none)))))))));
731
- border: var(--_heading-border);
732
- border-width: var(--card-heading-2-border-width, var(--surface-heading-2-border-width, var(--card-heading-major-border-width, var(--surface-heading-major-border-width, var(--card-heading-border-width, var(--surface-heading-border-width, var(--heading-2-border-width, var(--heading-major-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
733
- border-style: var(--card-heading-2-border-style, var(--surface-heading-2-border-style, var(--card-heading-major-border-style, var(--surface-heading-major-border-style, var(--card-heading-border-style, var(--surface-heading-border-style, var(--heading-2-border-style, var(--heading-major-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
734
- border-color: var(--card-heading-2-border-color, var(--surface-heading-2-border-color, var(--card-heading-major-border-color, var(--surface-heading-major-border-color, var(--card-heading-border-color, var(--surface-heading-border-color, var(--heading-2-border-color, var(--heading-major-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
735
- --_heading-border-radius: var(--card-heading-2-border-radius, var(--surface-heading-2-border-radius, var(--card-heading-major-border-radius, var(--surface-heading-major-border-radius, var(--card-heading-border-radius, var(--surface-heading-border-radius, var(--heading-2-border-radius, var(--heading-major-border-radius, var(--heading-border-radius, 0)))))))));
736
- border-radius: var(--_heading-border-radius);
737
- --_heading-box-shadow: var(--card-heading-2-box-shadow, var(--surface-heading-2-box-shadow, var(--card-heading-major-box-shadow, var(--surface-heading-major-box-shadow, var(--card-heading-box-shadow, var(--surface-heading-box-shadow, var(--heading-2-box-shadow, var(--heading-major-box-shadow, var(--heading-box-shadow, none)))))))));
738
- box-shadow: var(--_heading-box-shadow);
739
- font-family: var(--card-heading-2-font-family, var(--surface-heading-2-font-family, var(--card-heading-major-font-family, var(--surface-heading-major-font-family, var(--card-heading-font-family, var(--surface-heading-font-family, var(--heading-2-font-family, var(--heading-major-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
740
- text-transform: var(--card-heading-2-text-transform, var(--surface-heading-2-text-transform, var(--card-heading-major-text-transform, var(--surface-heading-major-text-transform, var(--card-heading-text-transform, var(--surface-heading-text-transform, var(--heading-2-text-transform, var(--heading-major-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
741
- text-decoration: var(--card-heading-2-text-decoration, var(--surface-heading-2-text-decoration, var(--card-heading-major-text-decoration, var(--surface-heading-major-text-decoration, var(--card-heading-text-decoration, var(--surface-heading-text-decoration, var(--heading-2-text-decoration, var(--heading-major-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
742
- font-size: var(--card-heading-2-font-size, var(--surface-heading-2-font-size, var(--card-heading-major-font-size, var(--surface-heading-major-font-size, var(--card-heading-font-size, var(--surface-heading-font-size, var(--heading-2-font-size, var(--heading-major-font-size, var(--heading-font-size, revert)))))))));
743
- font-weight: var(--card-heading-2-font-weight, var(--surface-heading-2-font-weight, var(--card-heading-major-font-weight, var(--surface-heading-major-font-weight, var(--card-heading-font-weight, var(--surface-heading-font-weight, var(--heading-2-font-weight, var(--heading-major-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
744
- line-height: var(--card-heading-2-line-height, var(--surface-heading-2-line-height, var(--card-heading-major-line-height, var(--surface-heading-major-line-height, var(--card-heading-line-height, var(--surface-heading-line-height, var(--heading-2-line-height, var(--heading-major-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
745
- letter-spacing: var(--card-heading-2-letter-spacing, var(--surface-heading-2-letter-spacing, var(--card-heading-major-letter-spacing, var(--surface-heading-major-letter-spacing, var(--card-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--heading-2-letter-spacing, var(--heading-major-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
746
- text-indent: var(--card-heading-2-indent, var(--surface-heading-2-indent, var(--card-heading-major-indent, var(--surface-heading-major-indent, var(--card-heading-indent, var(--surface-heading-indent, var(--heading-2-indent, var(--heading-major-indent, var(--heading-indent, var(--indent, revert))))))))));
747
- font-variant: var(--card-heading-2-font-variant, var(--surface-heading-2-font-variant, var(--card-heading-major-font-variant, var(--surface-heading-major-font-variant, var(--card-heading-font-variant, var(--surface-heading-font-variant, var(--heading-2-font-variant, var(--heading-major-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
748
- text-align: var(--card-heading-2-text-align, var(--surface-heading-2-text-align, var(--card-heading-major-text-align, var(--surface-heading-major-text-align, var(--card-heading-text-align, var(--surface-heading-text-align, var(--heading-2-text-align, var(--heading-major-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
749
- }
750
-
751
- section :global(h3) {
752
- --_heading-color: var(--card-heading-3-fg, var(--surface-heading-3-fg, var(--card-heading-fg, var(--surface-heading-fg, var(--card-heading-fg, var(--surface-heading-fg, var(--heading-3-fg, var(--heading-fg, var(--heading-fg, revert)))))))));
753
- color: var(--_heading-color);
754
- --_heading-background: var(--card-heading-3-bg, var(--surface-heading-3-bg, var(--card-heading-bg, var(--surface-heading-bg, var(--card-heading-bg, var(--surface-heading-bg, var(--heading-3-bg, var(--heading-bg, var(--heading-bg, transparent)))))))));
755
- background: var(--_heading-background);
756
- --_heading-padding: var(--card-heading-3-padding, var(--surface-heading-3-padding, var(--card-heading-padding, var(--surface-heading-padding, var(--card-heading-padding, var(--surface-heading-padding, var(--heading-3-padding, var(--heading-padding, var(--heading-padding, 0)))))))));
757
- padding: var(--_heading-padding);
758
- --_heading-border: var(--card-heading-3-border, var(--surface-heading-3-border, var(--card-heading-border, var(--surface-heading-border, var(--card-heading-border, var(--surface-heading-border, var(--heading-3-border, var(--heading-border, var(--heading-border, none)))))))));
759
- border: var(--_heading-border);
760
- border-width: var(--card-heading-3-border-width, var(--surface-heading-3-border-width, var(--card-heading-border-width, var(--surface-heading-border-width, var(--card-heading-border-width, var(--surface-heading-border-width, var(--heading-3-border-width, var(--heading-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
761
- border-style: var(--card-heading-3-border-style, var(--surface-heading-3-border-style, var(--card-heading-border-style, var(--surface-heading-border-style, var(--card-heading-border-style, var(--surface-heading-border-style, var(--heading-3-border-style, var(--heading-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
762
- border-color: var(--card-heading-3-border-color, var(--surface-heading-3-border-color, var(--card-heading-border-color, var(--surface-heading-border-color, var(--card-heading-border-color, var(--surface-heading-border-color, var(--heading-3-border-color, var(--heading-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
763
- --_heading-border-radius: var(--card-heading-3-border-radius, var(--surface-heading-3-border-radius, var(--card-heading-border-radius, var(--surface-heading-border-radius, var(--card-heading-border-radius, var(--surface-heading-border-radius, var(--heading-3-border-radius, var(--heading-border-radius, var(--heading-border-radius, 0)))))))));
764
- border-radius: var(--_heading-border-radius);
765
- --_heading-box-shadow: var(--card-heading-3-box-shadow, var(--surface-heading-3-box-shadow, var(--card-heading-box-shadow, var(--surface-heading-box-shadow, var(--card-heading-box-shadow, var(--surface-heading-box-shadow, var(--heading-3-box-shadow, var(--heading-box-shadow, var(--heading-box-shadow, none)))))))));
766
- box-shadow: var(--_heading-box-shadow);
767
- font-family: var(--card-heading-3-font-family, var(--surface-heading-3-font-family, var(--card-heading-font-family, var(--surface-heading-font-family, var(--card-heading-font-family, var(--surface-heading-font-family, var(--heading-3-font-family, var(--heading-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
768
- text-transform: var(--card-heading-3-text-transform, var(--surface-heading-3-text-transform, var(--card-heading-text-transform, var(--surface-heading-text-transform, var(--card-heading-text-transform, var(--surface-heading-text-transform, var(--heading-3-text-transform, var(--heading-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
769
- text-decoration: var(--card-heading-3-text-decoration, var(--surface-heading-3-text-decoration, var(--card-heading-text-decoration, var(--surface-heading-text-decoration, var(--card-heading-text-decoration, var(--surface-heading-text-decoration, var(--heading-3-text-decoration, var(--heading-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
770
- font-size: var(--card-heading-3-font-size, var(--surface-heading-3-font-size, var(--card-heading-font-size, var(--surface-heading-font-size, var(--card-heading-font-size, var(--surface-heading-font-size, var(--heading-3-font-size, var(--heading-font-size, var(--heading-font-size, revert)))))))));
771
- font-weight: var(--card-heading-3-font-weight, var(--surface-heading-3-font-weight, var(--card-heading-font-weight, var(--surface-heading-font-weight, var(--card-heading-font-weight, var(--surface-heading-font-weight, var(--heading-3-font-weight, var(--heading-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
772
- line-height: var(--card-heading-3-line-height, var(--surface-heading-3-line-height, var(--card-heading-line-height, var(--surface-heading-line-height, var(--card-heading-line-height, var(--surface-heading-line-height, var(--heading-3-line-height, var(--heading-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
773
- letter-spacing: var(--card-heading-3-letter-spacing, var(--surface-heading-3-letter-spacing, var(--card-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--card-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--heading-3-letter-spacing, var(--heading-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
774
- text-indent: var(--card-heading-3-indent, var(--surface-heading-3-indent, var(--card-heading-indent, var(--surface-heading-indent, var(--card-heading-indent, var(--surface-heading-indent, var(--heading-3-indent, var(--heading-indent, var(--heading-indent, var(--indent, revert))))))))));
775
- font-variant: var(--card-heading-3-font-variant, var(--surface-heading-3-font-variant, var(--card-heading-font-variant, var(--surface-heading-font-variant, var(--card-heading-font-variant, var(--surface-heading-font-variant, var(--heading-3-font-variant, var(--heading-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
776
- text-align: var(--card-heading-3-text-align, var(--surface-heading-3-text-align, var(--card-heading-text-align, var(--surface-heading-text-align, var(--card-heading-text-align, var(--surface-heading-text-align, var(--heading-3-text-align, var(--heading-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
777
- }
778
-
779
- section :global(h4) {
780
- --_heading-color: var(--card-heading-4-fg, var(--surface-heading-4-fg, var(--card-heading-fg, var(--surface-heading-fg, var(--card-heading-fg, var(--surface-heading-fg, var(--heading-4-fg, var(--heading-fg, var(--heading-fg, revert)))))))));
781
- color: var(--_heading-color);
782
- --_heading-background: var(--card-heading-4-bg, var(--surface-heading-4-bg, var(--card-heading-bg, var(--surface-heading-bg, var(--card-heading-bg, var(--surface-heading-bg, var(--heading-4-bg, var(--heading-bg, var(--heading-bg, transparent)))))))));
783
- background: var(--_heading-background);
784
- --_heading-padding: var(--card-heading-4-padding, var(--surface-heading-4-padding, var(--card-heading-padding, var(--surface-heading-padding, var(--card-heading-padding, var(--surface-heading-padding, var(--heading-4-padding, var(--heading-padding, var(--heading-padding, 0)))))))));
785
- padding: var(--_heading-padding);
786
- --_heading-border: var(--card-heading-4-border, var(--surface-heading-4-border, var(--card-heading-border, var(--surface-heading-border, var(--card-heading-border, var(--surface-heading-border, var(--heading-4-border, var(--heading-border, var(--heading-border, none)))))))));
787
- border: var(--_heading-border);
788
- border-width: var(--card-heading-4-border-width, var(--surface-heading-4-border-width, var(--card-heading-border-width, var(--surface-heading-border-width, var(--card-heading-border-width, var(--surface-heading-border-width, var(--heading-4-border-width, var(--heading-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
789
- border-style: var(--card-heading-4-border-style, var(--surface-heading-4-border-style, var(--card-heading-border-style, var(--surface-heading-border-style, var(--card-heading-border-style, var(--surface-heading-border-style, var(--heading-4-border-style, var(--heading-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
790
- border-color: var(--card-heading-4-border-color, var(--surface-heading-4-border-color, var(--card-heading-border-color, var(--surface-heading-border-color, var(--card-heading-border-color, var(--surface-heading-border-color, var(--heading-4-border-color, var(--heading-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
791
- --_heading-border-radius: var(--card-heading-4-border-radius, var(--surface-heading-4-border-radius, var(--card-heading-border-radius, var(--surface-heading-border-radius, var(--card-heading-border-radius, var(--surface-heading-border-radius, var(--heading-4-border-radius, var(--heading-border-radius, var(--heading-border-radius, 0)))))))));
792
- border-radius: var(--_heading-border-radius);
793
- --_heading-box-shadow: var(--card-heading-4-box-shadow, var(--surface-heading-4-box-shadow, var(--card-heading-box-shadow, var(--surface-heading-box-shadow, var(--card-heading-box-shadow, var(--surface-heading-box-shadow, var(--heading-4-box-shadow, var(--heading-box-shadow, var(--heading-box-shadow, none)))))))));
794
- box-shadow: var(--_heading-box-shadow);
795
- font-family: var(--card-heading-4-font-family, var(--surface-heading-4-font-family, var(--card-heading-font-family, var(--surface-heading-font-family, var(--card-heading-font-family, var(--surface-heading-font-family, var(--heading-4-font-family, var(--heading-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
796
- text-transform: var(--card-heading-4-text-transform, var(--surface-heading-4-text-transform, var(--card-heading-text-transform, var(--surface-heading-text-transform, var(--card-heading-text-transform, var(--surface-heading-text-transform, var(--heading-4-text-transform, var(--heading-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
797
- text-decoration: var(--card-heading-4-text-decoration, var(--surface-heading-4-text-decoration, var(--card-heading-text-decoration, var(--surface-heading-text-decoration, var(--card-heading-text-decoration, var(--surface-heading-text-decoration, var(--heading-4-text-decoration, var(--heading-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
798
- font-size: var(--card-heading-4-font-size, var(--surface-heading-4-font-size, var(--card-heading-font-size, var(--surface-heading-font-size, var(--card-heading-font-size, var(--surface-heading-font-size, var(--heading-4-font-size, var(--heading-font-size, var(--heading-font-size, revert)))))))));
799
- font-weight: var(--card-heading-4-font-weight, var(--surface-heading-4-font-weight, var(--card-heading-font-weight, var(--surface-heading-font-weight, var(--card-heading-font-weight, var(--surface-heading-font-weight, var(--heading-4-font-weight, var(--heading-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
800
- line-height: var(--card-heading-4-line-height, var(--surface-heading-4-line-height, var(--card-heading-line-height, var(--surface-heading-line-height, var(--card-heading-line-height, var(--surface-heading-line-height, var(--heading-4-line-height, var(--heading-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
801
- letter-spacing: var(--card-heading-4-letter-spacing, var(--surface-heading-4-letter-spacing, var(--card-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--card-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--heading-4-letter-spacing, var(--heading-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
802
- text-indent: var(--card-heading-4-indent, var(--surface-heading-4-indent, var(--card-heading-indent, var(--surface-heading-indent, var(--card-heading-indent, var(--surface-heading-indent, var(--heading-4-indent, var(--heading-indent, var(--heading-indent, var(--indent, revert))))))))));
803
- font-variant: var(--card-heading-4-font-variant, var(--surface-heading-4-font-variant, var(--card-heading-font-variant, var(--surface-heading-font-variant, var(--card-heading-font-variant, var(--surface-heading-font-variant, var(--heading-4-font-variant, var(--heading-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
804
- text-align: var(--card-heading-4-text-align, var(--surface-heading-4-text-align, var(--card-heading-text-align, var(--surface-heading-text-align, var(--card-heading-text-align, var(--surface-heading-text-align, var(--heading-4-text-align, var(--heading-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
805
- }
806
-
807
- section :global(h5) {
808
- --_heading-color: var(--card-heading-5-fg, var(--surface-heading-5-fg, var(--card-heading-minor-fg, var(--surface-heading-minor-fg, var(--card-heading-fg, var(--surface-heading-fg, var(--heading-5-fg, var(--heading-minor-fg, var(--heading-fg, revert)))))))));
809
- color: var(--_heading-color);
810
- --_heading-background: var(--card-heading-5-bg, var(--surface-heading-5-bg, var(--card-heading-minor-bg, var(--surface-heading-minor-bg, var(--card-heading-bg, var(--surface-heading-bg, var(--heading-5-bg, var(--heading-minor-bg, var(--heading-bg, transparent)))))))));
811
- background: var(--_heading-background);
812
- --_heading-padding: var(--card-heading-5-padding, var(--surface-heading-5-padding, var(--card-heading-minor-padding, var(--surface-heading-minor-padding, var(--card-heading-padding, var(--surface-heading-padding, var(--heading-5-padding, var(--heading-minor-padding, var(--heading-padding, 0)))))))));
813
- padding: var(--_heading-padding);
814
- --_heading-border: var(--card-heading-5-border, var(--surface-heading-5-border, var(--card-heading-minor-border, var(--surface-heading-minor-border, var(--card-heading-border, var(--surface-heading-border, var(--heading-5-border, var(--heading-minor-border, var(--heading-border, none)))))))));
815
- border: var(--_heading-border);
816
- border-width: var(--card-heading-5-border-width, var(--surface-heading-5-border-width, var(--card-heading-minor-border-width, var(--surface-heading-minor-border-width, var(--card-heading-border-width, var(--surface-heading-border-width, var(--heading-5-border-width, var(--heading-minor-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
817
- border-style: var(--card-heading-5-border-style, var(--surface-heading-5-border-style, var(--card-heading-minor-border-style, var(--surface-heading-minor-border-style, var(--card-heading-border-style, var(--surface-heading-border-style, var(--heading-5-border-style, var(--heading-minor-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
818
- border-color: var(--card-heading-5-border-color, var(--surface-heading-5-border-color, var(--card-heading-minor-border-color, var(--surface-heading-minor-border-color, var(--card-heading-border-color, var(--surface-heading-border-color, var(--heading-5-border-color, var(--heading-minor-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
819
- --_heading-border-radius: var(--card-heading-5-border-radius, var(--surface-heading-5-border-radius, var(--card-heading-minor-border-radius, var(--surface-heading-minor-border-radius, var(--card-heading-border-radius, var(--surface-heading-border-radius, var(--heading-5-border-radius, var(--heading-minor-border-radius, var(--heading-border-radius, 0)))))))));
820
- border-radius: var(--_heading-border-radius);
821
- --_heading-box-shadow: var(--card-heading-5-box-shadow, var(--surface-heading-5-box-shadow, var(--card-heading-minor-box-shadow, var(--surface-heading-minor-box-shadow, var(--card-heading-box-shadow, var(--surface-heading-box-shadow, var(--heading-5-box-shadow, var(--heading-minor-box-shadow, var(--heading-box-shadow, none)))))))));
822
- box-shadow: var(--_heading-box-shadow);
823
- font-family: var(--card-heading-5-font-family, var(--surface-heading-5-font-family, var(--card-heading-minor-font-family, var(--surface-heading-minor-font-family, var(--card-heading-font-family, var(--surface-heading-font-family, var(--heading-5-font-family, var(--heading-minor-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
824
- text-transform: var(--card-heading-5-text-transform, var(--surface-heading-5-text-transform, var(--card-heading-minor-text-transform, var(--surface-heading-minor-text-transform, var(--card-heading-text-transform, var(--surface-heading-text-transform, var(--heading-5-text-transform, var(--heading-minor-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
825
- text-decoration: var(--card-heading-5-text-decoration, var(--surface-heading-5-text-decoration, var(--card-heading-minor-text-decoration, var(--surface-heading-minor-text-decoration, var(--card-heading-text-decoration, var(--surface-heading-text-decoration, var(--heading-5-text-decoration, var(--heading-minor-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
826
- font-size: var(--card-heading-5-font-size, var(--surface-heading-5-font-size, var(--card-heading-minor-font-size, var(--surface-heading-minor-font-size, var(--card-heading-font-size, var(--surface-heading-font-size, var(--heading-5-font-size, var(--heading-minor-font-size, var(--heading-font-size, revert)))))))));
827
- font-weight: var(--card-heading-5-font-weight, var(--surface-heading-5-font-weight, var(--card-heading-minor-font-weight, var(--surface-heading-minor-font-weight, var(--card-heading-font-weight, var(--surface-heading-font-weight, var(--heading-5-font-weight, var(--heading-minor-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
828
- line-height: var(--card-heading-5-line-height, var(--surface-heading-5-line-height, var(--card-heading-minor-line-height, var(--surface-heading-minor-line-height, var(--card-heading-line-height, var(--surface-heading-line-height, var(--heading-5-line-height, var(--heading-minor-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
829
- letter-spacing: var(--card-heading-5-letter-spacing, var(--surface-heading-5-letter-spacing, var(--card-heading-minor-letter-spacing, var(--surface-heading-minor-letter-spacing, var(--card-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--heading-5-letter-spacing, var(--heading-minor-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
830
- text-indent: var(--card-heading-5-indent, var(--surface-heading-5-indent, var(--card-heading-minor-indent, var(--surface-heading-minor-indent, var(--card-heading-indent, var(--surface-heading-indent, var(--heading-5-indent, var(--heading-minor-indent, var(--heading-indent, var(--indent, revert))))))))));
831
- font-variant: var(--card-heading-5-font-variant, var(--surface-heading-5-font-variant, var(--card-heading-minor-font-variant, var(--surface-heading-minor-font-variant, var(--card-heading-font-variant, var(--surface-heading-font-variant, var(--heading-5-font-variant, var(--heading-minor-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
832
- text-align: var(--card-heading-5-text-align, var(--surface-heading-5-text-align, var(--card-heading-minor-text-align, var(--surface-heading-minor-text-align, var(--card-heading-text-align, var(--surface-heading-text-align, var(--heading-5-text-align, var(--heading-minor-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
833
- }
834
-
835
- section :global(h6) {
836
- --_heading-color: var(--card-heading-6-fg, var(--surface-heading-6-fg, var(--card-heading-minor-fg, var(--surface-heading-minor-fg, var(--card-heading-fg, var(--surface-heading-fg, var(--heading-6-fg, var(--heading-minor-fg, var(--heading-fg, revert)))))))));
837
- color: var(--_heading-color);
838
- --_heading-background: var(--card-heading-6-bg, var(--surface-heading-6-bg, var(--card-heading-minor-bg, var(--surface-heading-minor-bg, var(--card-heading-bg, var(--surface-heading-bg, var(--heading-6-bg, var(--heading-minor-bg, var(--heading-bg, transparent)))))))));
839
- background: var(--_heading-background);
840
- --_heading-padding: var(--card-heading-6-padding, var(--surface-heading-6-padding, var(--card-heading-minor-padding, var(--surface-heading-minor-padding, var(--card-heading-padding, var(--surface-heading-padding, var(--heading-6-padding, var(--heading-minor-padding, var(--heading-padding, 0)))))))));
841
- padding: var(--_heading-padding);
842
- --_heading-border: var(--card-heading-6-border, var(--surface-heading-6-border, var(--card-heading-minor-border, var(--surface-heading-minor-border, var(--card-heading-border, var(--surface-heading-border, var(--heading-6-border, var(--heading-minor-border, var(--heading-border, none)))))))));
843
- border: var(--_heading-border);
844
- border-width: var(--card-heading-6-border-width, var(--surface-heading-6-border-width, var(--card-heading-minor-border-width, var(--surface-heading-minor-border-width, var(--card-heading-border-width, var(--surface-heading-border-width, var(--heading-6-border-width, var(--heading-minor-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
845
- border-style: var(--card-heading-6-border-style, var(--surface-heading-6-border-style, var(--card-heading-minor-border-style, var(--surface-heading-minor-border-style, var(--card-heading-border-style, var(--surface-heading-border-style, var(--heading-6-border-style, var(--heading-minor-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
846
- border-color: var(--card-heading-6-border-color, var(--surface-heading-6-border-color, var(--card-heading-minor-border-color, var(--surface-heading-minor-border-color, var(--card-heading-border-color, var(--surface-heading-border-color, var(--heading-6-border-color, var(--heading-minor-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
847
- --_heading-border-radius: var(--card-heading-6-border-radius, var(--surface-heading-6-border-radius, var(--card-heading-minor-border-radius, var(--surface-heading-minor-border-radius, var(--card-heading-border-radius, var(--surface-heading-border-radius, var(--heading-6-border-radius, var(--heading-minor-border-radius, var(--heading-border-radius, 0)))))))));
848
- border-radius: var(--_heading-border-radius);
849
- --_heading-box-shadow: var(--card-heading-6-box-shadow, var(--surface-heading-6-box-shadow, var(--card-heading-minor-box-shadow, var(--surface-heading-minor-box-shadow, var(--card-heading-box-shadow, var(--surface-heading-box-shadow, var(--heading-6-box-shadow, var(--heading-minor-box-shadow, var(--heading-box-shadow, none)))))))));
850
- box-shadow: var(--_heading-box-shadow);
851
- font-family: var(--card-heading-6-font-family, var(--surface-heading-6-font-family, var(--card-heading-minor-font-family, var(--surface-heading-minor-font-family, var(--card-heading-font-family, var(--surface-heading-font-family, var(--heading-6-font-family, var(--heading-minor-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
852
- text-transform: var(--card-heading-6-text-transform, var(--surface-heading-6-text-transform, var(--card-heading-minor-text-transform, var(--surface-heading-minor-text-transform, var(--card-heading-text-transform, var(--surface-heading-text-transform, var(--heading-6-text-transform, var(--heading-minor-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
853
- text-decoration: var(--card-heading-6-text-decoration, var(--surface-heading-6-text-decoration, var(--card-heading-minor-text-decoration, var(--surface-heading-minor-text-decoration, var(--card-heading-text-decoration, var(--surface-heading-text-decoration, var(--heading-6-text-decoration, var(--heading-minor-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
854
- font-size: var(--card-heading-6-font-size, var(--surface-heading-6-font-size, var(--card-heading-minor-font-size, var(--surface-heading-minor-font-size, var(--card-heading-font-size, var(--surface-heading-font-size, var(--heading-6-font-size, var(--heading-minor-font-size, var(--heading-font-size, revert)))))))));
855
- font-weight: var(--card-heading-6-font-weight, var(--surface-heading-6-font-weight, var(--card-heading-minor-font-weight, var(--surface-heading-minor-font-weight, var(--card-heading-font-weight, var(--surface-heading-font-weight, var(--heading-6-font-weight, var(--heading-minor-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
856
- line-height: var(--card-heading-6-line-height, var(--surface-heading-6-line-height, var(--card-heading-minor-line-height, var(--surface-heading-minor-line-height, var(--card-heading-line-height, var(--surface-heading-line-height, var(--heading-6-line-height, var(--heading-minor-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
857
- letter-spacing: var(--card-heading-6-letter-spacing, var(--surface-heading-6-letter-spacing, var(--card-heading-minor-letter-spacing, var(--surface-heading-minor-letter-spacing, var(--card-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--heading-6-letter-spacing, var(--heading-minor-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
858
- text-indent: var(--card-heading-6-indent, var(--surface-heading-6-indent, var(--card-heading-minor-indent, var(--surface-heading-minor-indent, var(--card-heading-indent, var(--surface-heading-indent, var(--heading-6-indent, var(--heading-minor-indent, var(--heading-indent, var(--indent, revert))))))))));
859
- font-variant: var(--card-heading-6-font-variant, var(--surface-heading-6-font-variant, var(--card-heading-minor-font-variant, var(--surface-heading-minor-font-variant, var(--card-heading-font-variant, var(--surface-heading-font-variant, var(--heading-6-font-variant, var(--heading-minor-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
860
- text-align: var(--card-heading-6-text-align, var(--surface-heading-6-text-align, var(--card-heading-minor-text-align, var(--surface-heading-minor-text-align, var(--card-heading-text-align, var(--surface-heading-text-align, var(--heading-6-text-align, var(--heading-minor-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
861
- }
862
-
863
- section :global(p) {
864
- font-family: var(--card-paragraph-font-family, var(--surface-paragraph-font-family, var(--paragraph-font-family, inherit)));
865
- text-transform: var(--card-paragraph-text-transform, var(--surface-paragraph-text-transform, var(--paragraph-text-transform, inherit)));
866
- text-decoration: var(--card-paragraph-text-decoration, var(--surface-paragraph-text-decoration, var(--paragraph-text-decoration, inherit)));
867
- --_font-size: var(--card-paragraph-font-size, var(--surface-paragraph-font-size, var(--paragraph-font-size, inherit)));
868
- font-size: var(--_font-size);
869
- font-weight: var(--card-paragraph-font-weight, var(--surface-paragraph-font-weight, var(--paragraph-font-weight, inherit)));
870
- line-height: var(--card-paragraph-line-height, var(--surface-paragraph-line-height, var(--paragraph-line-height, inherit)));
871
- letter-spacing: var(--card-paragraph-letter-spacing, var(--surface-paragraph-letter-spacing, var(--paragraph-letter-spacing, inherit)));
872
- text-indent: var(--card-paragraph-indent, var(--surface-paragraph-indent, var(--paragraph-indent, inherit)));
873
- font-variant: var(--card-paragraph-font-variant, var(--surface-paragraph-font-variant, var(--paragraph-font-variant, inherit)));
874
- text-align: var(--card-paragraph-text-align, var(--surface-paragraph-text-align, var(--paragraph-text-align, inherit)));
875
- }
876
-
877
- section :global(p:first-of-type),
878
- section :global(h1 + p),
879
- section :global(h2 + p),
880
- section :global(h3 + p),
881
- section :global(h4 + p),
882
- section :global(h5 + p),
883
- section :global(h6 + p) {
884
- font-family: var(--card-first-paragraph-font-family, var(--surface-first-paragraph-font-family, var(--card-paragraph-font-family, var(--surface-paragraph-font-family, var(--paragraph-font-family, var(--first-paragraph-font-family, inherit))))));
885
- text-transform: var(--card-first-paragraph-text-transform, var(--surface-first-paragraph-text-transform, var(--card-paragraph-text-transform, var(--surface-paragraph-text-transform, var(--paragraph-text-transform, var(--first-paragraph-text-transform, inherit))))));
886
- text-decoration: var(--card-first-paragraph-text-decoration, var(--surface-first-paragraph-text-decoration, var(--card-paragraph-text-decoration, var(--surface-paragraph-text-decoration, var(--paragraph-text-decoration, var(--first-paragraph-text-decoration, inherit))))));
887
- --_font-size: var(--card-first-paragraph-font-size, var(--surface-first-paragraph-font-size, var(--card-paragraph-font-size, var(--surface-paragraph-font-size, var(--paragraph-font-size, var(--first-paragraph-font-size, inherit))))));
888
- font-size: var(--_font-size);
889
- font-weight: var(--card-first-paragraph-font-weight, var(--surface-first-paragraph-font-weight, var(--card-paragraph-font-weight, var(--surface-paragraph-font-weight, var(--paragraph-font-weight, var(--first-paragraph-font-weight, inherit))))));
890
- line-height: var(--card-first-paragraph-line-height, var(--surface-first-paragraph-line-height, var(--card-paragraph-line-height, var(--surface-paragraph-line-height, var(--paragraph-line-height, var(--first-paragraph-line-height, inherit))))));
891
- letter-spacing: var(--card-first-paragraph-letter-spacing, var(--surface-first-paragraph-letter-spacing, var(--card-paragraph-letter-spacing, var(--surface-paragraph-letter-spacing, var(--paragraph-letter-spacing, var(--first-paragraph-letter-spacing, inherit))))));
892
- text-indent: var(--card-first-paragraph-indent, var(--surface-first-paragraph-indent, var(--card-paragraph-indent, var(--surface-paragraph-indent, var(--paragraph-indent, var(--first-paragraph-indent, inherit))))));
893
- font-variant: var(--card-first-paragraph-font-variant, var(--surface-first-paragraph-font-variant, var(--card-paragraph-font-variant, var(--surface-paragraph-font-variant, var(--paragraph-font-variant, var(--first-paragraph-font-variant, inherit))))));
894
- text-align: var(--card-first-paragraph-text-align, var(--surface-first-paragraph-text-align, var(--card-paragraph-text-align, var(--surface-paragraph-text-align, var(--paragraph-text-align, var(--first-paragraph-text-align, inherit))))));
895
- font-size: var(--card-first-paragraph-font-size, var(--surface-first-paragraph-font-size, var(--first-paragraph-font-size, var(--card-paragraph-font-size, var(--surface-paragraph-font-size, var(--paragraph-font-size, inherit))))));
896
- line-height: var(--card-first-paragraph-line-height, var(--surface-first-paragraph-line-height, var(--first-paragraph-line-height, var(--card-paragraph-line-height, var(--surface-paragraph-line-height, var(--paragraph-line-height, inherit))))));
897
- margin-block-start: var(--card-first-paragraph-margin-top, var(--surface-first-paragraph-margin-top, var(--first-paragraph-margin-top, 0)));
898
- }
899
-
900
- section :global(p:first-of-type::first-line),
901
- section :global(h1 + p::first-line),
902
- section :global(h2 + p::first-line),
903
- section :global(h3 + p::first-line),
904
- section :global(h4 + p::first-line),
905
- section :global(h5 + p::first-line),
906
- section :global(h6 + p::first-line) {
907
- font-family: var(--first-line-font-family, var(--card-first-line-font-family, var(--surface-first-line-font-family, var(--first-line-font-family, inherit))));
908
- text-transform: var(--first-line-text-transform, var(--card-first-line-text-transform, var(--surface-first-line-text-transform, var(--first-line-text-transform, inherit))));
909
- text-decoration: var(--first-line-text-decoration, var(--card-first-line-text-decoration, var(--surface-first-line-text-decoration, var(--first-line-text-decoration, inherit))));
910
- --_font-size: var(--first-line-font-size, var(--card-first-line-font-size, var(--surface-first-line-font-size, var(--first-line-font-size, inherit))));
911
- font-size: var(--_font-size);
912
- font-weight: var(--first-line-font-weight, var(--card-first-line-font-weight, var(--surface-first-line-font-weight, var(--first-line-font-weight, inherit))));
913
- line-height: var(--first-line-line-height, var(--card-first-line-line-height, var(--surface-first-line-line-height, var(--first-line-line-height, inherit))));
914
- letter-spacing: var(--first-line-letter-spacing, var(--card-first-line-letter-spacing, var(--surface-first-line-letter-spacing, var(--first-line-letter-spacing, inherit))));
915
- text-indent: var(--first-line-indent, var(--card-first-line-indent, var(--surface-first-line-indent, var(--first-line-indent, inherit))));
916
- font-variant: var(--first-line-font-variant, var(--card-first-line-font-variant, var(--surface-first-line-font-variant, var(--first-line-font-variant, inherit))));
917
- text-align: var(--first-line-text-align, var(--card-first-line-text-align, var(--surface-first-line-text-align, var(--first-line-text-align, inherit))));
918
- }
919
-
920
- section :global(p:first-of-type::first-letter),
921
- section :global(h1 + p::first-letter),
922
- section :global(h2 + p::first-letter),
923
- section :global(h3 + p::first-letter),
924
- section :global(h4 + p::first-letter),
925
- section :global(h5 + p::first-letter),
926
- section :global(h6 + p::first-letter) {
927
- font-family: var(--first-letter-font-family, var(--card-first-letter-font-family, var(--surface-first-letter-font-family, inherit)));
928
- text-transform: var(--first-letter-text-transform, var(--card-first-letter-text-transform, var(--surface-first-letter-text-transform, inherit)));
929
- text-decoration: var(--first-letter-text-decoration, var(--card-first-letter-text-decoration, var(--surface-first-letter-text-decoration, inherit)));
930
- --_font-size: var(--first-letter-font-size, var(--card-first-letter-font-size, var(--surface-first-letter-font-size, inherit)));
931
- font-size: var(--_font-size);
932
- font-weight: var(--first-letter-font-weight, var(--card-first-letter-font-weight, var(--surface-first-letter-font-weight, inherit)));
933
- line-height: var(--first-letter-line-height, var(--card-first-letter-line-height, var(--surface-first-letter-line-height, inherit)));
934
- letter-spacing: var(--first-letter-letter-spacing, var(--card-first-letter-letter-spacing, var(--surface-first-letter-letter-spacing, inherit)));
935
- text-indent: var(--first-letter-indent, var(--card-first-letter-indent, var(--surface-first-letter-indent, inherit)));
936
- font-variant: var(--first-letter-font-variant, var(--card-first-letter-font-variant, var(--surface-first-letter-font-variant, inherit)));
937
- text-align: var(--first-letter-text-align, var(--card-first-letter-text-align, var(--surface-first-letter-text-align, inherit)));
938
- --link-bg: var(--card-link-bg, var(--surface-link-bg, inherit));
939
- --link-fg: var(--card-link-fg, var(--surface-link-fg, inherit));
940
- background: var(--card-first-letter-bg, var(--first-letter-bg, inherit));
941
- color: var(--card-first-letter-fg, var(--first-letter-fg, inherit));
942
- float: var(--first-letter-float, none);
943
- margin-right: var(--first-letter-margin-right, 0);
944
- padding-top: var(--first-letter-padding-top, 0);
683
+ --_prose-max-width: var(--card-line-width, var(--surface-line-width, var(--line-width, 40em)));
684
+ --_prose-font-family: var(--card-body-font-family, var(--surface-body-font-family, var(--body-font-family, var(--font-family))));
685
+ --_prose-line-height: var(--card-line-height, var(--surface-line-height, var(--line-height, 1.5)));
686
+ /* Start-aligned: a measure-capped paragraph in a Card or a Tile sits
687
+ against its container's leading edge like any other block. Centring the
688
+ measure is what a prose column asks for, and TextLayout -- the one
689
+ component that IS a prose column -- opts back in to `auto`. */
690
+ --_prose-margin-inline: var(--card-prose-margin-inline, var(--surface-prose-margin-inline, var(--prose-margin-inline, 0)));
691
+ --_prose-font-weight: var(--card-body-font-weight, var(--surface-body-font-weight, var(--body-font-weight, unset)));
692
+ --_paragraph-font-family: var(--card-paragraph-font-family, var(--surface-paragraph-font-family, var(--paragraph-font-family, inherit)));
693
+ --_paragraph-text-transform: var(--card-paragraph-text-transform, var(--surface-paragraph-text-transform, var(--paragraph-text-transform, inherit)));
694
+ --_paragraph-text-decoration: var(--card-paragraph-text-decoration, var(--surface-paragraph-text-decoration, var(--paragraph-text-decoration, inherit)));
695
+ --_paragraph-font-size: var(--card-paragraph-font-size, var(--surface-paragraph-font-size, var(--paragraph-font-size, inherit)));
696
+ --_paragraph-font-weight: var(--card-paragraph-font-weight, var(--surface-paragraph-font-weight, var(--paragraph-font-weight, inherit)));
697
+ --_paragraph-line-height: var(--card-paragraph-line-height, var(--surface-paragraph-line-height, var(--paragraph-line-height, inherit)));
698
+ --_paragraph-letter-spacing: var(--card-paragraph-letter-spacing, var(--surface-paragraph-letter-spacing, var(--paragraph-letter-spacing, inherit)));
699
+ --_paragraph-text-indent: var(--card-paragraph-indent, var(--surface-paragraph-indent, var(--paragraph-indent, inherit)));
700
+ --_paragraph-font-variant: var(--card-paragraph-font-variant, var(--surface-paragraph-font-variant, var(--paragraph-font-variant, inherit)));
701
+ --_paragraph-text-align: var(--card-paragraph-text-align, var(--surface-paragraph-text-align, var(--paragraph-text-align, inherit)));
702
+ --_first-paragraph-font-family: var(--card-first-paragraph-font-family, var(--surface-first-paragraph-font-family, var(--card-paragraph-font-family, var(--surface-paragraph-font-family, var(--paragraph-font-family, inherit)))));
703
+ --_first-paragraph-text-transform: var(--card-first-paragraph-text-transform, var(--surface-first-paragraph-text-transform, var(--card-paragraph-text-transform, var(--surface-paragraph-text-transform, var(--paragraph-text-transform, inherit)))));
704
+ --_first-paragraph-text-decoration: var(--card-first-paragraph-text-decoration, var(--surface-first-paragraph-text-decoration, var(--card-paragraph-text-decoration, var(--surface-paragraph-text-decoration, var(--paragraph-text-decoration, inherit)))));
705
+ --_first-paragraph-font-weight: var(--card-first-paragraph-font-weight, var(--surface-first-paragraph-font-weight, var(--card-paragraph-font-weight, var(--surface-paragraph-font-weight, var(--paragraph-font-weight, inherit)))));
706
+ --_first-paragraph-letter-spacing: var(--card-first-paragraph-letter-spacing, var(--surface-first-paragraph-letter-spacing, var(--card-paragraph-letter-spacing, var(--surface-paragraph-letter-spacing, var(--paragraph-letter-spacing, inherit)))));
707
+ --_first-paragraph-text-indent: var(--card-first-paragraph-indent, var(--surface-first-paragraph-indent, var(--card-paragraph-indent, var(--surface-paragraph-indent, var(--paragraph-indent, inherit)))));
708
+ --_first-paragraph-font-variant: var(--card-first-paragraph-font-variant, var(--surface-first-paragraph-font-variant, var(--card-paragraph-font-variant, var(--surface-paragraph-font-variant, var(--paragraph-font-variant, inherit)))));
709
+ --_first-paragraph-text-align: var(--card-first-paragraph-text-align, var(--surface-first-paragraph-text-align, var(--card-paragraph-text-align, var(--surface-paragraph-text-align, var(--paragraph-text-align, inherit)))));
710
+ --_first-paragraph-font-size: var(--card-first-paragraph-font-size, var(--surface-first-paragraph-font-size, var(--first-paragraph-font-size, var(--card-paragraph-font-size, var(--surface-paragraph-font-size, var(--paragraph-font-size, inherit))))));
711
+ --_first-paragraph-line-height: var(--card-first-paragraph-line-height, var(--surface-first-paragraph-line-height, var(--first-paragraph-line-height, var(--card-paragraph-line-height, var(--surface-paragraph-line-height, var(--paragraph-line-height, inherit))))));
712
+ --_first-paragraph-margin-top: var(--card-first-paragraph-margin-top, var(--surface-first-paragraph-margin-top, var(--first-paragraph-margin-top, 0)));
713
+ --_first-line-font-family: var(--first-line-font-family, var(--card-first-line-font-family, var(--surface-first-line-font-family, var(--first-line-font-family, inherit))));
714
+ --_first-line-text-transform: var(--first-line-text-transform, var(--card-first-line-text-transform, var(--surface-first-line-text-transform, var(--first-line-text-transform, inherit))));
715
+ --_first-line-text-decoration: var(--first-line-text-decoration, var(--card-first-line-text-decoration, var(--surface-first-line-text-decoration, var(--first-line-text-decoration, inherit))));
716
+ --_first-line-font-size: var(--first-line-font-size, var(--card-first-line-font-size, var(--surface-first-line-font-size, var(--first-line-font-size, inherit))));
717
+ --_first-line-font-weight: var(--first-line-font-weight, var(--card-first-line-font-weight, var(--surface-first-line-font-weight, var(--first-line-font-weight, inherit))));
718
+ --_first-line-line-height: var(--first-line-line-height, var(--card-first-line-line-height, var(--surface-first-line-line-height, var(--first-line-line-height, inherit))));
719
+ --_first-line-letter-spacing: var(--first-line-letter-spacing, var(--card-first-line-letter-spacing, var(--surface-first-line-letter-spacing, var(--first-line-letter-spacing, inherit))));
720
+ --_first-line-text-indent: var(--first-line-indent, var(--card-first-line-indent, var(--surface-first-line-indent, var(--first-line-indent, inherit))));
721
+ --_first-line-font-variant: var(--first-line-font-variant, var(--card-first-line-font-variant, var(--surface-first-line-font-variant, var(--first-line-font-variant, inherit))));
722
+ --_first-line-text-align: var(--first-line-text-align, var(--card-first-line-text-align, var(--surface-first-line-text-align, var(--first-line-text-align, inherit))));
723
+ --_first-letter-font-family: var(--first-letter-font-family, var(--card-first-letter-font-family, var(--surface-first-letter-font-family, inherit)));
724
+ --_first-letter-text-transform: var(--first-letter-text-transform, var(--card-first-letter-text-transform, var(--surface-first-letter-text-transform, inherit)));
725
+ --_first-letter-text-decoration: var(--first-letter-text-decoration, var(--card-first-letter-text-decoration, var(--surface-first-letter-text-decoration, inherit)));
726
+ --_first-letter-font-size: var(--first-letter-font-size, var(--card-first-letter-font-size, var(--surface-first-letter-font-size, inherit)));
727
+ --_first-letter-font-weight: var(--first-letter-font-weight, var(--card-first-letter-font-weight, var(--surface-first-letter-font-weight, inherit)));
728
+ --_first-letter-line-height: var(--first-letter-line-height, var(--card-first-letter-line-height, var(--surface-first-letter-line-height, inherit)));
729
+ --_first-letter-letter-spacing: var(--first-letter-letter-spacing, var(--card-first-letter-letter-spacing, var(--surface-first-letter-letter-spacing, inherit)));
730
+ --_first-letter-text-indent: var(--first-letter-indent, var(--card-first-letter-indent, var(--surface-first-letter-indent, inherit)));
731
+ --_first-letter-font-variant: var(--first-letter-font-variant, var(--card-first-letter-font-variant, var(--surface-first-letter-font-variant, inherit)));
732
+ --_first-letter-text-align: var(--first-letter-text-align, var(--card-first-letter-text-align, var(--surface-first-letter-text-align, inherit)));
733
+ --_first-letter-link-bg: var(--card-link-bg, var(--surface-link-bg, inherit));
734
+ --_first-letter-link-fg: var(--card-link-fg, var(--surface-link-fg, inherit));
735
+ --_first-letter-background: var(--card-first-letter-bg, var(--first-letter-bg, inherit));
736
+ --_first-letter-color: var(--card-first-letter-fg, var(--first-letter-fg, inherit));
737
+ /* Private context vars only -- consumed once, globally, by the :where()
738
+ rule in vars/typography-context.css, not by a selector matching h1-h6 here.
739
+ See the comment above heading-box-context-vars(). */
740
+ --_heading-max-width: var(--card-line-width, var(--surface-line-width, var(--line-width, unset)));
741
+ /* Same as --_prose-margin-inline: start-aligned in a container, centred
742
+ only by TextLayout. */
743
+ --_heading-margin-inline: var(--card-heading-margin-inline, var(--surface-heading-margin-inline, var(--heading-margin-inline, 0)));
744
+ --_heading-margin-bottom: var(--card-heading-margin-bottom, var(--surface-heading-margin-bottom, var(--heading-margin-bottom, 0)));
745
+ --_heading-margin-top: var(--card-heading-margin-top, var(--surface-heading-margin-top, var(--heading-margin-top, 1.5em)));
746
+ --_heading-first-margin-top: var(--card-first-heading-margin-top, var(--surface-first-heading-margin-top, var(--first-heading-margin-top, 0)));
747
+ --_h1-color: var(--card-heading-1-fg, var(--surface-heading-1-fg, var(--card-heading-major-fg, var(--surface-heading-major-fg, var(--card-heading-fg, var(--surface-heading-fg, var(--heading-1-fg, var(--heading-major-fg, var(--heading-fg, revert)))))))));
748
+ --_h1-background: var(--card-heading-1-bg, var(--surface-heading-1-bg, var(--card-heading-major-bg, var(--surface-heading-major-bg, var(--card-heading-bg, var(--surface-heading-bg, var(--heading-1-bg, var(--heading-major-bg, var(--heading-bg, transparent)))))))));
749
+ --_h1-padding: var(--card-heading-1-padding, var(--surface-heading-1-padding, var(--card-heading-major-padding, var(--surface-heading-major-padding, var(--card-heading-padding, var(--surface-heading-padding, var(--heading-1-padding, var(--heading-major-padding, var(--heading-padding, 0)))))))));
750
+ --_h1-border: var(--card-heading-1-border, var(--surface-heading-1-border, var(--card-heading-major-border, var(--surface-heading-major-border, var(--card-heading-border, var(--surface-heading-border, var(--heading-1-border, var(--heading-major-border, var(--heading-border, none)))))))));
751
+ --_h1-border-width: var(--card-heading-1-border-width, var(--surface-heading-1-border-width, var(--card-heading-major-border-width, var(--surface-heading-major-border-width, var(--card-heading-border-width, var(--surface-heading-border-width, var(--heading-1-border-width, var(--heading-major-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
752
+ --_h1-border-style: var(--card-heading-1-border-style, var(--surface-heading-1-border-style, var(--card-heading-major-border-style, var(--surface-heading-major-border-style, var(--card-heading-border-style, var(--surface-heading-border-style, var(--heading-1-border-style, var(--heading-major-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
753
+ --_h1-border-color: var(--card-heading-1-border-color, var(--surface-heading-1-border-color, var(--card-heading-major-border-color, var(--surface-heading-major-border-color, var(--card-heading-border-color, var(--surface-heading-border-color, var(--heading-1-border-color, var(--heading-major-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
754
+ --_h1-border-radius: var(--card-heading-1-border-radius, var(--surface-heading-1-border-radius, var(--card-heading-major-border-radius, var(--surface-heading-major-border-radius, var(--card-heading-border-radius, var(--surface-heading-border-radius, var(--heading-1-border-radius, var(--heading-major-border-radius, var(--heading-border-radius, 0)))))))));
755
+ --_h1-box-shadow: var(--card-heading-1-box-shadow, var(--surface-heading-1-box-shadow, var(--card-heading-major-box-shadow, var(--surface-heading-major-box-shadow, var(--card-heading-box-shadow, var(--surface-heading-box-shadow, var(--heading-1-box-shadow, var(--heading-major-box-shadow, var(--heading-box-shadow, none)))))))));
756
+ --_h1-font-family: var(--card-heading-1-font-family, var(--surface-heading-1-font-family, var(--card-heading-major-font-family, var(--surface-heading-major-font-family, var(--card-heading-font-family, var(--surface-heading-font-family, var(--heading-1-font-family, var(--heading-major-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
757
+ --_h1-text-transform: var(--card-heading-1-text-transform, var(--surface-heading-1-text-transform, var(--card-heading-major-text-transform, var(--surface-heading-major-text-transform, var(--card-heading-text-transform, var(--surface-heading-text-transform, var(--heading-1-text-transform, var(--heading-major-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
758
+ --_h1-text-decoration: var(--card-heading-1-text-decoration, var(--surface-heading-1-text-decoration, var(--card-heading-major-text-decoration, var(--surface-heading-major-text-decoration, var(--card-heading-text-decoration, var(--surface-heading-text-decoration, var(--heading-1-text-decoration, var(--heading-major-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
759
+ --_h1-font-size: var(--card-heading-1-font-size, var(--surface-heading-1-font-size, var(--card-heading-major-font-size, var(--surface-heading-major-font-size, var(--card-heading-font-size, var(--surface-heading-font-size, var(--heading-1-font-size, var(--heading-major-font-size, var(--heading-font-size, revert)))))))));
760
+ --_h1-font-weight: var(--card-heading-1-font-weight, var(--surface-heading-1-font-weight, var(--card-heading-major-font-weight, var(--surface-heading-major-font-weight, var(--card-heading-font-weight, var(--surface-heading-font-weight, var(--heading-1-font-weight, var(--heading-major-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
761
+ --_h1-line-height: var(--card-heading-1-line-height, var(--surface-heading-1-line-height, var(--card-heading-major-line-height, var(--surface-heading-major-line-height, var(--card-heading-line-height, var(--surface-heading-line-height, var(--heading-1-line-height, var(--heading-major-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
762
+ --_h1-letter-spacing: var(--card-heading-1-letter-spacing, var(--surface-heading-1-letter-spacing, var(--card-heading-major-letter-spacing, var(--surface-heading-major-letter-spacing, var(--card-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--heading-1-letter-spacing, var(--heading-major-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
763
+ --_h1-text-indent: var(--card-heading-1-indent, var(--surface-heading-1-indent, var(--card-heading-major-indent, var(--surface-heading-major-indent, var(--card-heading-indent, var(--surface-heading-indent, var(--heading-1-indent, var(--heading-major-indent, var(--heading-indent, var(--indent, revert))))))))));
764
+ --_h1-font-variant: var(--card-heading-1-font-variant, var(--surface-heading-1-font-variant, var(--card-heading-major-font-variant, var(--surface-heading-major-font-variant, var(--card-heading-font-variant, var(--surface-heading-font-variant, var(--heading-1-font-variant, var(--heading-major-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
765
+ --_h1-text-align: var(--card-heading-1-text-align, var(--surface-heading-1-text-align, var(--card-heading-major-text-align, var(--surface-heading-major-text-align, var(--card-heading-text-align, var(--surface-heading-text-align, var(--heading-1-text-align, var(--heading-major-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
766
+ --_h2-color: var(--card-heading-2-fg, var(--surface-heading-2-fg, var(--card-heading-major-fg, var(--surface-heading-major-fg, var(--card-heading-fg, var(--surface-heading-fg, var(--heading-2-fg, var(--heading-major-fg, var(--heading-fg, revert)))))))));
767
+ --_h2-background: var(--card-heading-2-bg, var(--surface-heading-2-bg, var(--card-heading-major-bg, var(--surface-heading-major-bg, var(--card-heading-bg, var(--surface-heading-bg, var(--heading-2-bg, var(--heading-major-bg, var(--heading-bg, transparent)))))))));
768
+ --_h2-padding: var(--card-heading-2-padding, var(--surface-heading-2-padding, var(--card-heading-major-padding, var(--surface-heading-major-padding, var(--card-heading-padding, var(--surface-heading-padding, var(--heading-2-padding, var(--heading-major-padding, var(--heading-padding, 0)))))))));
769
+ --_h2-border: var(--card-heading-2-border, var(--surface-heading-2-border, var(--card-heading-major-border, var(--surface-heading-major-border, var(--card-heading-border, var(--surface-heading-border, var(--heading-2-border, var(--heading-major-border, var(--heading-border, none)))))))));
770
+ --_h2-border-width: var(--card-heading-2-border-width, var(--surface-heading-2-border-width, var(--card-heading-major-border-width, var(--surface-heading-major-border-width, var(--card-heading-border-width, var(--surface-heading-border-width, var(--heading-2-border-width, var(--heading-major-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
771
+ --_h2-border-style: var(--card-heading-2-border-style, var(--surface-heading-2-border-style, var(--card-heading-major-border-style, var(--surface-heading-major-border-style, var(--card-heading-border-style, var(--surface-heading-border-style, var(--heading-2-border-style, var(--heading-major-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
772
+ --_h2-border-color: var(--card-heading-2-border-color, var(--surface-heading-2-border-color, var(--card-heading-major-border-color, var(--surface-heading-major-border-color, var(--card-heading-border-color, var(--surface-heading-border-color, var(--heading-2-border-color, var(--heading-major-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
773
+ --_h2-border-radius: var(--card-heading-2-border-radius, var(--surface-heading-2-border-radius, var(--card-heading-major-border-radius, var(--surface-heading-major-border-radius, var(--card-heading-border-radius, var(--surface-heading-border-radius, var(--heading-2-border-radius, var(--heading-major-border-radius, var(--heading-border-radius, 0)))))))));
774
+ --_h2-box-shadow: var(--card-heading-2-box-shadow, var(--surface-heading-2-box-shadow, var(--card-heading-major-box-shadow, var(--surface-heading-major-box-shadow, var(--card-heading-box-shadow, var(--surface-heading-box-shadow, var(--heading-2-box-shadow, var(--heading-major-box-shadow, var(--heading-box-shadow, none)))))))));
775
+ --_h2-font-family: var(--card-heading-2-font-family, var(--surface-heading-2-font-family, var(--card-heading-major-font-family, var(--surface-heading-major-font-family, var(--card-heading-font-family, var(--surface-heading-font-family, var(--heading-2-font-family, var(--heading-major-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
776
+ --_h2-text-transform: var(--card-heading-2-text-transform, var(--surface-heading-2-text-transform, var(--card-heading-major-text-transform, var(--surface-heading-major-text-transform, var(--card-heading-text-transform, var(--surface-heading-text-transform, var(--heading-2-text-transform, var(--heading-major-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
777
+ --_h2-text-decoration: var(--card-heading-2-text-decoration, var(--surface-heading-2-text-decoration, var(--card-heading-major-text-decoration, var(--surface-heading-major-text-decoration, var(--card-heading-text-decoration, var(--surface-heading-text-decoration, var(--heading-2-text-decoration, var(--heading-major-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
778
+ --_h2-font-size: var(--card-heading-2-font-size, var(--surface-heading-2-font-size, var(--card-heading-major-font-size, var(--surface-heading-major-font-size, var(--card-heading-font-size, var(--surface-heading-font-size, var(--heading-2-font-size, var(--heading-major-font-size, var(--heading-font-size, revert)))))))));
779
+ --_h2-font-weight: var(--card-heading-2-font-weight, var(--surface-heading-2-font-weight, var(--card-heading-major-font-weight, var(--surface-heading-major-font-weight, var(--card-heading-font-weight, var(--surface-heading-font-weight, var(--heading-2-font-weight, var(--heading-major-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
780
+ --_h2-line-height: var(--card-heading-2-line-height, var(--surface-heading-2-line-height, var(--card-heading-major-line-height, var(--surface-heading-major-line-height, var(--card-heading-line-height, var(--surface-heading-line-height, var(--heading-2-line-height, var(--heading-major-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
781
+ --_h2-letter-spacing: var(--card-heading-2-letter-spacing, var(--surface-heading-2-letter-spacing, var(--card-heading-major-letter-spacing, var(--surface-heading-major-letter-spacing, var(--card-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--heading-2-letter-spacing, var(--heading-major-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
782
+ --_h2-text-indent: var(--card-heading-2-indent, var(--surface-heading-2-indent, var(--card-heading-major-indent, var(--surface-heading-major-indent, var(--card-heading-indent, var(--surface-heading-indent, var(--heading-2-indent, var(--heading-major-indent, var(--heading-indent, var(--indent, revert))))))))));
783
+ --_h2-font-variant: var(--card-heading-2-font-variant, var(--surface-heading-2-font-variant, var(--card-heading-major-font-variant, var(--surface-heading-major-font-variant, var(--card-heading-font-variant, var(--surface-heading-font-variant, var(--heading-2-font-variant, var(--heading-major-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
784
+ --_h2-text-align: var(--card-heading-2-text-align, var(--surface-heading-2-text-align, var(--card-heading-major-text-align, var(--surface-heading-major-text-align, var(--card-heading-text-align, var(--surface-heading-text-align, var(--heading-2-text-align, var(--heading-major-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
785
+ --_h3-color: var(--card-heading-3-fg, var(--surface-heading-3-fg, var(--card-heading-fg, var(--surface-heading-fg, var(--card-heading-fg, var(--surface-heading-fg, var(--heading-3-fg, var(--heading-fg, var(--heading-fg, revert)))))))));
786
+ --_h3-background: var(--card-heading-3-bg, var(--surface-heading-3-bg, var(--card-heading-bg, var(--surface-heading-bg, var(--card-heading-bg, var(--surface-heading-bg, var(--heading-3-bg, var(--heading-bg, var(--heading-bg, transparent)))))))));
787
+ --_h3-padding: var(--card-heading-3-padding, var(--surface-heading-3-padding, var(--card-heading-padding, var(--surface-heading-padding, var(--card-heading-padding, var(--surface-heading-padding, var(--heading-3-padding, var(--heading-padding, var(--heading-padding, 0)))))))));
788
+ --_h3-border: var(--card-heading-3-border, var(--surface-heading-3-border, var(--card-heading-border, var(--surface-heading-border, var(--card-heading-border, var(--surface-heading-border, var(--heading-3-border, var(--heading-border, var(--heading-border, none)))))))));
789
+ --_h3-border-width: var(--card-heading-3-border-width, var(--surface-heading-3-border-width, var(--card-heading-border-width, var(--surface-heading-border-width, var(--card-heading-border-width, var(--surface-heading-border-width, var(--heading-3-border-width, var(--heading-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
790
+ --_h3-border-style: var(--card-heading-3-border-style, var(--surface-heading-3-border-style, var(--card-heading-border-style, var(--surface-heading-border-style, var(--card-heading-border-style, var(--surface-heading-border-style, var(--heading-3-border-style, var(--heading-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
791
+ --_h3-border-color: var(--card-heading-3-border-color, var(--surface-heading-3-border-color, var(--card-heading-border-color, var(--surface-heading-border-color, var(--card-heading-border-color, var(--surface-heading-border-color, var(--heading-3-border-color, var(--heading-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
792
+ --_h3-border-radius: var(--card-heading-3-border-radius, var(--surface-heading-3-border-radius, var(--card-heading-border-radius, var(--surface-heading-border-radius, var(--card-heading-border-radius, var(--surface-heading-border-radius, var(--heading-3-border-radius, var(--heading-border-radius, var(--heading-border-radius, 0)))))))));
793
+ --_h3-box-shadow: var(--card-heading-3-box-shadow, var(--surface-heading-3-box-shadow, var(--card-heading-box-shadow, var(--surface-heading-box-shadow, var(--card-heading-box-shadow, var(--surface-heading-box-shadow, var(--heading-3-box-shadow, var(--heading-box-shadow, var(--heading-box-shadow, none)))))))));
794
+ --_h3-font-family: var(--card-heading-3-font-family, var(--surface-heading-3-font-family, var(--card-heading-font-family, var(--surface-heading-font-family, var(--card-heading-font-family, var(--surface-heading-font-family, var(--heading-3-font-family, var(--heading-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
795
+ --_h3-text-transform: var(--card-heading-3-text-transform, var(--surface-heading-3-text-transform, var(--card-heading-text-transform, var(--surface-heading-text-transform, var(--card-heading-text-transform, var(--surface-heading-text-transform, var(--heading-3-text-transform, var(--heading-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
796
+ --_h3-text-decoration: var(--card-heading-3-text-decoration, var(--surface-heading-3-text-decoration, var(--card-heading-text-decoration, var(--surface-heading-text-decoration, var(--card-heading-text-decoration, var(--surface-heading-text-decoration, var(--heading-3-text-decoration, var(--heading-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
797
+ --_h3-font-size: var(--card-heading-3-font-size, var(--surface-heading-3-font-size, var(--card-heading-font-size, var(--surface-heading-font-size, var(--card-heading-font-size, var(--surface-heading-font-size, var(--heading-3-font-size, var(--heading-font-size, var(--heading-font-size, revert)))))))));
798
+ --_h3-font-weight: var(--card-heading-3-font-weight, var(--surface-heading-3-font-weight, var(--card-heading-font-weight, var(--surface-heading-font-weight, var(--card-heading-font-weight, var(--surface-heading-font-weight, var(--heading-3-font-weight, var(--heading-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
799
+ --_h3-line-height: var(--card-heading-3-line-height, var(--surface-heading-3-line-height, var(--card-heading-line-height, var(--surface-heading-line-height, var(--card-heading-line-height, var(--surface-heading-line-height, var(--heading-3-line-height, var(--heading-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
800
+ --_h3-letter-spacing: var(--card-heading-3-letter-spacing, var(--surface-heading-3-letter-spacing, var(--card-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--card-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--heading-3-letter-spacing, var(--heading-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
801
+ --_h3-text-indent: var(--card-heading-3-indent, var(--surface-heading-3-indent, var(--card-heading-indent, var(--surface-heading-indent, var(--card-heading-indent, var(--surface-heading-indent, var(--heading-3-indent, var(--heading-indent, var(--heading-indent, var(--indent, revert))))))))));
802
+ --_h3-font-variant: var(--card-heading-3-font-variant, var(--surface-heading-3-font-variant, var(--card-heading-font-variant, var(--surface-heading-font-variant, var(--card-heading-font-variant, var(--surface-heading-font-variant, var(--heading-3-font-variant, var(--heading-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
803
+ --_h3-text-align: var(--card-heading-3-text-align, var(--surface-heading-3-text-align, var(--card-heading-text-align, var(--surface-heading-text-align, var(--card-heading-text-align, var(--surface-heading-text-align, var(--heading-3-text-align, var(--heading-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
804
+ --_h4-color: var(--card-heading-4-fg, var(--surface-heading-4-fg, var(--card-heading-fg, var(--surface-heading-fg, var(--card-heading-fg, var(--surface-heading-fg, var(--heading-4-fg, var(--heading-fg, var(--heading-fg, revert)))))))));
805
+ --_h4-background: var(--card-heading-4-bg, var(--surface-heading-4-bg, var(--card-heading-bg, var(--surface-heading-bg, var(--card-heading-bg, var(--surface-heading-bg, var(--heading-4-bg, var(--heading-bg, var(--heading-bg, transparent)))))))));
806
+ --_h4-padding: var(--card-heading-4-padding, var(--surface-heading-4-padding, var(--card-heading-padding, var(--surface-heading-padding, var(--card-heading-padding, var(--surface-heading-padding, var(--heading-4-padding, var(--heading-padding, var(--heading-padding, 0)))))))));
807
+ --_h4-border: var(--card-heading-4-border, var(--surface-heading-4-border, var(--card-heading-border, var(--surface-heading-border, var(--card-heading-border, var(--surface-heading-border, var(--heading-4-border, var(--heading-border, var(--heading-border, none)))))))));
808
+ --_h4-border-width: var(--card-heading-4-border-width, var(--surface-heading-4-border-width, var(--card-heading-border-width, var(--surface-heading-border-width, var(--card-heading-border-width, var(--surface-heading-border-width, var(--heading-4-border-width, var(--heading-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
809
+ --_h4-border-style: var(--card-heading-4-border-style, var(--surface-heading-4-border-style, var(--card-heading-border-style, var(--surface-heading-border-style, var(--card-heading-border-style, var(--surface-heading-border-style, var(--heading-4-border-style, var(--heading-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
810
+ --_h4-border-color: var(--card-heading-4-border-color, var(--surface-heading-4-border-color, var(--card-heading-border-color, var(--surface-heading-border-color, var(--card-heading-border-color, var(--surface-heading-border-color, var(--heading-4-border-color, var(--heading-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
811
+ --_h4-border-radius: var(--card-heading-4-border-radius, var(--surface-heading-4-border-radius, var(--card-heading-border-radius, var(--surface-heading-border-radius, var(--card-heading-border-radius, var(--surface-heading-border-radius, var(--heading-4-border-radius, var(--heading-border-radius, var(--heading-border-radius, 0)))))))));
812
+ --_h4-box-shadow: var(--card-heading-4-box-shadow, var(--surface-heading-4-box-shadow, var(--card-heading-box-shadow, var(--surface-heading-box-shadow, var(--card-heading-box-shadow, var(--surface-heading-box-shadow, var(--heading-4-box-shadow, var(--heading-box-shadow, var(--heading-box-shadow, none)))))))));
813
+ --_h4-font-family: var(--card-heading-4-font-family, var(--surface-heading-4-font-family, var(--card-heading-font-family, var(--surface-heading-font-family, var(--card-heading-font-family, var(--surface-heading-font-family, var(--heading-4-font-family, var(--heading-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
814
+ --_h4-text-transform: var(--card-heading-4-text-transform, var(--surface-heading-4-text-transform, var(--card-heading-text-transform, var(--surface-heading-text-transform, var(--card-heading-text-transform, var(--surface-heading-text-transform, var(--heading-4-text-transform, var(--heading-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
815
+ --_h4-text-decoration: var(--card-heading-4-text-decoration, var(--surface-heading-4-text-decoration, var(--card-heading-text-decoration, var(--surface-heading-text-decoration, var(--card-heading-text-decoration, var(--surface-heading-text-decoration, var(--heading-4-text-decoration, var(--heading-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
816
+ --_h4-font-size: var(--card-heading-4-font-size, var(--surface-heading-4-font-size, var(--card-heading-font-size, var(--surface-heading-font-size, var(--card-heading-font-size, var(--surface-heading-font-size, var(--heading-4-font-size, var(--heading-font-size, var(--heading-font-size, revert)))))))));
817
+ --_h4-font-weight: var(--card-heading-4-font-weight, var(--surface-heading-4-font-weight, var(--card-heading-font-weight, var(--surface-heading-font-weight, var(--card-heading-font-weight, var(--surface-heading-font-weight, var(--heading-4-font-weight, var(--heading-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
818
+ --_h4-line-height: var(--card-heading-4-line-height, var(--surface-heading-4-line-height, var(--card-heading-line-height, var(--surface-heading-line-height, var(--card-heading-line-height, var(--surface-heading-line-height, var(--heading-4-line-height, var(--heading-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
819
+ --_h4-letter-spacing: var(--card-heading-4-letter-spacing, var(--surface-heading-4-letter-spacing, var(--card-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--card-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--heading-4-letter-spacing, var(--heading-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
820
+ --_h4-text-indent: var(--card-heading-4-indent, var(--surface-heading-4-indent, var(--card-heading-indent, var(--surface-heading-indent, var(--card-heading-indent, var(--surface-heading-indent, var(--heading-4-indent, var(--heading-indent, var(--heading-indent, var(--indent, revert))))))))));
821
+ --_h4-font-variant: var(--card-heading-4-font-variant, var(--surface-heading-4-font-variant, var(--card-heading-font-variant, var(--surface-heading-font-variant, var(--card-heading-font-variant, var(--surface-heading-font-variant, var(--heading-4-font-variant, var(--heading-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
822
+ --_h4-text-align: var(--card-heading-4-text-align, var(--surface-heading-4-text-align, var(--card-heading-text-align, var(--surface-heading-text-align, var(--card-heading-text-align, var(--surface-heading-text-align, var(--heading-4-text-align, var(--heading-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
823
+ --_h5-color: var(--card-heading-5-fg, var(--surface-heading-5-fg, var(--card-heading-minor-fg, var(--surface-heading-minor-fg, var(--card-heading-fg, var(--surface-heading-fg, var(--heading-5-fg, var(--heading-minor-fg, var(--heading-fg, revert)))))))));
824
+ --_h5-background: var(--card-heading-5-bg, var(--surface-heading-5-bg, var(--card-heading-minor-bg, var(--surface-heading-minor-bg, var(--card-heading-bg, var(--surface-heading-bg, var(--heading-5-bg, var(--heading-minor-bg, var(--heading-bg, transparent)))))))));
825
+ --_h5-padding: var(--card-heading-5-padding, var(--surface-heading-5-padding, var(--card-heading-minor-padding, var(--surface-heading-minor-padding, var(--card-heading-padding, var(--surface-heading-padding, var(--heading-5-padding, var(--heading-minor-padding, var(--heading-padding, 0)))))))));
826
+ --_h5-border: var(--card-heading-5-border, var(--surface-heading-5-border, var(--card-heading-minor-border, var(--surface-heading-minor-border, var(--card-heading-border, var(--surface-heading-border, var(--heading-5-border, var(--heading-minor-border, var(--heading-border, none)))))))));
827
+ --_h5-border-width: var(--card-heading-5-border-width, var(--surface-heading-5-border-width, var(--card-heading-minor-border-width, var(--surface-heading-minor-border-width, var(--card-heading-border-width, var(--surface-heading-border-width, var(--heading-5-border-width, var(--heading-minor-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
828
+ --_h5-border-style: var(--card-heading-5-border-style, var(--surface-heading-5-border-style, var(--card-heading-minor-border-style, var(--surface-heading-minor-border-style, var(--card-heading-border-style, var(--surface-heading-border-style, var(--heading-5-border-style, var(--heading-minor-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
829
+ --_h5-border-color: var(--card-heading-5-border-color, var(--surface-heading-5-border-color, var(--card-heading-minor-border-color, var(--surface-heading-minor-border-color, var(--card-heading-border-color, var(--surface-heading-border-color, var(--heading-5-border-color, var(--heading-minor-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
830
+ --_h5-border-radius: var(--card-heading-5-border-radius, var(--surface-heading-5-border-radius, var(--card-heading-minor-border-radius, var(--surface-heading-minor-border-radius, var(--card-heading-border-radius, var(--surface-heading-border-radius, var(--heading-5-border-radius, var(--heading-minor-border-radius, var(--heading-border-radius, 0)))))))));
831
+ --_h5-box-shadow: var(--card-heading-5-box-shadow, var(--surface-heading-5-box-shadow, var(--card-heading-minor-box-shadow, var(--surface-heading-minor-box-shadow, var(--card-heading-box-shadow, var(--surface-heading-box-shadow, var(--heading-5-box-shadow, var(--heading-minor-box-shadow, var(--heading-box-shadow, none)))))))));
832
+ --_h5-font-family: var(--card-heading-5-font-family, var(--surface-heading-5-font-family, var(--card-heading-minor-font-family, var(--surface-heading-minor-font-family, var(--card-heading-font-family, var(--surface-heading-font-family, var(--heading-5-font-family, var(--heading-minor-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
833
+ --_h5-text-transform: var(--card-heading-5-text-transform, var(--surface-heading-5-text-transform, var(--card-heading-minor-text-transform, var(--surface-heading-minor-text-transform, var(--card-heading-text-transform, var(--surface-heading-text-transform, var(--heading-5-text-transform, var(--heading-minor-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
834
+ --_h5-text-decoration: var(--card-heading-5-text-decoration, var(--surface-heading-5-text-decoration, var(--card-heading-minor-text-decoration, var(--surface-heading-minor-text-decoration, var(--card-heading-text-decoration, var(--surface-heading-text-decoration, var(--heading-5-text-decoration, var(--heading-minor-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
835
+ --_h5-font-size: var(--card-heading-5-font-size, var(--surface-heading-5-font-size, var(--card-heading-minor-font-size, var(--surface-heading-minor-font-size, var(--card-heading-font-size, var(--surface-heading-font-size, var(--heading-5-font-size, var(--heading-minor-font-size, var(--heading-font-size, revert)))))))));
836
+ --_h5-font-weight: var(--card-heading-5-font-weight, var(--surface-heading-5-font-weight, var(--card-heading-minor-font-weight, var(--surface-heading-minor-font-weight, var(--card-heading-font-weight, var(--surface-heading-font-weight, var(--heading-5-font-weight, var(--heading-minor-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
837
+ --_h5-line-height: var(--card-heading-5-line-height, var(--surface-heading-5-line-height, var(--card-heading-minor-line-height, var(--surface-heading-minor-line-height, var(--card-heading-line-height, var(--surface-heading-line-height, var(--heading-5-line-height, var(--heading-minor-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
838
+ --_h5-letter-spacing: var(--card-heading-5-letter-spacing, var(--surface-heading-5-letter-spacing, var(--card-heading-minor-letter-spacing, var(--surface-heading-minor-letter-spacing, var(--card-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--heading-5-letter-spacing, var(--heading-minor-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
839
+ --_h5-text-indent: var(--card-heading-5-indent, var(--surface-heading-5-indent, var(--card-heading-minor-indent, var(--surface-heading-minor-indent, var(--card-heading-indent, var(--surface-heading-indent, var(--heading-5-indent, var(--heading-minor-indent, var(--heading-indent, var(--indent, revert))))))))));
840
+ --_h5-font-variant: var(--card-heading-5-font-variant, var(--surface-heading-5-font-variant, var(--card-heading-minor-font-variant, var(--surface-heading-minor-font-variant, var(--card-heading-font-variant, var(--surface-heading-font-variant, var(--heading-5-font-variant, var(--heading-minor-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
841
+ --_h5-text-align: var(--card-heading-5-text-align, var(--surface-heading-5-text-align, var(--card-heading-minor-text-align, var(--surface-heading-minor-text-align, var(--card-heading-text-align, var(--surface-heading-text-align, var(--heading-5-text-align, var(--heading-minor-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
842
+ --_h6-color: var(--card-heading-6-fg, var(--surface-heading-6-fg, var(--card-heading-minor-fg, var(--surface-heading-minor-fg, var(--card-heading-fg, var(--surface-heading-fg, var(--heading-6-fg, var(--heading-minor-fg, var(--heading-fg, revert)))))))));
843
+ --_h6-background: var(--card-heading-6-bg, var(--surface-heading-6-bg, var(--card-heading-minor-bg, var(--surface-heading-minor-bg, var(--card-heading-bg, var(--surface-heading-bg, var(--heading-6-bg, var(--heading-minor-bg, var(--heading-bg, transparent)))))))));
844
+ --_h6-padding: var(--card-heading-6-padding, var(--surface-heading-6-padding, var(--card-heading-minor-padding, var(--surface-heading-minor-padding, var(--card-heading-padding, var(--surface-heading-padding, var(--heading-6-padding, var(--heading-minor-padding, var(--heading-padding, 0)))))))));
845
+ --_h6-border: var(--card-heading-6-border, var(--surface-heading-6-border, var(--card-heading-minor-border, var(--surface-heading-minor-border, var(--card-heading-border, var(--surface-heading-border, var(--heading-6-border, var(--heading-minor-border, var(--heading-border, none)))))))));
846
+ --_h6-border-width: var(--card-heading-6-border-width, var(--surface-heading-6-border-width, var(--card-heading-minor-border-width, var(--surface-heading-minor-border-width, var(--card-heading-border-width, var(--surface-heading-border-width, var(--heading-6-border-width, var(--heading-minor-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
847
+ --_h6-border-style: var(--card-heading-6-border-style, var(--surface-heading-6-border-style, var(--card-heading-minor-border-style, var(--surface-heading-minor-border-style, var(--card-heading-border-style, var(--surface-heading-border-style, var(--heading-6-border-style, var(--heading-minor-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
848
+ --_h6-border-color: var(--card-heading-6-border-color, var(--surface-heading-6-border-color, var(--card-heading-minor-border-color, var(--surface-heading-minor-border-color, var(--card-heading-border-color, var(--surface-heading-border-color, var(--heading-6-border-color, var(--heading-minor-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
849
+ --_h6-border-radius: var(--card-heading-6-border-radius, var(--surface-heading-6-border-radius, var(--card-heading-minor-border-radius, var(--surface-heading-minor-border-radius, var(--card-heading-border-radius, var(--surface-heading-border-radius, var(--heading-6-border-radius, var(--heading-minor-border-radius, var(--heading-border-radius, 0)))))))));
850
+ --_h6-box-shadow: var(--card-heading-6-box-shadow, var(--surface-heading-6-box-shadow, var(--card-heading-minor-box-shadow, var(--surface-heading-minor-box-shadow, var(--card-heading-box-shadow, var(--surface-heading-box-shadow, var(--heading-6-box-shadow, var(--heading-minor-box-shadow, var(--heading-box-shadow, none)))))))));
851
+ --_h6-font-family: var(--card-heading-6-font-family, var(--surface-heading-6-font-family, var(--card-heading-minor-font-family, var(--surface-heading-minor-font-family, var(--card-heading-font-family, var(--surface-heading-font-family, var(--heading-6-font-family, var(--heading-minor-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
852
+ --_h6-text-transform: var(--card-heading-6-text-transform, var(--surface-heading-6-text-transform, var(--card-heading-minor-text-transform, var(--surface-heading-minor-text-transform, var(--card-heading-text-transform, var(--surface-heading-text-transform, var(--heading-6-text-transform, var(--heading-minor-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
853
+ --_h6-text-decoration: var(--card-heading-6-text-decoration, var(--surface-heading-6-text-decoration, var(--card-heading-minor-text-decoration, var(--surface-heading-minor-text-decoration, var(--card-heading-text-decoration, var(--surface-heading-text-decoration, var(--heading-6-text-decoration, var(--heading-minor-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
854
+ --_h6-font-size: var(--card-heading-6-font-size, var(--surface-heading-6-font-size, var(--card-heading-minor-font-size, var(--surface-heading-minor-font-size, var(--card-heading-font-size, var(--surface-heading-font-size, var(--heading-6-font-size, var(--heading-minor-font-size, var(--heading-font-size, revert)))))))));
855
+ --_h6-font-weight: var(--card-heading-6-font-weight, var(--surface-heading-6-font-weight, var(--card-heading-minor-font-weight, var(--surface-heading-minor-font-weight, var(--card-heading-font-weight, var(--surface-heading-font-weight, var(--heading-6-font-weight, var(--heading-minor-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
856
+ --_h6-line-height: var(--card-heading-6-line-height, var(--surface-heading-6-line-height, var(--card-heading-minor-line-height, var(--surface-heading-minor-line-height, var(--card-heading-line-height, var(--surface-heading-line-height, var(--heading-6-line-height, var(--heading-minor-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
857
+ --_h6-letter-spacing: var(--card-heading-6-letter-spacing, var(--surface-heading-6-letter-spacing, var(--card-heading-minor-letter-spacing, var(--surface-heading-minor-letter-spacing, var(--card-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--heading-6-letter-spacing, var(--heading-minor-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
858
+ --_h6-text-indent: var(--card-heading-6-indent, var(--surface-heading-6-indent, var(--card-heading-minor-indent, var(--surface-heading-minor-indent, var(--card-heading-indent, var(--surface-heading-indent, var(--heading-6-indent, var(--heading-minor-indent, var(--heading-indent, var(--indent, revert))))))))));
859
+ --_h6-font-variant: var(--card-heading-6-font-variant, var(--surface-heading-6-font-variant, var(--card-heading-minor-font-variant, var(--surface-heading-minor-font-variant, var(--card-heading-font-variant, var(--surface-heading-font-variant, var(--heading-6-font-variant, var(--heading-minor-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
860
+ --_h6-text-align: var(--card-heading-6-text-align, var(--surface-heading-6-text-align, var(--card-heading-minor-text-align, var(--surface-heading-minor-text-align, var(--card-heading-text-align, var(--surface-heading-text-align, var(--heading-6-text-align, var(--heading-minor-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
945
861
  }
946
862
 
947
863
  /* ── Container queries ──────────────────────────────────── */