@cyberskill/design 2.8.0 → 2.9.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 (383) hide show
  1. package/DESIGN.md +7 -7
  2. package/README.md +14 -8
  3. package/SECURITY.md +4 -4
  4. package/SKILL.md +1 -1
  5. package/VERSION +1 -1
  6. package/_ds_bundle.js +2 -2
  7. package/_ds_bundle.js.map +1 -1
  8. package/_ds_manifest.json +210 -200
  9. package/_esm/cs.mjs +2 -2
  10. package/base/a11y.css +18 -2
  11. package/base/ai.css +2 -2
  12. package/base/collections.css +6 -3
  13. package/base/components.css +107 -20
  14. package/base/controls.css +55 -27
  15. package/base/data.css +17 -5
  16. package/base/feedback.css +8 -0
  17. package/base/forms.css +7 -4
  18. package/base/glass.css +95 -0
  19. package/base/navigation.css +9 -1
  20. package/base/responsive.css +9 -4
  21. package/components/contracts.json +202 -62
  22. package/components/css-index.json +145 -41
  23. package/components/data/data.card.html +1 -1
  24. package/components/prompt-api.json +2 -2
  25. package/components/release-compatibility.json +1 -1
  26. package/components/specifications.json +204 -64
  27. package/components/static-html-reference.json +20 -20
  28. package/dist/esm/build.json +1 -1
  29. package/dist/styles.css +385 -86
  30. package/dist/styles.min.css +1 -1
  31. package/docs/benchmark-rubric.md +1 -1
  32. package/docs/consuming.md +1 -1
  33. package/docs/contrast-report.md +8 -8
  34. package/docs/conventions.md +5 -5
  35. package/docs/decisions.md +2 -2
  36. package/docs/deploy.md +1 -1
  37. package/docs/design-styles.md +9 -8
  38. package/docs/doctrine.md +1 -1
  39. package/docs/four-axes.md +3 -3
  40. package/docs/quality-gates.md +3 -1
  41. package/docs/reference-catalog.json +52 -52
  42. package/docs/release-notes.md +18 -2
  43. package/docs/static-html-reference.md +18 -18
  44. package/docs/storybook.md +1 -1
  45. package/docs/template-inventory.json +35 -35
  46. package/docs/vi/benchmark-rubric.md +1 -1
  47. package/docs/vi/consuming.md +1 -1
  48. package/docs/vi/contrast-report.md +8 -8
  49. package/docs/vi/conventions.md +5 -5
  50. package/docs/vi/decisions.md +2 -2
  51. package/docs/vi/deploy.md +1 -1
  52. package/docs/vi/design-styles.md +9 -8
  53. package/docs/vi/doctrine.md +1 -1
  54. package/docs/vi/entrypoints/CONTRIBUTING.md +9 -2
  55. package/docs/vi/entrypoints/DESIGN.md +7 -7
  56. package/docs/vi/entrypoints/README.md +14 -8
  57. package/docs/vi/entrypoints/SKILL.md +1 -1
  58. package/docs/vi/entrypoints/llms.txt +1 -1
  59. package/docs/vi/four-axes.md +3 -3
  60. package/docs/vi/quality-gates.md +3 -1
  61. package/docs/vi/release-notes.md +18 -2
  62. package/docs/vi/static-html-reference.md +18 -18
  63. package/docs/vi/storybook.md +1 -1
  64. package/guidance/agent-contract.json +3 -3
  65. package/guidelines/atomic-view.html +7 -7
  66. package/guidelines/brand-imagery.html +1 -1
  67. package/guidelines/colors-surfaces.html +4 -4
  68. package/guidelines/colors-text.html +4 -4
  69. package/guidelines/elements-components.html +3 -3
  70. package/guidelines/elements-concept.html +1 -1
  71. package/guidelines/guideline-language.js +1 -1
  72. package/guidelines/motion.html +4 -4
  73. package/guidelines/responsive-bilingual.html +4 -4
  74. package/llms.txt +1 -1
  75. package/package.json +1 -1
  76. package/styles/components/manifest.json +179 -139
  77. package/styles.layered.css +245 -59
  78. package/styles.layered.provenance.json +16 -16
  79. package/templates/_vendor/doc-export.js +8 -1
  80. package/templates/ai-cluster-demo.html +2 -2
  81. package/templates/app-shell/AppShell.dc.html +2 -2
  82. package/templates/bod-deck/BodDeck.dc.html +3 -3
  83. package/templates/bod-investor-update/BodInvestorUpdate.dc.html +1 -1
  84. package/templates/dashboard/Dashboard.dc.html +2 -2
  85. package/templates/delivery-qbr-deck/DeliveryQbrDeck.dc.html +2 -2
  86. package/templates/delivery-status-email/DeliveryStatusEmail.dc.html +1 -1
  87. package/templates/email/Email-VN-standalone.html +2 -2
  88. package/templates/email-safe/email-announcement.html +5 -5
  89. package/templates/email-safe/email-dunning.html +5 -5
  90. package/templates/email-safe/email-investor.html +5 -5
  91. package/templates/email-safe/email-launch.html +5 -5
  92. package/templates/email-safe/email-newsletter.html +6 -6
  93. package/templates/email-safe/email-status.html +5 -5
  94. package/templates/email-safe/email-transactional.html +5 -5
  95. package/templates/kitchen-sink.html +10 -6
  96. package/templates/marketing-newsletter/MarketingNewsletter.dc.html +4 -4
  97. package/templates/marketing-page/MarketingPage.dc.html +4 -2
  98. package/templates/playground.html +5 -4
  99. package/templates/sales-proposal-deck/SalesProposalDeck.dc.html +5 -5
  100. package/tokens/colors.css +1 -1
  101. package/tokens/declarations.json +1851 -1355
  102. package/tokens/element-seeds.json +1 -1
  103. package/tokens/elements.css +40 -10
  104. package/tokens/elevation.css +2 -2
  105. package/tokens/modes/dark__default__comfortable__high.dtcg.json +1 -1
  106. package/tokens/modes/dark__default__comfortable__standard.dtcg.json +1 -1
  107. package/tokens/modes/dark__default__compact__high.dtcg.json +1 -1
  108. package/tokens/modes/dark__default__compact__standard.dtcg.json +1 -1
  109. package/tokens/modes/dark__hoa-lava__comfortable__high.dtcg.json +1 -1
  110. package/tokens/modes/dark__hoa-lava__comfortable__standard.dtcg.json +1 -1
  111. package/tokens/modes/dark__hoa-lava__compact__high.dtcg.json +1 -1
  112. package/tokens/modes/dark__hoa-lava__compact__standard.dtcg.json +1 -1
  113. package/tokens/modes/dark__hoa-plasma__comfortable__high.dtcg.json +1 -1
  114. package/tokens/modes/dark__hoa-plasma__comfortable__standard.dtcg.json +1 -1
  115. package/tokens/modes/dark__hoa-plasma__compact__high.dtcg.json +1 -1
  116. package/tokens/modes/dark__hoa-plasma__compact__standard.dtcg.json +1 -1
  117. package/tokens/modes/dark__hoa__comfortable__high.dtcg.json +1 -1
  118. package/tokens/modes/dark__hoa__comfortable__standard.dtcg.json +1 -1
  119. package/tokens/modes/dark__hoa__compact__high.dtcg.json +1 -1
  120. package/tokens/modes/dark__hoa__compact__standard.dtcg.json +1 -1
  121. package/tokens/modes/dark__kim-steel__comfortable__high.dtcg.json +1 -1
  122. package/tokens/modes/dark__kim-steel__comfortable__standard.dtcg.json +1 -1
  123. package/tokens/modes/dark__kim-steel__compact__high.dtcg.json +1 -1
  124. package/tokens/modes/dark__kim-steel__compact__standard.dtcg.json +1 -1
  125. package/tokens/modes/dark__kim-titanium__comfortable__high.dtcg.json +1 -1
  126. package/tokens/modes/dark__kim-titanium__comfortable__standard.dtcg.json +1 -1
  127. package/tokens/modes/dark__kim-titanium__compact__high.dtcg.json +1 -1
  128. package/tokens/modes/dark__kim-titanium__compact__standard.dtcg.json +1 -1
  129. package/tokens/modes/dark__kim__comfortable__high.dtcg.json +1 -1
  130. package/tokens/modes/dark__kim__comfortable__standard.dtcg.json +1 -1
  131. package/tokens/modes/dark__kim__compact__high.dtcg.json +1 -1
  132. package/tokens/modes/dark__kim__compact__standard.dtcg.json +1 -1
  133. package/tokens/modes/dark__moc-bamboo__comfortable__high.dtcg.json +1 -1
  134. package/tokens/modes/dark__moc-bamboo__comfortable__standard.dtcg.json +1 -1
  135. package/tokens/modes/dark__moc-bamboo__compact__high.dtcg.json +1 -1
  136. package/tokens/modes/dark__moc-bamboo__compact__standard.dtcg.json +1 -1
  137. package/tokens/modes/dark__moc-forest__comfortable__high.dtcg.json +1 -1
  138. package/tokens/modes/dark__moc-forest__comfortable__standard.dtcg.json +1 -1
  139. package/tokens/modes/dark__moc-forest__compact__high.dtcg.json +1 -1
  140. package/tokens/modes/dark__moc-forest__compact__standard.dtcg.json +1 -1
  141. package/tokens/modes/dark__moc__comfortable__high.dtcg.json +1 -1
  142. package/tokens/modes/dark__moc__comfortable__standard.dtcg.json +1 -1
  143. package/tokens/modes/dark__moc__compact__high.dtcg.json +1 -1
  144. package/tokens/modes/dark__moc__compact__standard.dtcg.json +1 -1
  145. package/tokens/modes/dark__tho-clay__comfortable__high.dtcg.json +1 -1
  146. package/tokens/modes/dark__tho-clay__comfortable__standard.dtcg.json +1 -1
  147. package/tokens/modes/dark__tho-clay__compact__high.dtcg.json +1 -1
  148. package/tokens/modes/dark__tho-clay__compact__standard.dtcg.json +1 -1
  149. package/tokens/modes/dark__tho-sand__comfortable__high.dtcg.json +1 -1
  150. package/tokens/modes/dark__tho-sand__comfortable__standard.dtcg.json +1 -1
  151. package/tokens/modes/dark__tho-sand__compact__high.dtcg.json +1 -1
  152. package/tokens/modes/dark__tho-sand__compact__standard.dtcg.json +1 -1
  153. package/tokens/modes/dark__tho__comfortable__high.dtcg.json +1 -1
  154. package/tokens/modes/dark__tho__comfortable__standard.dtcg.json +1 -1
  155. package/tokens/modes/dark__tho__compact__high.dtcg.json +1 -1
  156. package/tokens/modes/dark__tho__compact__standard.dtcg.json +1 -1
  157. package/tokens/modes/dark__thuy-mist__comfortable__high.dtcg.json +1 -1
  158. package/tokens/modes/dark__thuy-mist__comfortable__standard.dtcg.json +1 -1
  159. package/tokens/modes/dark__thuy-mist__compact__high.dtcg.json +1 -1
  160. package/tokens/modes/dark__thuy-mist__compact__standard.dtcg.json +1 -1
  161. package/tokens/modes/dark__thuy-ocean__comfortable__high.dtcg.json +1 -1
  162. package/tokens/modes/dark__thuy-ocean__comfortable__standard.dtcg.json +1 -1
  163. package/tokens/modes/dark__thuy-ocean__compact__high.dtcg.json +1 -1
  164. package/tokens/modes/dark__thuy-ocean__compact__standard.dtcg.json +1 -1
  165. package/tokens/modes/dark__thuy__comfortable__high.dtcg.json +1 -1
  166. package/tokens/modes/dark__thuy__comfortable__standard.dtcg.json +1 -1
  167. package/tokens/modes/dark__thuy__compact__high.dtcg.json +1 -1
  168. package/tokens/modes/dark__thuy__compact__standard.dtcg.json +1 -1
  169. package/tokens/modes/index.json +275 -275
  170. package/tokens/modes/light__default__comfortable__high.dtcg.json +1 -1
  171. package/tokens/modes/light__default__comfortable__standard.dtcg.json +1 -1
  172. package/tokens/modes/light__default__compact__high.dtcg.json +1 -1
  173. package/tokens/modes/light__default__compact__standard.dtcg.json +1 -1
  174. package/tokens/modes/light__hoa-lava__comfortable__high.dtcg.json +1 -1
  175. package/tokens/modes/light__hoa-lava__comfortable__standard.dtcg.json +1 -1
  176. package/tokens/modes/light__hoa-lava__compact__high.dtcg.json +1 -1
  177. package/tokens/modes/light__hoa-lava__compact__standard.dtcg.json +1 -1
  178. package/tokens/modes/light__hoa-plasma__comfortable__high.dtcg.json +1 -1
  179. package/tokens/modes/light__hoa-plasma__comfortable__standard.dtcg.json +1 -1
  180. package/tokens/modes/light__hoa-plasma__compact__high.dtcg.json +1 -1
  181. package/tokens/modes/light__hoa-plasma__compact__standard.dtcg.json +1 -1
  182. package/tokens/modes/light__hoa__comfortable__high.dtcg.json +1 -1
  183. package/tokens/modes/light__hoa__comfortable__standard.dtcg.json +1 -1
  184. package/tokens/modes/light__hoa__compact__high.dtcg.json +1 -1
  185. package/tokens/modes/light__hoa__compact__standard.dtcg.json +1 -1
  186. package/tokens/modes/light__kim-steel__comfortable__high.dtcg.json +1 -1
  187. package/tokens/modes/light__kim-steel__comfortable__standard.dtcg.json +1 -1
  188. package/tokens/modes/light__kim-steel__compact__high.dtcg.json +1 -1
  189. package/tokens/modes/light__kim-steel__compact__standard.dtcg.json +1 -1
  190. package/tokens/modes/light__kim-titanium__comfortable__high.dtcg.json +1 -1
  191. package/tokens/modes/light__kim-titanium__comfortable__standard.dtcg.json +1 -1
  192. package/tokens/modes/light__kim-titanium__compact__high.dtcg.json +1 -1
  193. package/tokens/modes/light__kim-titanium__compact__standard.dtcg.json +1 -1
  194. package/tokens/modes/light__kim__comfortable__high.dtcg.json +1 -1
  195. package/tokens/modes/light__kim__comfortable__standard.dtcg.json +1 -1
  196. package/tokens/modes/light__kim__compact__high.dtcg.json +1 -1
  197. package/tokens/modes/light__kim__compact__standard.dtcg.json +1 -1
  198. package/tokens/modes/light__moc-bamboo__comfortable__high.dtcg.json +1 -1
  199. package/tokens/modes/light__moc-bamboo__comfortable__standard.dtcg.json +1 -1
  200. package/tokens/modes/light__moc-bamboo__compact__high.dtcg.json +1 -1
  201. package/tokens/modes/light__moc-bamboo__compact__standard.dtcg.json +1 -1
  202. package/tokens/modes/light__moc-forest__comfortable__high.dtcg.json +1 -1
  203. package/tokens/modes/light__moc-forest__comfortable__standard.dtcg.json +1 -1
  204. package/tokens/modes/light__moc-forest__compact__high.dtcg.json +1 -1
  205. package/tokens/modes/light__moc-forest__compact__standard.dtcg.json +1 -1
  206. package/tokens/modes/light__moc__comfortable__high.dtcg.json +1 -1
  207. package/tokens/modes/light__moc__comfortable__standard.dtcg.json +1 -1
  208. package/tokens/modes/light__moc__compact__high.dtcg.json +1 -1
  209. package/tokens/modes/light__moc__compact__standard.dtcg.json +1 -1
  210. package/tokens/modes/light__tho-clay__comfortable__high.dtcg.json +1 -1
  211. package/tokens/modes/light__tho-clay__comfortable__standard.dtcg.json +1 -1
  212. package/tokens/modes/light__tho-clay__compact__high.dtcg.json +1 -1
  213. package/tokens/modes/light__tho-clay__compact__standard.dtcg.json +1 -1
  214. package/tokens/modes/light__tho-sand__comfortable__high.dtcg.json +1 -1
  215. package/tokens/modes/light__tho-sand__comfortable__standard.dtcg.json +1 -1
  216. package/tokens/modes/light__tho-sand__compact__high.dtcg.json +1 -1
  217. package/tokens/modes/light__tho-sand__compact__standard.dtcg.json +1 -1
  218. package/tokens/modes/light__tho__comfortable__high.dtcg.json +1 -1
  219. package/tokens/modes/light__tho__comfortable__standard.dtcg.json +1 -1
  220. package/tokens/modes/light__tho__compact__high.dtcg.json +1 -1
  221. package/tokens/modes/light__tho__compact__standard.dtcg.json +1 -1
  222. package/tokens/modes/light__thuy-mist__comfortable__high.dtcg.json +1 -1
  223. package/tokens/modes/light__thuy-mist__comfortable__standard.dtcg.json +1 -1
  224. package/tokens/modes/light__thuy-mist__compact__high.dtcg.json +1 -1
  225. package/tokens/modes/light__thuy-mist__compact__standard.dtcg.json +1 -1
  226. package/tokens/modes/light__thuy-ocean__comfortable__high.dtcg.json +1 -1
  227. package/tokens/modes/light__thuy-ocean__comfortable__standard.dtcg.json +1 -1
  228. package/tokens/modes/light__thuy-ocean__compact__high.dtcg.json +1 -1
  229. package/tokens/modes/light__thuy-ocean__compact__standard.dtcg.json +1 -1
  230. package/tokens/modes/light__thuy__comfortable__high.dtcg.json +1 -1
  231. package/tokens/modes/light__thuy__comfortable__standard.dtcg.json +1 -1
  232. package/tokens/modes/light__thuy__compact__high.dtcg.json +1 -1
  233. package/tokens/modes/light__thuy__compact__standard.dtcg.json +1 -1
  234. package/tokens/modes/system-dark__default__comfortable__high.dtcg.json +1 -1
  235. package/tokens/modes/system-dark__default__comfortable__standard.dtcg.json +1 -1
  236. package/tokens/modes/system-dark__default__compact__high.dtcg.json +1 -1
  237. package/tokens/modes/system-dark__default__compact__standard.dtcg.json +1 -1
  238. package/tokens/modes/system-dark__hoa-lava__comfortable__high.dtcg.json +1 -1
  239. package/tokens/modes/system-dark__hoa-lava__comfortable__standard.dtcg.json +1 -1
  240. package/tokens/modes/system-dark__hoa-lava__compact__high.dtcg.json +1 -1
  241. package/tokens/modes/system-dark__hoa-lava__compact__standard.dtcg.json +1 -1
  242. package/tokens/modes/system-dark__hoa-plasma__comfortable__high.dtcg.json +1 -1
  243. package/tokens/modes/system-dark__hoa-plasma__comfortable__standard.dtcg.json +1 -1
  244. package/tokens/modes/system-dark__hoa-plasma__compact__high.dtcg.json +1 -1
  245. package/tokens/modes/system-dark__hoa-plasma__compact__standard.dtcg.json +1 -1
  246. package/tokens/modes/system-dark__hoa__comfortable__high.dtcg.json +1 -1
  247. package/tokens/modes/system-dark__hoa__comfortable__standard.dtcg.json +1 -1
  248. package/tokens/modes/system-dark__hoa__compact__high.dtcg.json +1 -1
  249. package/tokens/modes/system-dark__hoa__compact__standard.dtcg.json +1 -1
  250. package/tokens/modes/system-dark__kim-steel__comfortable__high.dtcg.json +1 -1
  251. package/tokens/modes/system-dark__kim-steel__comfortable__standard.dtcg.json +1 -1
  252. package/tokens/modes/system-dark__kim-steel__compact__high.dtcg.json +1 -1
  253. package/tokens/modes/system-dark__kim-steel__compact__standard.dtcg.json +1 -1
  254. package/tokens/modes/system-dark__kim-titanium__comfortable__high.dtcg.json +1 -1
  255. package/tokens/modes/system-dark__kim-titanium__comfortable__standard.dtcg.json +1 -1
  256. package/tokens/modes/system-dark__kim-titanium__compact__high.dtcg.json +1 -1
  257. package/tokens/modes/system-dark__kim-titanium__compact__standard.dtcg.json +1 -1
  258. package/tokens/modes/system-dark__kim__comfortable__high.dtcg.json +1 -1
  259. package/tokens/modes/system-dark__kim__comfortable__standard.dtcg.json +1 -1
  260. package/tokens/modes/system-dark__kim__compact__high.dtcg.json +1 -1
  261. package/tokens/modes/system-dark__kim__compact__standard.dtcg.json +1 -1
  262. package/tokens/modes/system-dark__moc-bamboo__comfortable__high.dtcg.json +1 -1
  263. package/tokens/modes/system-dark__moc-bamboo__comfortable__standard.dtcg.json +1 -1
  264. package/tokens/modes/system-dark__moc-bamboo__compact__high.dtcg.json +1 -1
  265. package/tokens/modes/system-dark__moc-bamboo__compact__standard.dtcg.json +1 -1
  266. package/tokens/modes/system-dark__moc-forest__comfortable__high.dtcg.json +1 -1
  267. package/tokens/modes/system-dark__moc-forest__comfortable__standard.dtcg.json +1 -1
  268. package/tokens/modes/system-dark__moc-forest__compact__high.dtcg.json +1 -1
  269. package/tokens/modes/system-dark__moc-forest__compact__standard.dtcg.json +1 -1
  270. package/tokens/modes/system-dark__moc__comfortable__high.dtcg.json +1 -1
  271. package/tokens/modes/system-dark__moc__comfortable__standard.dtcg.json +1 -1
  272. package/tokens/modes/system-dark__moc__compact__high.dtcg.json +1 -1
  273. package/tokens/modes/system-dark__moc__compact__standard.dtcg.json +1 -1
  274. package/tokens/modes/system-dark__tho-clay__comfortable__high.dtcg.json +1 -1
  275. package/tokens/modes/system-dark__tho-clay__comfortable__standard.dtcg.json +1 -1
  276. package/tokens/modes/system-dark__tho-clay__compact__high.dtcg.json +1 -1
  277. package/tokens/modes/system-dark__tho-clay__compact__standard.dtcg.json +1 -1
  278. package/tokens/modes/system-dark__tho-sand__comfortable__high.dtcg.json +1 -1
  279. package/tokens/modes/system-dark__tho-sand__comfortable__standard.dtcg.json +1 -1
  280. package/tokens/modes/system-dark__tho-sand__compact__high.dtcg.json +1 -1
  281. package/tokens/modes/system-dark__tho-sand__compact__standard.dtcg.json +1 -1
  282. package/tokens/modes/system-dark__tho__comfortable__high.dtcg.json +1 -1
  283. package/tokens/modes/system-dark__tho__comfortable__standard.dtcg.json +1 -1
  284. package/tokens/modes/system-dark__tho__compact__high.dtcg.json +1 -1
  285. package/tokens/modes/system-dark__tho__compact__standard.dtcg.json +1 -1
  286. package/tokens/modes/system-dark__thuy-mist__comfortable__high.dtcg.json +1 -1
  287. package/tokens/modes/system-dark__thuy-mist__comfortable__standard.dtcg.json +1 -1
  288. package/tokens/modes/system-dark__thuy-mist__compact__high.dtcg.json +1 -1
  289. package/tokens/modes/system-dark__thuy-mist__compact__standard.dtcg.json +1 -1
  290. package/tokens/modes/system-dark__thuy-ocean__comfortable__high.dtcg.json +1 -1
  291. package/tokens/modes/system-dark__thuy-ocean__comfortable__standard.dtcg.json +1 -1
  292. package/tokens/modes/system-dark__thuy-ocean__compact__high.dtcg.json +1 -1
  293. package/tokens/modes/system-dark__thuy-ocean__compact__standard.dtcg.json +1 -1
  294. package/tokens/modes/system-dark__thuy__comfortable__high.dtcg.json +1 -1
  295. package/tokens/modes/system-dark__thuy__comfortable__standard.dtcg.json +1 -1
  296. package/tokens/modes/system-dark__thuy__compact__high.dtcg.json +1 -1
  297. package/tokens/modes/system-dark__thuy__compact__standard.dtcg.json +1 -1
  298. package/tokens/modes/system-light__default__comfortable__high.dtcg.json +1 -1
  299. package/tokens/modes/system-light__default__comfortable__standard.dtcg.json +1 -1
  300. package/tokens/modes/system-light__default__compact__high.dtcg.json +1 -1
  301. package/tokens/modes/system-light__default__compact__standard.dtcg.json +1 -1
  302. package/tokens/modes/system-light__hoa-lava__comfortable__high.dtcg.json +1 -1
  303. package/tokens/modes/system-light__hoa-lava__comfortable__standard.dtcg.json +1 -1
  304. package/tokens/modes/system-light__hoa-lava__compact__high.dtcg.json +1 -1
  305. package/tokens/modes/system-light__hoa-lava__compact__standard.dtcg.json +1 -1
  306. package/tokens/modes/system-light__hoa-plasma__comfortable__high.dtcg.json +1 -1
  307. package/tokens/modes/system-light__hoa-plasma__comfortable__standard.dtcg.json +1 -1
  308. package/tokens/modes/system-light__hoa-plasma__compact__high.dtcg.json +1 -1
  309. package/tokens/modes/system-light__hoa-plasma__compact__standard.dtcg.json +1 -1
  310. package/tokens/modes/system-light__hoa__comfortable__high.dtcg.json +1 -1
  311. package/tokens/modes/system-light__hoa__comfortable__standard.dtcg.json +1 -1
  312. package/tokens/modes/system-light__hoa__compact__high.dtcg.json +1 -1
  313. package/tokens/modes/system-light__hoa__compact__standard.dtcg.json +1 -1
  314. package/tokens/modes/system-light__kim-steel__comfortable__high.dtcg.json +1 -1
  315. package/tokens/modes/system-light__kim-steel__comfortable__standard.dtcg.json +1 -1
  316. package/tokens/modes/system-light__kim-steel__compact__high.dtcg.json +1 -1
  317. package/tokens/modes/system-light__kim-steel__compact__standard.dtcg.json +1 -1
  318. package/tokens/modes/system-light__kim-titanium__comfortable__high.dtcg.json +1 -1
  319. package/tokens/modes/system-light__kim-titanium__comfortable__standard.dtcg.json +1 -1
  320. package/tokens/modes/system-light__kim-titanium__compact__high.dtcg.json +1 -1
  321. package/tokens/modes/system-light__kim-titanium__compact__standard.dtcg.json +1 -1
  322. package/tokens/modes/system-light__kim__comfortable__high.dtcg.json +1 -1
  323. package/tokens/modes/system-light__kim__comfortable__standard.dtcg.json +1 -1
  324. package/tokens/modes/system-light__kim__compact__high.dtcg.json +1 -1
  325. package/tokens/modes/system-light__kim__compact__standard.dtcg.json +1 -1
  326. package/tokens/modes/system-light__moc-bamboo__comfortable__high.dtcg.json +1 -1
  327. package/tokens/modes/system-light__moc-bamboo__comfortable__standard.dtcg.json +1 -1
  328. package/tokens/modes/system-light__moc-bamboo__compact__high.dtcg.json +1 -1
  329. package/tokens/modes/system-light__moc-bamboo__compact__standard.dtcg.json +1 -1
  330. package/tokens/modes/system-light__moc-forest__comfortable__high.dtcg.json +1 -1
  331. package/tokens/modes/system-light__moc-forest__comfortable__standard.dtcg.json +1 -1
  332. package/tokens/modes/system-light__moc-forest__compact__high.dtcg.json +1 -1
  333. package/tokens/modes/system-light__moc-forest__compact__standard.dtcg.json +1 -1
  334. package/tokens/modes/system-light__moc__comfortable__high.dtcg.json +1 -1
  335. package/tokens/modes/system-light__moc__comfortable__standard.dtcg.json +1 -1
  336. package/tokens/modes/system-light__moc__compact__high.dtcg.json +1 -1
  337. package/tokens/modes/system-light__moc__compact__standard.dtcg.json +1 -1
  338. package/tokens/modes/system-light__tho-clay__comfortable__high.dtcg.json +1 -1
  339. package/tokens/modes/system-light__tho-clay__comfortable__standard.dtcg.json +1 -1
  340. package/tokens/modes/system-light__tho-clay__compact__high.dtcg.json +1 -1
  341. package/tokens/modes/system-light__tho-clay__compact__standard.dtcg.json +1 -1
  342. package/tokens/modes/system-light__tho-sand__comfortable__high.dtcg.json +1 -1
  343. package/tokens/modes/system-light__tho-sand__comfortable__standard.dtcg.json +1 -1
  344. package/tokens/modes/system-light__tho-sand__compact__high.dtcg.json +1 -1
  345. package/tokens/modes/system-light__tho-sand__compact__standard.dtcg.json +1 -1
  346. package/tokens/modes/system-light__tho__comfortable__high.dtcg.json +1 -1
  347. package/tokens/modes/system-light__tho__comfortable__standard.dtcg.json +1 -1
  348. package/tokens/modes/system-light__tho__compact__high.dtcg.json +1 -1
  349. package/tokens/modes/system-light__tho__compact__standard.dtcg.json +1 -1
  350. package/tokens/modes/system-light__thuy-mist__comfortable__high.dtcg.json +1 -1
  351. package/tokens/modes/system-light__thuy-mist__comfortable__standard.dtcg.json +1 -1
  352. package/tokens/modes/system-light__thuy-mist__compact__high.dtcg.json +1 -1
  353. package/tokens/modes/system-light__thuy-mist__compact__standard.dtcg.json +1 -1
  354. package/tokens/modes/system-light__thuy-ocean__comfortable__high.dtcg.json +1 -1
  355. package/tokens/modes/system-light__thuy-ocean__comfortable__standard.dtcg.json +1 -1
  356. package/tokens/modes/system-light__thuy-ocean__compact__high.dtcg.json +1 -1
  357. package/tokens/modes/system-light__thuy-ocean__compact__standard.dtcg.json +1 -1
  358. package/tokens/modes/system-light__thuy__comfortable__high.dtcg.json +1 -1
  359. package/tokens/modes/system-light__thuy__comfortable__standard.dtcg.json +1 -1
  360. package/tokens/modes/system-light__thuy__compact__high.dtcg.json +1 -1
  361. package/tokens/modes/system-light__thuy__compact__standard.dtcg.json +1 -1
  362. package/tokens/native/CSModes.kt +129 -125
  363. package/tokens/native/CSModes.swift +129 -125
  364. package/tokens/native/CSTokens.kt +8 -8
  365. package/tokens/native/CSTokens.swift +8 -8
  366. package/tokens/native/cs_modes.dart +129 -125
  367. package/tokens/native/cs_tokens.dart +8 -8
  368. package/tokens/native/mode-provenance.json +11 -11
  369. package/tokens/provenance.json +6 -6
  370. package/tokens/styles.css +8 -4
  371. package/tokens/tokens.dtcg.json +26 -26
  372. package/tokens/tokens.js +12 -12
  373. package/tokens/tokens.json +11 -11
  374. package/tokens/variables.css +48 -15
  375. package/tokens/viewer.html +1 -0
  376. package/ui_kits/status-hub/login.html +3 -3
  377. package/ui_kits/status-hub/project.html +4 -6
  378. package/ui_kits/status-hub/settings.html +2 -3
  379. package/ui_kits/status-hub/status.css +24 -15
  380. package/ui_kits/website/careers.html +10 -17
  381. package/ui_kits/website/chat.html +14 -3
  382. package/ui_kits/website/site.css +21 -21
  383. package/ui_kits/website/work.html +4 -10
package/docs/static-html-reference.md CHANGED
@@ -34,7 +34,7 @@ Fixture (component descriptors are documented in the inventory; wrapper context
34
34
  ```
35
35
 
36
36
  ```html
37
- <span class="cs-ai-disclosure"><button type="button" class="cs-ai-disclosure__badge" aria-expanded="false">AI assisted</button></span><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 700; line-height: 21px; letter-spacing: normal; color: rgb(255, 255, 255); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-glass-standard-opacity: 80%; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-gap: 8px; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-doc-ink: #1A1614; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-duration-fast: 120ms; --cs-component-button-radius: 8px; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-breakpoint-md: 768px; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-font-weight-regular: 400; --cs-space-16: 64px; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
37
+ <span class="cs-ai-disclosure"><button type="button" class="cs-ai-disclosure__badge" aria-expanded="false">AI assisted</button></span><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 700; line-height: 21px; letter-spacing: normal; color: rgb(255, 255, 255); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #5E4436; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #A4631E; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #A4631E; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #5E4436; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #A4631E; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-font-weight-regular: 400; --cs-space-16: 64px; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
38
38
  ```
39
39
 
40
40
  ## Accordion
@@ -548,7 +548,7 @@ Fixture (component descriptors are documented in the inventory; wrapper context
548
548
  ```
549
549
 
550
550
  ```html
551
- <div class="cs-cascader"><button id="reference-id-001" aria-label="Region" type="button" class="cs-treeselect__field" aria-haspopup="listbox" aria-expanded="false"><span>Alpha</span><span aria-hidden="true">▾</span></button></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-glass-standard-opacity: 80%; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-gap: 8px; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-doc-ink: #1A1614; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-duration-fast: 120ms; --cs-component-button-radius: 8px; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-breakpoint-md: 768px; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-font-weight-regular: 400; --cs-space-16: 64px; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
551
+ <div class="cs-cascader"><button id="reference-id-001" aria-label="Region" type="button" class="cs-treeselect__field" aria-haspopup="listbox" aria-expanded="false"><span>Alpha</span><span aria-hidden="true">▾</span></button></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #5E4436; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #A4631E; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #A4631E; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #5E4436; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #A4631E; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-font-weight-regular: 400; --cs-space-16: 64px; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
552
552
  ```
553
553
 
554
554
  ## Chart
@@ -718,7 +718,7 @@ Fixture (component descriptors are documented in the inventory; wrapper context
718
718
  ```
719
719
 
720
720
  ```html
721
- <span class="cs-colorpicker"><button id="reference-id-001" aria-label="Accent: #F4BA17" type="button" class="cs-colorpicker__field" aria-expanded="false"><i style="background: rgb(244, 186, 23);"></i><code>#F4BA17</code></button></span><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;JetBrains Mono&quot;, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-glass-standard-opacity: 80%; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-gap: 8px; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-doc-ink: #1A1614; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-duration-fast: 120ms; --cs-component-button-radius: 8px; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-breakpoint-md: 768px; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-font-weight-regular: 400; --cs-space-16: 64px; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
721
+ <span class="cs-colorpicker"><button id="reference-id-001" aria-label="Accent: #F4BA17" type="button" class="cs-colorpicker__field" aria-expanded="false"><i style="background: rgb(244, 186, 23);"></i><code>#F4BA17</code></button></span><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;JetBrains Mono&quot;, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #5E4436; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #A4631E; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #A4631E; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #5E4436; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #A4631E; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-font-weight-regular: 400; --cs-space-16: 64px; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
722
722
  ```
723
723
 
724
724
  ## Combobox
@@ -751,7 +751,7 @@ Fixture (component descriptors are documented in the inventory; wrapper context
751
751
  ```
752
752
 
753
753
  ```html
754
- <div class="cs-combobox"><input role="combobox" aria-expanded="false" aria-autocomplete="list" aria-label="Project" placeholder="Select or type…" id="reference-id-001" value="Alpha"><span class="cs-combobox__caret" aria-hidden="true">▾</span></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-glass-standard-opacity: 80%; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-gap: 8px; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-doc-ink: #1A1614; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-duration-fast: 120ms; --cs-component-button-radius: 8px; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-breakpoint-md: 768px; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-font-weight-regular: 400; --cs-space-16: 64px; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
754
+ <div class="cs-combobox"><input role="combobox" aria-expanded="false" aria-autocomplete="list" aria-label="Project" placeholder="Select or type…" id="reference-id-001" value="Alpha"><span class="cs-combobox__caret" aria-hidden="true">▾</span></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #5E4436; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #A4631E; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #A4631E; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #5E4436; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #A4631E; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-font-weight-regular: 400; --cs-space-16: 64px; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
755
755
  ```
756
756
 
757
757
  ## CommandPalette
@@ -861,7 +861,7 @@ Fixture (component descriptors are documented in the inventory; wrapper context
861
861
  ```
862
862
 
863
863
  ```html
864
- <div class="cs-ctxmenu-zone" role="group" aria-label="Context menu" tabindex="0"><div>Reference &lt;example&gt; &amp; "quoted" text</div></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-glass-standard-opacity: 80%; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-gap: 8px; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-doc-ink: #1A1614; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-duration-fast: 120ms; --cs-component-button-radius: 8px; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-breakpoint-md: 768px; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-font-weight-regular: 400; --cs-space-16: 64px; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
864
+ <div class="cs-ctxmenu-zone" role="group" aria-label="Context menu" tabindex="0"><div>Reference &lt;example&gt; &amp; "quoted" text</div></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #5E4436; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #A4631E; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #A4631E; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #5E4436; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #A4631E; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-font-weight-regular: 400; --cs-space-16: 64px; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
865
865
  ```
866
866
 
867
867
  ## DataGrid
@@ -950,7 +950,7 @@ Fixture (component descriptors are documented in the inventory; wrapper context
950
950
  ```
951
951
 
952
952
  ```html
953
- <div class="cs-datepicker"><button type="button" class="cs-datepicker__field" aria-haspopup="dialog" aria-expanded="false" aria-label="Date" id="reference-id-001"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="5" width="18" height="16" rx="2"></rect><path d="M8 3v4M16 3v4M3 10h18"></path></svg><span>20 Oct 2026</span></button></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-glass-standard-opacity: 80%; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-gap: 8px; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-doc-ink: #1A1614; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-duration-fast: 120ms; --cs-component-button-radius: 8px; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-breakpoint-md: 768px; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-font-weight-regular: 400; --cs-space-16: 64px; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
953
+ <div class="cs-datepicker"><button type="button" class="cs-datepicker__field" aria-haspopup="dialog" aria-expanded="false" aria-label="Date" id="reference-id-001"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="5" width="18" height="16" rx="2"></rect><path d="M8 3v4M16 3v4M3 10h18"></path></svg><span>20 Oct 2026</span></button></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #5E4436; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #A4631E; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #A4631E; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #5E4436; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #A4631E; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-font-weight-regular: 400; --cs-space-16: 64px; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
954
954
  ```
955
955
 
956
956
  ## DescriptionList
@@ -1162,7 +1162,7 @@ Fixture (component descriptors are documented in the inventory; wrapper context
1162
1162
  ```
1163
1163
 
1164
1164
  ```html
1165
- <div class="cs-fab"><button type="button" class="cs-fab__main" aria-label="Create">+</button></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-glass-standard-opacity: 80%; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-gap: 8px; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-doc-ink: #1A1614; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-duration-fast: 120ms; --cs-component-button-radius: 8px; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-breakpoint-md: 768px; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-font-weight-regular: 400; --cs-space-16: 64px; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
1165
+ <div class="cs-fab"><button type="button" class="cs-fab__main" aria-label="Create">+</button></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #5E4436; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #A4631E; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #A4631E; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #5E4436; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #A4631E; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-font-weight-regular: 400; --cs-space-16: 64px; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
1166
1166
  ```
1167
1167
 
1168
1168
  ## Form
@@ -1373,7 +1373,7 @@ Fixture (component descriptors are documented in the inventory; wrapper context
1373
1373
  ```
1374
1374
 
1375
1375
  ```html
1376
- <span class="cs-hovercard"><button type="button">Hover reference</button></span><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-glass-standard-opacity: 80%; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-gap: 8px; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-doc-ink: #1A1614; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-duration-fast: 120ms; --cs-component-button-radius: 8px; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-breakpoint-md: 768px; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-font-weight-regular: 400; --cs-space-16: 64px; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
1376
+ <span class="cs-hovercard"><button type="button">Hover reference</button></span><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #5E4436; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #A4631E; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #A4631E; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #5E4436; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #A4631E; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-font-weight-regular: 400; --cs-space-16: 64px; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
1377
1377
  ```
1378
1378
 
1379
1379
  ## HumanReviewGate
@@ -1976,7 +1976,7 @@ Fixture (component descriptors are documented in the inventory; wrapper context
1976
1976
  ```
1977
1977
 
1978
1978
  ```html
1979
- <span class="cs-mentions"><textarea class="cs-field__control" rows="3" placeholder="Add a note — @ to mention" aria-label="Message" aria-autocomplete="list" aria-haspopup="listbox"></textarea></span><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-glass-standard-opacity: 80%; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-gap: 8px; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-doc-ink: #1A1614; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-duration-fast: 120ms; --cs-component-button-radius: 8px; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-breakpoint-md: 768px; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-font-weight-regular: 400; --cs-space-16: 64px; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
1979
+ <span class="cs-mentions"><textarea class="cs-field__control" rows="3" placeholder="Add a note — @ to mention" aria-label="Message" aria-autocomplete="list" aria-haspopup="listbox"></textarea></span><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #5E4436; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #A4631E; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #A4631E; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #5E4436; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #A4631E; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-font-weight-regular: 400; --cs-space-16: 64px; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
1980
1980
  ```
1981
1981
 
1982
1982
  ## Menu
@@ -2014,7 +2014,7 @@ Fixture (component descriptors are documented in the inventory; wrapper context
2014
2014
  ```
2015
2015
 
2016
2016
  ```html
2017
- <div class="cs-menu"><button type="button" aria-haspopup="menu" aria-expanded="true">Reference menu</button></div><span data-cs-floating-root="" lang="en" data-open="true" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-glass-standard-opacity: 80%; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-gap: 8px; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-doc-ink: #1A1614; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-duration-fast: 120ms; --cs-component-button-radius: 8px; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-breakpoint-md: 768px; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-font-weight-regular: 400; --cs-space-16: 64px; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"><div class="cs-menu__list" role="menu" aria-label="Menu" style="transition-property: opacity, color, background-color, border-color, box-shadow; position: fixed; inset: 30px auto auto 8px; transform: none; margin: 0px; box-sizing: border-box; overflow-y: auto; z-index: 60; max-width: 1264px; min-width: 200px; max-height: 682px; min-height: 0px;" data-cs-placement="bottom-start"><button type="button" role="menuitem" tabindex="0" class="cs-menu__item">Reference item</button></div></span>
2017
+ <div class="cs-menu"><button type="button" aria-haspopup="menu" aria-expanded="true">Reference menu</button></div><span data-cs-floating-root="" lang="en" data-open="true" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #5E4436; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #A4631E; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #A4631E; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #5E4436; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #A4631E; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-font-weight-regular: 400; --cs-space-16: 64px; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"><div class="cs-menu__list" role="menu" aria-label="Menu" style="transition-property: opacity, color, background-color, border-color, box-shadow; position: fixed; inset: 30px auto auto 8px; transform: none; margin: 0px; box-sizing: border-box; overflow-y: auto; z-index: 60; max-width: 1264px; min-width: 200px; max-height: 682px; min-height: 0px;" data-cs-placement="bottom-start"><button type="button" role="menuitem" tabindex="0" class="cs-menu__item">Reference item</button></div></span>
2018
2018
  ```
2019
2019
 
2020
2020
  ## MenuItem
@@ -2051,7 +2051,7 @@ Fixture (component descriptors are documented in the inventory; wrapper context
2051
2051
  ```
2052
2052
 
2053
2053
  ```html
2054
- <div class="cs-menu"><button type="button" aria-haspopup="menu" aria-expanded="true">Reference menu</button></div><span data-cs-floating-root="" lang="en" data-open="true" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-glass-standard-opacity: 80%; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-gap: 8px; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-doc-ink: #1A1614; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-duration-fast: 120ms; --cs-component-button-radius: 8px; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-breakpoint-md: 768px; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-font-weight-regular: 400; --cs-space-16: 64px; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"><div class="cs-menu__list" role="menu" aria-label="Menu" style="transition-property: opacity, color, background-color, border-color, box-shadow; position: fixed; inset: 30px auto auto 8px; transform: none; margin: 0px; box-sizing: border-box; overflow-y: auto; z-index: 60; max-width: 1264px; min-width: 200px; max-height: 682px; min-height: 0px;" data-cs-placement="bottom-start"><button type="button" role="menuitem" tabindex="0" class="cs-menu__item">Reference item</button></div></span>
2054
+ <div class="cs-menu"><button type="button" aria-haspopup="menu" aria-expanded="true">Reference menu</button></div><span data-cs-floating-root="" lang="en" data-open="true" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #5E4436; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #A4631E; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #A4631E; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #5E4436; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #A4631E; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-font-weight-regular: 400; --cs-space-16: 64px; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"><div class="cs-menu__list" role="menu" aria-label="Menu" style="transition-property: opacity, color, background-color, border-color, box-shadow; position: fixed; inset: 30px auto auto 8px; transform: none; margin: 0px; box-sizing: border-box; overflow-y: auto; z-index: 60; max-width: 1264px; min-width: 200px; max-height: 682px; min-height: 0px;" data-cs-placement="bottom-start"><button type="button" role="menuitem" tabindex="0" class="cs-menu__item">Reference item</button></div></span>
2055
2055
  ```
2056
2056
 
2057
2057
  ## Menubar
@@ -2082,7 +2082,7 @@ Fixture (component descriptors are documented in the inventory; wrapper context
2082
2082
  ```
2083
2083
 
2084
2084
  ```html
2085
- <div class="cs-menubar" role="menubar" aria-label="Application menu"><span class="cs-menubar__wrap"><button id="reference-id-001" type="button" role="menuitem" aria-haspopup="menu" aria-expanded="false" tabindex="0" class="cs-menubar__top">File</button></span></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-glass-standard-opacity: 80%; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-gap: 8px; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-doc-ink: #1A1614; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-duration-fast: 120ms; --cs-component-button-radius: 8px; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-breakpoint-md: 768px; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-font-weight-regular: 400; --cs-space-16: 64px; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
2085
+ <div class="cs-menubar" role="menubar" aria-label="Application menu"><span class="cs-menubar__wrap"><button id="reference-id-001" type="button" role="menuitem" aria-haspopup="menu" aria-expanded="false" tabindex="0" class="cs-menubar__top">File</button></span></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #5E4436; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #A4631E; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #A4631E; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #5E4436; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #A4631E; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-font-weight-regular: 400; --cs-space-16: 64px; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
2086
2086
  ```
2087
2087
 
2088
2088
  ## NativeSelect
@@ -2165,7 +2165,7 @@ Fixture (component descriptors are documented in the inventory; wrapper context
2165
2165
  ```
2166
2166
 
2167
2167
  ```html
2168
- <nav class="cs-navmenu"><a href="#reference" class="cs-navmenu__top">Reference</a></nav><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-glass-standard-opacity: 80%; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-gap: 8px; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-doc-ink: #1A1614; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-duration-fast: 120ms; --cs-component-button-radius: 8px; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-breakpoint-md: 768px; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-font-weight-regular: 400; --cs-space-16: 64px; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
2168
+ <nav class="cs-navmenu"><a href="#reference" class="cs-navmenu__top">Reference</a></nav><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #5E4436; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #A4631E; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #A4631E; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #5E4436; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #A4631E; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-font-weight-regular: 400; --cs-space-16: 64px; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
2169
2169
  ```
2170
2170
 
2171
2171
  ## NumberField
@@ -2270,7 +2270,7 @@ Fixture (component descriptors are documented in the inventory; wrapper context
2270
2270
  ```
2271
2271
 
2272
2272
  ```html
2273
- <span class="cs-popconfirm"><button type="button" aria-haspopup="dialog" aria-expanded="false">Confirm reference</button></span><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-glass-standard-opacity: 80%; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-gap: 8px; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-doc-ink: #1A1614; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-duration-fast: 120ms; --cs-component-button-radius: 8px; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-breakpoint-md: 768px; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-font-weight-regular: 400; --cs-space-16: 64px; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
2273
+ <span class="cs-popconfirm"><button type="button" aria-haspopup="dialog" aria-expanded="false">Confirm reference</button></span><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #5E4436; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #A4631E; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #A4631E; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #5E4436; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #A4631E; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-font-weight-regular: 400; --cs-space-16: 64px; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
2274
2274
  ```
2275
2275
 
2276
2276
  ## Popover
@@ -2303,7 +2303,7 @@ Fixture (component descriptors are documented in the inventory; wrapper context
2303
2303
  ```
2304
2304
 
2305
2305
  ```html
2306
- <span class="cs-popover"><button type="button" aria-haspopup="dialog" aria-expanded="true">Reference details</button></span><span data-cs-floating-root="" lang="en" data-open="true" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-glass-standard-opacity: 80%; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-gap: 8px; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-doc-ink: #1A1614; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-duration-fast: 120ms; --cs-component-button-radius: 8px; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-breakpoint-md: 768px; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-font-weight-regular: 400; --cs-space-16: 64px; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"><div class="cs-popover__panel" role="dialog" aria-label="Reference details" style="transition-property: opacity, color, background-color, border-color, box-shadow; position: fixed; inset: 32px auto auto 8px; transform: none; margin: 0px; box-sizing: border-box; overflow-y: auto; z-index: 60; max-width: 1264px; min-width: 240px; max-height: 680px; min-height: 0px;" data-cs-placement="bottom-start">Reference &lt;example&gt; &amp; "quoted" text</div></span>
2306
+ <span class="cs-popover"><button type="button" aria-haspopup="dialog" aria-expanded="true">Reference details</button></span><span data-cs-floating-root="" lang="en" data-open="true" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #5E4436; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #A4631E; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #A4631E; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #5E4436; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #A4631E; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-font-weight-regular: 400; --cs-space-16: 64px; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"><div class="cs-popover__panel" role="dialog" aria-label="Reference details" style="transition-property: opacity, color, background-color, border-color, box-shadow; position: fixed; inset: 32px auto auto 8px; transform: none; margin: 0px; box-sizing: border-box; overflow-y: auto; z-index: 60; max-width: 1264px; min-width: 240px; max-height: 680px; min-height: 0px;" data-cs-placement="bottom-start">Reference &lt;example&gt; &amp; "quoted" text</div></span>
2307
2307
  ```
2308
2308
 
2309
2309
  ## ProgressBar
@@ -3185,7 +3185,7 @@ Fixture (component descriptors are documented in the inventory; wrapper context
3185
3185
  ```
3186
3186
 
3187
3187
  ```html
3188
- <div class="cs-toolbar" role="toolbar" aria-orientation="horizontal"><button type="button" class="cs-toolbar__btn" tabindex="0"><span>Reference action</span></button></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-glass-standard-opacity: 80%; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-gap: 8px; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-doc-ink: #1A1614; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-duration-fast: 120ms; --cs-component-button-radius: 8px; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-breakpoint-md: 768px; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-font-weight-regular: 400; --cs-space-16: 64px; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
3188
+ <div class="cs-toolbar" role="toolbar" aria-orientation="horizontal"><button type="button" class="cs-toolbar__btn" tabindex="0"><span>Reference action</span></button></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #5E4436; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #A4631E; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #A4631E; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #5E4436; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #A4631E; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-font-weight-regular: 400; --cs-space-16: 64px; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
3189
3189
  ```
3190
3190
 
3191
3191
  ## Tooltip
@@ -3216,7 +3216,7 @@ Fixture (component descriptors are documented in the inventory; wrapper context
3216
3216
  ```
3217
3217
 
3218
3218
  ```html
3219
- <span class="cs-tooltip" data-managed="" data-open="false"><button type="button" aria-describedby="reference-id-001">Reference action</button></span><span data-cs-floating-root="" lang="en" data-managed="" data-open="false" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-glass-standard-opacity: 80%; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-gap: 8px; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-doc-ink: #1A1614; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-duration-fast: 120ms; --cs-component-button-radius: 8px; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-breakpoint-md: 768px; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-font-weight-regular: 400; --cs-space-16: 64px; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"><span id="reference-id-001" class="cs-tooltip__bubble" role="tooltip" hidden="">Reference help</span></span>
3219
+ <span class="cs-tooltip" data-managed="" data-open="false"><button type="button" aria-describedby="reference-id-001">Reference action</button></span><span data-cs-floating-root="" lang="en" data-managed="" data-open="false" style="display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #5E4436; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #A4631E; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #A4631E; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #5E4436; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #A4631E; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-font-weight-regular: 400; --cs-space-16: 64px; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"><span id="reference-id-001" class="cs-tooltip__bubble" role="tooltip" hidden="">Reference help</span></span>
3220
3220
  ```
3221
3221
 
3222
3222
  ## Tour
@@ -3344,7 +3344,7 @@ Fixture (component descriptors are documented in the inventory; wrapper context
3344
3344
  ```
3345
3345
 
3346
3346
  ```html
3347
- <div class="cs-treeselect"><button id="reference-id-001" aria-label="Region" type="button" class="cs-treeselect__field" aria-haspopup="tree" aria-expanded="false"><span>Alpha</span><span aria-hidden="true">▾</span></button></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-glass-standard-opacity: 80%; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-gap: 8px; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-doc-ink: #1A1614; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-duration-fast: 120ms; --cs-component-button-radius: 8px; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-breakpoint-md: 768px; --cs-color-semantic-info: #1D4ED8; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-font-weight-regular: 400; --cs-space-16: 64px; --cs-space-24: 96px; --cs-prose-measure: 45rem; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;"></span>
3347
+ <div class="cs-treeselect"><button id="reference-id-001" aria-label="Region" type="button" class="cs-treeselect__field" aria-haspopup="tree" aria-expanded="false"><span>Alpha</span><span aria-hidden="true">▾</span></button></div><span data-cs-floating-root="" lang="en" data-open="false" style="display: contents; font-family: &quot;Be Vietnam Pro&quot;, ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-icon-lg: 24px; --cs-component-button-lg-padding-x: 28px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-icon-sm: 16px; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --cs-accent-tint: #FBF4E9; --_cs-light-color-brand-ochre: #F4BA17; --_cs-light-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-component-button-md-padding-y: 12px; --cs-radius-full: 999px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-depth-nav: 50; --cs-doc-ink: #1A1614; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #5E4436; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-lg-paddingY: 16px; --cs-component-button-sm-min-height-coarse: 44px; --cs-component-button-gap: 8px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-font-size-base: 1rem; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #A4631E; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #A4631E; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #5E4436; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xs: 0px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #A4631E; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --_cs-dark-component-textfield-border-default: #5a4636; --cs-space-24: 96px; --cs-font-weight-regular: 400; --cs-space-16: 64px; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-radius-sm: 4px; --cs-component-button-xs-paddingY: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-duration-base: 200ms; --_cs-light-color-surface-raised: #FBF4E9; --cs-component-button-sm-padding-y: 8px; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;"></span>
3348
3348
  ```
3349
3349
 
3350
3350
  ## TreeTable