@ponchia/ui 0.6.9 → 0.6.11

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 (145) hide show
  1. package/CHANGELOG.md +92 -0
  2. package/README.md +38 -25
  3. package/annotations/index.d.ts +15 -15
  4. package/annotations/index.d.ts.map +1 -1
  5. package/annotations/index.js +52 -34
  6. package/behaviors/carousel.d.ts +7 -3
  7. package/behaviors/carousel.d.ts.map +1 -1
  8. package/behaviors/carousel.js +157 -27
  9. package/behaviors/combobox.d.ts +1 -1
  10. package/behaviors/combobox.d.ts.map +1 -1
  11. package/behaviors/combobox.js +46 -23
  12. package/behaviors/command.d.ts +1 -1
  13. package/behaviors/command.d.ts.map +1 -1
  14. package/behaviors/command.js +63 -23
  15. package/behaviors/connectors.d.ts.map +1 -1
  16. package/behaviors/connectors.js +126 -19
  17. package/behaviors/crosshair.d.ts.map +1 -1
  18. package/behaviors/crosshair.js +71 -8
  19. package/behaviors/dialog.d.ts.map +1 -1
  20. package/behaviors/dialog.js +20 -3
  21. package/behaviors/disclosure.d.ts.map +1 -1
  22. package/behaviors/disclosure.js +35 -6
  23. package/behaviors/dismissible.js +1 -1
  24. package/behaviors/forms.d.ts +23 -2
  25. package/behaviors/forms.d.ts.map +1 -1
  26. package/behaviors/forms.js +97 -9
  27. package/behaviors/glyph.d.ts.map +1 -1
  28. package/behaviors/glyph.js +56 -5
  29. package/behaviors/internal.d.ts.map +1 -1
  30. package/behaviors/internal.js +52 -5
  31. package/behaviors/menu.d.ts.map +1 -1
  32. package/behaviors/menu.js +2 -1
  33. package/behaviors/modal.d.ts.map +1 -1
  34. package/behaviors/modal.js +25 -9
  35. package/behaviors/popover.d.ts.map +1 -1
  36. package/behaviors/popover.js +8 -6
  37. package/behaviors/sources.d.ts.map +1 -1
  38. package/behaviors/sources.js +24 -3
  39. package/behaviors/splitter.d.ts.map +1 -1
  40. package/behaviors/splitter.js +27 -6
  41. package/behaviors/table.d.ts.map +1 -1
  42. package/behaviors/table.js +44 -7
  43. package/behaviors/tabs.d.ts.map +1 -1
  44. package/behaviors/tabs.js +51 -14
  45. package/behaviors/theme.d.ts.map +1 -1
  46. package/behaviors/theme.js +64 -4
  47. package/behaviors/toast.d.ts +6 -1
  48. package/behaviors/toast.d.ts.map +1 -1
  49. package/behaviors/toast.js +48 -12
  50. package/classes/classes.json +57 -2
  51. package/classes/index.d.ts +13 -2
  52. package/classes/index.js +88 -40
  53. package/connectors/index.d.ts +4 -4
  54. package/connectors/index.d.ts.map +1 -1
  55. package/connectors/index.js +14 -12
  56. package/css/annotations.css +1 -0
  57. package/css/app.css +7 -0
  58. package/css/base.css +3 -0
  59. package/css/bullet.css +41 -7
  60. package/css/code.css +14 -0
  61. package/css/command.css +10 -0
  62. package/css/dataviz.css +27 -0
  63. package/css/diff.css +2 -0
  64. package/css/disclosure.css +8 -0
  65. package/css/dots.css +1 -1
  66. package/css/feedback.css +9 -0
  67. package/css/interval.css +20 -2
  68. package/css/legend.css +10 -9
  69. package/css/marks.css +1 -0
  70. package/css/motion.css +2 -0
  71. package/css/overlay.css +14 -2
  72. package/css/primitives.css +1 -1
  73. package/css/report.css +3 -0
  74. package/css/sources.css +4 -4
  75. package/css/spotlight.css +6 -0
  76. package/css/table.css +19 -0
  77. package/css/term.css +4 -1
  78. package/css/tokens.css +8 -13
  79. package/css/workbench.css +128 -0
  80. package/dist/bronto.css +1 -1
  81. package/dist/css/analytical.css +1 -1
  82. package/dist/css/app.css +1 -1
  83. package/dist/css/bullet.css +1 -1
  84. package/dist/css/code.css +1 -1
  85. package/dist/css/command.css +1 -1
  86. package/dist/css/dataviz.css +1 -1
  87. package/dist/css/diff.css +1 -1
  88. package/dist/css/disclosure.css +1 -1
  89. package/dist/css/dots.css +1 -1
  90. package/dist/css/feedback.css +1 -1
  91. package/dist/css/interval.css +1 -1
  92. package/dist/css/legend.css +1 -1
  93. package/dist/css/marks.css +1 -1
  94. package/dist/css/overlay.css +1 -1
  95. package/dist/css/primitives.css +1 -1
  96. package/dist/css/report-kit.css +1 -1
  97. package/dist/css/sources.css +1 -1
  98. package/dist/css/spotlight.css +1 -1
  99. package/dist/css/table.css +1 -1
  100. package/dist/css/term.css +1 -1
  101. package/dist/css/tokens.css +1 -1
  102. package/dist/css/workbench.css +1 -1
  103. package/docs/annotations.md +27 -0
  104. package/docs/architecture.md +5 -3
  105. package/docs/bullet.md +6 -1
  106. package/docs/clamp.md +5 -0
  107. package/docs/command.md +3 -2
  108. package/docs/contrast.md +3 -3
  109. package/docs/crosshair.md +6 -0
  110. package/docs/dots.md +10 -3
  111. package/docs/figure.md +7 -0
  112. package/docs/glyphs.md +14 -2
  113. package/docs/highlights.md +9 -0
  114. package/docs/interval.md +6 -0
  115. package/docs/mermaid.md +5 -3
  116. package/docs/package-contract.md +24 -1
  117. package/docs/reference.md +21 -1
  118. package/docs/reporting.md +8 -8
  119. package/docs/selection.md +9 -0
  120. package/docs/sources.md +5 -0
  121. package/docs/state.md +6 -0
  122. package/docs/textref.md +18 -13
  123. package/docs/theming.md +18 -8
  124. package/docs/toc.md +6 -0
  125. package/docs/tree.md +9 -2
  126. package/docs/usage.md +2 -2
  127. package/docs/vega.md +5 -3
  128. package/docs/workbench.md +56 -9
  129. package/glyphs/glyphs.js +62 -8
  130. package/index.d.ts +1 -0
  131. package/llms.txt +18 -14
  132. package/package.json +98 -6
  133. package/qwik/index.d.ts +4 -3
  134. package/qwik/index.d.ts.map +1 -1
  135. package/qwik/index.js +7 -5
  136. package/react/index.d.ts +4 -3
  137. package/react/index.d.ts.map +1 -1
  138. package/react/index.js +3 -2
  139. package/solid/index.d.ts +7 -5
  140. package/solid/index.d.ts.map +1 -1
  141. package/solid/index.js +11 -7
  142. package/tokens/vega.d.ts +1 -1
  143. package/tokens/vega.js +3 -2
  144. package/vue/index.d.ts.map +1 -1
  145. package/vue/index.js +37 -3
package/dist/css/report-kit.css CHANGED
@@ -1 +1 @@
1
- @layer bronto{.ui-report{--report-width: 72rem;--report-padding-block: var(--space-2xl);--report-gap: var(--space-lg);--report-measure: 74ch;color: var(--text-soft);display: grid;gap: var(--report-gap);inline-size: min(100%,var(--report-width));margin-inline: auto;padding: var(--report-padding-block) var(--space-md)}.ui-report--compact{--report-gap: var(--space-md);--report-padding-block: var(--space-xl)}.ui-report--numbered{counter-reset: report-section}.ui-report > *,.ui-report__cover > *,.ui-report__head > *,.ui-report__toc > *,.ui-report__summary > *,.ui-report__decision > *,.ui-report__finding > *,.ui-report__evidence > *,.ui-report__section > *,.ui-report__figure > *,.ui-claim > *,.ui-evidence-grid > *,.ui-evidence-ledger > *,.ui-compare > *,.ui-compare__col > *{min-inline-size: 0}.ui-report__cover{align-content: end;border-block-end: 1px solid var(--line);display: grid;gap: var(--space-md);min-block-size: min(62vh,34rem);padding-block-end: var(--space-xl)}.ui-report__cover--compact{min-block-size: auto;padding-block: var(--space-xl) var(--space-lg)}.ui-report__head{align-items: end;border-block-end: 1px solid var(--line);display: flex;flex-wrap: wrap;gap: var(--space-md);justify-content: space-between;padding-block-end: var(--space-md)}.ui-report__title{color: var(--text);font-family: var(--display);font-size: calc(var(--text-xl) * 1.35);font-weight: var(--display-weight-strong);letter-spacing: 0;line-height: 1.05;margin: 0;max-inline-size: var(--report-measure);text-transform: uppercase;text-wrap: balance}.ui-report__subtitle{color: var(--text-dim);font-size: var(--text-lg);line-height: 1.5;margin: 0;max-inline-size: var(--report-measure)}.ui-report__meta{align-items: center;color: var(--text-dim);display: flex;flex-wrap: wrap;font-family: var(--mono);font-size: var(--text-2xs);gap: 0.55rem;letter-spacing: 0;list-style: none;margin: 0;padding: 0;text-transform: uppercase}.ui-report__meta > *{align-items: center;display: inline-flex;gap: 0.55rem}.ui-report__meta > :not(:last-child)::after{background: var(--line-strong);border-radius: 50%;block-size: 0.22rem;content: '';inline-size: 0.22rem}.ui-report__toc{border: 1px solid var(--line);border-radius: var(--radius-md);display: grid;gap: var(--space-xs);padding: var(--space-md)}.ui-report__toc ol,.ui-report__toc ul{display: grid;gap: 0.35rem;margin: 0;padding-inline-start: var(--space-md)}.ui-report__toc a{color: var(--text);text-decoration: underline;text-decoration-color: color-mix(in srgb,var(--accent) 45%,transparent);text-underline-offset: 0.2rem}.ui-report__summary,.ui-report__finding,.ui-report__evidence{background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-md);display: grid;gap: var(--space-sm);padding: var(--space-md)}.ui-report__summary{border-inline-start: 2px solid var(--accent)}.ui-report__decision{background: var(--panel);border: 1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-inline-start: 3px solid var(--accent);border-radius: var(--radius-md);display: grid;gap: var(--space-sm);padding: var(--space-md)}.ui-report__decision-kicker{color: var(--accent-text);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);margin: 0;text-transform: uppercase}.ui-report__decision-title{color: var(--text);font-family: var(--display);font-size: var(--text-lg);font-weight: var(--display-weight);letter-spacing: 0;line-height: 1.18;margin: 0;text-transform: uppercase;text-wrap: balance}.ui-report__decision-body{color: var(--text-soft);line-height: 1.6;margin: 0;max-inline-size: var(--report-measure)}.ui-report__decision-meta{color: var(--text-dim);display: flex;flex-wrap: wrap;font-family: var(--mono);font-size: var(--text-2xs);gap: 0.45rem 0.75rem;letter-spacing: 0}.ui-report__decision-grid{border-block-start: 1px solid var(--line);display: grid;gap: 0}.ui-report__decision-item{align-items: start;border-block-end: 1px solid var(--line);display: grid;gap: var(--space-xs);grid-template-columns: minmax(8rem,14rem) minmax(0,1fr);padding-block: var(--space-xs)}.ui-report__decision-label,.ui-report__decision-value{margin: 0}.ui-report__decision-label{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);text-transform: uppercase}.ui-report__decision-value{color: var(--text-soft);line-height: 1.5}.ui-report__finding{--report-finding-tone: var(--line-strong);border-inline-start: 2px solid var(--report-finding-tone)}.ui-report__finding--critical{--report-finding-tone: var(--danger)}.ui-report__finding--major{--report-finding-tone: var(--warning)}.ui-report__finding--minor{--report-finding-tone: var(--info)}.ui-report__finding--resolved{--report-finding-tone: var(--success)}.ui-report__finding-title,.ui-report__finding-claim,.ui-report__finding-impact,.ui-report__finding-remediation,.ui-report__finding-evidence,.ui-report__finding-caveat{margin: 0}.ui-report__finding-title{color: var(--text);font-size: var(--text-base);font-weight: 650;line-height: 1.25}.ui-report__finding-claim{color: var(--text);line-height: 1.6}.ui-report__finding-impact,.ui-report__finding-remediation,.ui-report__finding-evidence{color: var(--text-soft);line-height: 1.55}.ui-report__finding-caveat{color: var(--text-dim);font-size: var(--text-sm);line-height: 1.55}.ui-claim{--claim-tone: var(--accent);background: var(--panel-soft);border: 1px solid var(--line);border-inline-start: 2px solid var(--claim-tone);border-radius: var(--radius-md);display: grid;gap: var(--space-xs);padding: var(--space-sm)}.ui-claim--supported{--claim-tone: var(--success)}.ui-claim--partial{--claim-tone: var(--warning)}.ui-claim--disputed,.ui-claim--unsupported{--claim-tone: var(--danger)}.ui-claim--unknown{--claim-tone: var(--info)}.ui-claim__statement,.ui-claim__status,.ui-claim__scope,.ui-claim__basis,.ui-claim__limits,.ui-claim__refs,.ui-claim__caveat{margin: 0}.ui-claim__statement{color: var(--text);font-weight: 650;line-height: 1.45}.ui-claim__status,.ui-claim__scope,.ui-claim__refs{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0;text-transform: uppercase}.ui-claim__basis,.ui-claim__limits,.ui-claim__caveat{color: var(--text-soft);font-size: var(--text-sm);line-height: 1.55}.ui-report__evidence{background: var(--panel-soft)}.ui-report__evidence:has(> .ui-table-wrap:only-child){padding: 0}.ui-report__evidence:has(> .ui-table-wrap:only-child) > .ui-table-wrap{border: 0;border-radius: var(--radius-md)}.ui-report__section{display: grid;gap: var(--space-md);scroll-margin-block-start: 6rem}.ui-report__section + .ui-report__section{border-block-start: 1px solid var(--line);padding-block-start: var(--space-xl)}.ui-report__section-head{color: var(--text);font-family: var(--display);font-size: var(--text-xl);font-weight: var(--display-weight);letter-spacing: 0;line-height: 1.1;margin: 0;text-transform: uppercase;text-wrap: balance}.ui-report--numbered .ui-report__section-head::before{color: var(--accent-text);content: counter(report-section,decimal-leading-zero) ' / ';counter-increment: report-section}.ui-report--numbered .ui-report__section--unnumbered > .ui-report__section-head::before{content: none;counter-increment: none}.ui-report__figure{display: grid;gap: var(--space-sm);margin: 0}.ui-report__caption{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0;line-height: 1.5;text-transform: uppercase}.ui-evidence-grid{display: grid;gap: var(--space-sm);grid-template-columns: repeat(auto-fit,minmax(min(100%,16rem),1fr))}.ui-evidence-item{background: var(--panel-soft);border: 1px solid var(--line);border-radius: var(--radius-md);display: grid;gap: 0.35rem;padding: var(--space-sm)}.ui-evidence-item__title{color: var(--text);font-size: var(--text-sm);font-weight: 600;margin: 0}.ui-evidence-item__meta{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0}.ui-evidence-item__body{color: var(--text-soft);font-size: var(--text-sm);line-height: 1.55;margin: 0}.ui-evidence-item__kind,.ui-evidence-item__method,.ui-evidence-item__window,.ui-evidence-item__value,.ui-evidence-item__source,.ui-evidence-item__caveat{margin: 0}.ui-evidence-item__kind,.ui-evidence-item__method,.ui-evidence-item__window,.ui-evidence-item__source{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0;text-transform: uppercase}.ui-evidence-item__value{color: var(--text);font-size: var(--text-base);font-weight: 650}.ui-evidence-item__caveat{color: var(--text-dim);font-size: var(--text-sm);line-height: 1.5}.ui-evidence-ledger{display: grid;gap: var(--space-sm)}.ui-report__actions{border-block-start: 1px solid var(--line);display: grid;gap: 0}.ui-report__action{align-items: start;border-block-end: 1px solid var(--line);display: grid;gap: var(--space-xs);grid-template-columns: minmax(0,1fr) auto;padding-block: var(--space-sm)}.ui-report__action > :not(.ui-report__action-status){grid-column: 1}.ui-report__action-status{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);grid-column: 2;grid-row: 1;letter-spacing: var(--tracking-wide);place-self: start end;text-transform: uppercase;white-space: nowrap}.ui-report__action-title,.ui-report__action-owner,.ui-report__action-due,.ui-report__action-priority,.ui-report__action-criteria,.ui-report__action-source{margin: 0}.ui-report__action-title{color: var(--text);font-weight: 650;line-height: 1.45}.ui-report__action-owner,.ui-report__action-due,.ui-report__action-priority,.ui-report__action-source{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0;text-transform: uppercase}.ui-report__action-criteria{color: var(--text-soft);font-size: var(--text-sm);line-height: 1.5}@media (max-width: 32rem){.ui-report__decision-item,.ui-report__action{grid-template-columns: 1fr}.ui-report__action-status{grid-column: 1;grid-row: auto;place-self: auto start}}.ui-report__sources,.ui-report__appendix,.ui-report__footnotes{border-block-start: 1px solid var(--line);color: var(--text-dim);display: grid;font-size: var(--text-sm);gap: var(--space-sm);padding-block-start: var(--space-md)}.ui-compare{display: grid;gap: var(--space-md);grid-template-columns: repeat(auto-fit,minmax(min(100%,16rem),1fr))}.ui-compare--2up{grid-template-columns: repeat(2,minmax(0,1fr))}@media (max-width: 33rem){.ui-compare--2up{grid-template-columns: 1fr}}.ui-compare__col{align-content: start;display: grid;gap: var(--space-sm)}.ui-compare__head{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);text-transform: uppercase}.ui-meter__row{align-items: center;display: grid;gap: var(--space-2xs) var(--space-md);grid-template-columns: minmax(9rem,14rem) 1fr auto;margin-block: var(--space-2xs)}.ui-meter__row .ui-meter{min-inline-size: 8rem}.ui-meter__label{color: var(--text-soft)}.ui-meter__value{color: var(--text);font-family: var(--mono);font-variant-numeric: tabular-nums;text-align: end}@media (max-width: 32rem){.ui-meter__row{grid-template-columns: 1fr}.ui-meter__value{text-align: start}}.ui-print-only{display: none !important}.ui-print-exact{-webkit-print-color-adjust: exact;print-color-adjust: exact}@media print{@page{margin: 18mm}.ui-report{--report-padding-block: 0;color-scheme: light;--text: #111;--text-soft: #2a2a2a;--text-dim: #555;--panel: #fff;--panel-soft: #f7f7f7;--line: #d9d9d9;--line-strong: #b3b3b3;inline-size: auto;padding: 0}.ui-report__cover{min-block-size: auto}.ui-report,.ui-report__section,.ui-report__figure,.ui-report__actions,.ui-evidence-ledger{display: block}.ui-report > * + *{margin-block-start: var(--report-gap)}.ui-report__section > * + *{margin-block-start: var(--space-md)}.ui-report__figure > * + *,.ui-evidence-ledger > * + *{margin-block-start: var(--space-sm)}.ui-report__cover,.ui-report__head,.ui-report__decision,.ui-report__summary,.ui-report__finding,.ui-report__evidence,.ui-report__figure,.ui-report__toc,.ui-claim,.ui-evidence-item,.ui-report__action,.ui-stat,.ui-statgrid > *,tr{break-inside: avoid}.ui-report__section-head{break-after: avoid}.ui-print-only{display: var(--print-display,block) !important}.ui-screen-only{display: none !important}.ui-break-before{break-before: page}.ui-break-after{break-after: page}.ui-keep{break-inside: avoid}}:root{--chart-1: var(--accent);--chart-2: #e69f00;--chart-3: #56b4e9;--chart-4: #009e73;--chart-5: #f0e442;--chart-6: #0072b2;--chart-7: #cc79a7;--chart-8: #4d5358;--chart-seq-1: oklch(94% 0.03 25deg);--chart-seq-2: oklch(85% 0.07 25deg);--chart-seq-3: oklch(74% 0.12 25deg);--chart-seq-4: oklch(62% 0.16 25deg);--chart-seq-5: oklch(50% 0.16 25deg);--chart-seq-6: oklch(38% 0.13 25deg);--chart-div-1: oklch(45% 0.14 255deg);--chart-div-2: oklch(62% 0.1 250deg);--chart-div-3: oklch(82% 0.05 245deg);--chart-div-4: oklch(90% 0.01 250deg);--chart-div-5: oklch(80% 0.07 60deg);--chart-div-6: oklch(66% 0.13 55deg);--chart-div-7: oklch(56% 0.15 45deg);--chart-pattern-size: 8px;--chart-pattern-ink: rgb(0 0 0 / 0.34);--chart-pattern-1: none;--chart-pattern-2: radial-gradient(circle at 50% 50%,var(--chart-pattern-ink) 1.4px,transparent 1.6px);--chart-pattern-3: radial-gradient(circle at 0 0,var(--chart-pattern-ink) 1.4px,transparent 1.6px);--chart-pattern-4: radial-gradient(circle at 25% 25%,var(--chart-pattern-ink) 1.2px,transparent 1.4px),radial-gradient(circle at 75% 75%,var(--chart-pattern-ink) 1.2px,transparent 1.4px);--chart-pattern-5: radial-gradient(circle at 50% 25%,var(--chart-pattern-ink) 1.2px,transparent 1.4px),radial-gradient(circle at 50% 75%,var(--chart-pattern-ink) 1.2px,transparent 1.4px);--chart-pattern-6: radial-gradient(circle at 25% 50%,var(--chart-pattern-ink) 1.2px,transparent 1.4px),radial-gradient(circle at 75% 50%,var(--chart-pattern-ink) 1.2px,transparent 1.4px);--chart-pattern-7: radial-gradient(circle at 25% 25%,var(--chart-pattern-ink) 1px,transparent 1.2px),radial-gradient(circle at 75% 25%,var(--chart-pattern-ink) 1px,transparent 1.2px),radial-gradient(circle at 25% 75%,var(--chart-pattern-ink) 1px,transparent 1.2px),radial-gradient(circle at 75% 75%,var(--chart-pattern-ink) 1px,transparent 1.2px);--chart-pattern-8: radial-gradient(circle at 50% 50%,transparent 1.2px,var(--chart-pattern-ink) 1.4px,transparent 2.2px)}@media (prefers-color-scheme: dark){:root:not([data-theme='light']){--chart-1: var(--accent);--chart-2: #e69f00;--chart-3: #56b4e9;--chart-4: #009e73;--chart-5: #f0e442;--chart-6: #0072b2;--chart-7: #cc79a7;--chart-8: #4d5358;--chart-seq-1: oklch(30% 0.1 25deg);--chart-seq-2: oklch(42% 0.15 25deg);--chart-seq-3: oklch(55% 0.17 25deg);--chart-seq-4: oklch(68% 0.15 25deg);--chart-seq-5: oklch(80% 0.1 25deg);--chart-seq-6: oklch(90% 0.05 25deg);--chart-div-1: oklch(70% 0.13 250deg);--chart-div-2: oklch(60% 0.12 252deg);--chart-div-3: oklch(48% 0.08 255deg);--chart-div-4: oklch(40% 0.01 250deg);--chart-div-5: oklch(58% 0.1 60deg);--chart-div-6: oklch(72% 0.13 58deg);--chart-div-7: oklch(80% 0.12 55deg);--chart-pattern-ink: rgb(255 255 255 / 0.42)}}:root[data-theme='dark']{--chart-1: var(--accent);--chart-2: #e69f00;--chart-3: #56b4e9;--chart-4: #009e73;--chart-5: #f0e442;--chart-6: #0072b2;--chart-7: #cc79a7;--chart-8: #4d5358;--chart-seq-1: oklch(30% 0.1 25deg);--chart-seq-2: oklch(42% 0.15 25deg);--chart-seq-3: oklch(55% 0.17 25deg);--chart-seq-4: oklch(68% 0.15 25deg);--chart-seq-5: oklch(80% 0.1 25deg);--chart-seq-6: oklch(90% 0.05 25deg);--chart-div-1: oklch(70% 0.13 250deg);--chart-div-2: oklch(60% 0.12 252deg);--chart-div-3: oklch(48% 0.08 255deg);--chart-div-4: oklch(40% 0.01 250deg);--chart-div-5: oklch(58% 0.1 60deg);--chart-div-6: oklch(72% 0.13 58deg);--chart-div-7: oklch(80% 0.12 55deg);--chart-pattern-ink: rgb(255 255 255 / 0.42)}.ui-figure{display: grid;gap: var(--space-sm);margin: 0;min-inline-size: 0}.ui-figure > *,.ui-figure__body > *,.ui-figure__stage > *{min-inline-size: 0}.ui-figure__caption{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0;line-height: 1.5;text-transform: uppercase}.ui-figure__body{align-items: start;display: grid;gap: var(--space-sm)}.ui-figure__body--key-right{grid-template-columns: minmax(0,1fr) minmax(min(100%,10rem),var(--figure-key-width,14rem))}.ui-figure__stage{--figure-max-inline: 42rem;--figure-min-block: 0px;display: grid;inline-size: min(100%,var(--figure-max-inline));margin-inline: auto;min-block-size: var(--figure-min-block);place-items: center;position: relative}.ui-figure__media{display: block;inline-size: 100%;max-inline-size: 100%}.ui-figure__stage > :is(canvas,img,picture,svg):not(.ui-figure__overlay){display: block;max-inline-size: 100%}.ui-figure__overlay{block-size: 100%;inline-size: 100%;inset: 0;overflow: visible;pointer-events: none;position: absolute}.ui-figure__key,.ui-figure__data{display: grid;gap: var(--space-xs)}.ui-figure__data{margin-block-start: var(--space-xs)}@media (max-width: 44rem){.ui-figure__body--key-right{grid-template-columns: 1fr}}@media print{.ui-figure{break-inside: avoid}.ui-figure__body{display: block}.ui-figure__body > * + *{margin-block-start: var(--space-sm)}}.ui-annotation{--annotation-color: var(--accent);--annotation-line: var(--line-strong);--annotation-note-bg: var(--panel);--annotation-subject-fill: color-mix(in srgb,var(--annotation-color) 8%,transparent);--annotation-stroke-width: 1.5;color: var(--annotation-color);font-family: var(--mono);font-size: var(--text-xs);overflow: visible}.ui-annotation--muted{--annotation-color: var(--text-dim);--annotation-line: var(--line)}.ui-annotation--accent{--annotation-color: var(--accent);--annotation-line: var(--line-strong)}.ui-annotation--success{--annotation-color: var(--success)}.ui-annotation--warning{--annotation-color: var(--warning)}.ui-annotation--danger{--annotation-color: var(--danger)}.ui-annotation--info{--annotation-color: var(--info)}.ui-annotation__subject,.ui-annotation__connector,.ui-annotation__connector-end,.ui-annotation__note-line,.ui-annotation__badge{vector-effect: non-scaling-stroke}.ui-annotation__subject{fill: var(--annotation-subject-fill);stroke: var(--annotation-color);stroke-linejoin: miter;stroke-width: var(--annotation-stroke-width)}.ui-annotation__connector,.ui-annotation__note-line{fill: none;stroke: var(--annotation-line);stroke-linecap: square;stroke-linejoin: miter;stroke-opacity: 0.86;stroke-width: var(--annotation-stroke-width)}.ui-annotation__connector-end{fill: var(--annotation-line);stroke: none}.ui-annotation__note{color: var(--text-soft);fill: currentColor}.ui-annotation__note > rect{fill: var(--annotation-note-bg);stroke: var(--line);stroke-width: 1;vector-effect: non-scaling-stroke}.ui-annotation__title{fill: var(--text);font-size: var(--text-xs);font-weight: 700;letter-spacing: 0;paint-order: stroke fill;stroke: var(--annotation-note-bg);stroke-linejoin: round;stroke-width: 3;text-transform: uppercase}.ui-annotation__label{fill: var(--text-soft);font-size: var(--text-xs);letter-spacing: 0;paint-order: stroke fill;stroke: var(--annotation-note-bg);stroke-linejoin: round;stroke-width: 3}.ui-annotation__badge{fill: var(--annotation-note-bg);stroke: var(--annotation-color);stroke-width: var(--annotation-stroke-width)}.ui-annotation--label .ui-annotation__subject,.ui-annotation--badge .ui-annotation__connector,.ui-annotation--badge .ui-annotation__note-line{display: none}.ui-annotation--callout .ui-annotation__note-line,.ui-annotation--elbow .ui-annotation__note-line,.ui-annotation--curve .ui-annotation__note-line{stroke: var(--annotation-color)}.ui-annotation--elbow .ui-annotation__connector{stroke-linejoin: bevel}.ui-annotation--curve .ui-annotation__connector{stroke-linecap: round}.ui-annotation--circle .ui-annotation__subject{stroke-dasharray: 0.01 4;stroke-linecap: round}.ui-annotation--rect .ui-annotation__subject{stroke-dasharray: 5 3}.ui-annotation--threshold .ui-annotation__subject{fill: none;stroke: var(--annotation-color);stroke-dasharray: 6 4}.ui-annotation--badge .ui-annotation__subject{fill: var(--annotation-color)}.ui-annotation--badge .ui-annotation__badge{fill: var(--annotation-color)}.ui-annotation--badge .ui-annotation__title,.ui-annotation--badge .ui-annotation__label{fill: var(--button-text);stroke: none}.ui-annotation--bracket .ui-annotation__subject,.ui-annotation--compare .ui-annotation__subject,.ui-annotation--axis .ui-annotation__subject,.ui-annotation--timeline .ui-annotation__subject{fill: none;stroke: var(--annotation-color);stroke-linecap: square}.ui-annotation--band .ui-annotation__subject{fill: var(--annotation-subject-fill);stroke: var(--annotation-color);stroke-dasharray: 5 3}.ui-annotation--slope .ui-annotation__subject{fill: none;stroke: var(--annotation-color);stroke-linecap: round}.ui-annotation--cluster .ui-annotation__subject{fill: var(--annotation-subject-fill);stroke: var(--annotation-color);stroke-dasharray: 0.01 5;stroke-linecap: round}.ui-annotation--evidence .ui-annotation__badge{fill: var(--annotation-note-bg);stroke: var(--annotation-color)}.ui-annotation--evidence .ui-annotation__title{fill: var(--annotation-color);stroke: none}.ui-annotation--focus{--annotation-stroke-width: 2;--annotation-subject-fill: color-mix(in srgb,var(--annotation-color) 14%,transparent)}@media (prefers-reduced-motion: no-preference){.ui-annotation--draw .ui-annotation__connector,.ui-annotation--draw .ui-annotation__note-line{animation: uiAnnotationDraw var(--duration-slow,600ms) var(--ease-out,ease-out) both;animation-delay: var(--annotation-delay,0ms);stroke-dasharray: var(--annotation-dash,360);stroke-dashoffset: var(--annotation-dash,360)}.ui-annotation--draw .ui-annotation__subject,.ui-annotation--draw .ui-annotation__badge{animation: uiAnnotationSubjectReveal var(--duration-slow,600ms) var(--ease-out,ease-out) both;animation-delay: var(--annotation-delay,0ms)}.ui-annotation--reveal .ui-annotation__note{animation: uiAnnotationReveal var(--duration-slow,600ms) var(--ease-out,ease-out) both;animation-delay: var(--annotation-delay,0ms)}.ui-annotation--pulse .ui-annotation__subject,.ui-annotation--pulse .ui-annotation__badge{animation: uiAnnotationPulse 1.6s var(--ease-out,ease-out) infinite;animation-delay: var(--annotation-delay,0ms);transform-box: fill-box;transform-origin: center}}@keyframes uiAnnotationDraw{to{stroke-dashoffset: 0}}@keyframes uiAnnotationSubjectReveal{from{opacity: 0}to{opacity: 1}}@keyframes uiAnnotationReveal{from{opacity: 0}to{opacity: 1}}@keyframes uiAnnotationPulse{50%{opacity: 0.62;transform: scale(1.06)}}@media print{.ui-annotation__subject,.ui-annotation__connector,.ui-annotation__note,.ui-annotation__note-line,.ui-annotation__badge{animation: none !important;opacity: 1;stroke-dashoffset: 0}.ui-annotation__subject,.ui-annotation__connector,.ui-annotation__note-line,.ui-annotation__badge{transform: none}.ui-annotation--draw .ui-annotation__connector,.ui-annotation--draw .ui-annotation__note-line{stroke-dasharray: none;stroke-dashoffset: 0}}@media (forced-colors: active){.ui-annotation{--annotation-color: CanvasText;--annotation-line: CanvasText;--annotation-note-bg: Canvas;--annotation-subject-fill: Canvas}}.ui-legend{color: var(--text-soft);display: flex;flex-wrap: wrap;font-family: var(--mono);font-size: var(--text-xs);gap: var(--space-2xs) var(--space-md);list-style: none;margin: 0;padding: 0}.ui-legend--vertical{flex-direction: column}.ui-legend--compact{font-size: var(--text-2xs);gap: var(--space-2xs) var(--space-sm)}.ui-legend__title{color: var(--text-dim);font-size: var(--text-2xs);letter-spacing: 0;margin: 0;text-transform: uppercase}.ui-legend__item{align-items: center;color: inherit;display: inline-flex;gap: 0.45rem}.ui-legend__label{color: inherit}.ui-legend__value{color: var(--text-dim);font-variant-numeric: tabular-nums;margin-inline-start: auto}.ui-legend__caption{color: var(--text-dim);font-size: var(--text-2xs);letter-spacing: 0;text-transform: uppercase}.ui-legend__swatch{background: var(--chart-color,var(--chart-1,var(--accent)));background-image: var(--chart-pattern,none);background-size: var(--chart-pattern-size,8px);block-size: 0.8rem;border: 1px solid var(--line-strong);flex: 0 0 auto;inline-size: 0.8rem}.ui-legend__swatch--circle{border-radius: 50%}.ui-legend__swatch--line{block-size: 0.2rem;border: 0;inline-size: 1.1rem}.ui-legend__symbol{block-size: 0.95rem;color: var(--chart-color,var(--chart-1,var(--accent)));flex: 0 0 auto;inline-size: 0.95rem}.ui-legend__swatch--1{--chart-color: var(--chart-1)}.ui-legend__swatch--2{--chart-color: var(--chart-2)}.ui-legend__swatch--3{--chart-color: var(--chart-3)}.ui-legend__swatch--4{--chart-color: var(--chart-4)}.ui-legend__swatch--5{--chart-color: var(--chart-5)}.ui-legend__swatch--6{--chart-color: var(--chart-6)}.ui-legend__swatch--7{--chart-color: var(--chart-7)}.ui-legend__swatch--8{--chart-color: var(--chart-8)}.ui-legend--gradient{display: grid;gap: var(--space-2xs)}.ui-legend__track{background: linear-gradient( 90deg in oklch,var(--chart-seq-1),var(--chart-seq-2),var(--chart-seq-3),var(--chart-seq-4),var(--chart-seq-5),var(--chart-seq-6) );block-size: 0.7rem;border: 1px solid var(--line)}.ui-legend--diverging .ui-legend__track{background: linear-gradient( 90deg in oklch,var(--chart-div-1),var(--chart-div-2),var(--chart-div-3),var(--chart-div-4),var(--chart-div-5),var(--chart-div-6),var(--chart-div-7) )}.ui-legend__ticks{color: var(--text-dim);display: flex;font-size: var(--text-2xs);justify-content: space-between}.ui-legend__tick{font-variant-numeric: tabular-nums}.ui-legend--threshold{align-items: center;display: grid;gap: 0.35rem var(--space-sm);grid-template-columns: auto 1fr}.ui-legend--with-values{display: grid;gap: 0.35rem var(--space-md);grid-template-columns: auto 1fr auto}.ui-legend--with-values .ui-legend__item{display: grid;grid-column: 1 / -1;grid-template-columns: subgrid}.ui-legend--with-values .ui-legend__value{margin-inline-start: 0;text-align: end}.ui-legend--interactive .ui-legend__item:is(button,[role='button']){background: none;border: 0;border-radius: var(--radius-sm);color: inherit;cursor: pointer;font: inherit;padding-block: 0.15rem;padding-inline: 0.3rem;text-align: start}.ui-legend--interactive .ui-legend__item:is(button,[role='button']):focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.ui-legend__item.is-inactive,.ui-legend__item[aria-pressed='false']{opacity: 0.45}.ui-legend__item.is-inactive .ui-legend__label,.ui-legend__item[aria-pressed='false'] .ui-legend__label{text-decoration: line-through}@media (forced-colors: active){.ui-legend__swatch{border: 1px solid CanvasText;forced-color-adjust: none}.ui-legend__track{forced-color-adjust: none}.ui-legend__item.is-inactive,.ui-legend__item[aria-pressed='false']{opacity: 1}}@media print{.ui-legend__swatch,.ui-legend__track{-webkit-print-color-adjust: exact;print-color-adjust: exact}}.ui-mark{background-color: transparent;background-image: linear-gradient( 90deg,color-mix(in srgb,var(--mark-color,var(--line-strong)) 30%,transparent),color-mix(in srgb,var(--mark-color,var(--line-strong)) 30%,transparent) );background-repeat: no-repeat;background-size: 100% 100%;border-radius: 0.12em;box-decoration-break: clone;color: inherit;padding-block: 0.05em;padding-inline: 0.18em}.ui-mark--accent{--mark-color: var(--accent)}.ui-mark--success{--mark-color: var(--success)}.ui-mark--warning{--mark-color: var(--warning)}.ui-mark--danger{--mark-color: var(--danger)}.ui-mark--info{--mark-color: var(--info)}.ui-mark--muted{--mark-color: var(--text-dim)}.ui-mark--underline{background: none;padding: 0;text-decoration-color: var(--mark-color,var(--text-dim));text-decoration-line: underline;text-decoration-thickness: 0.12em;text-underline-offset: 0.18em}.ui-mark--box{background: none;border: 1px solid var(--mark-color,var(--line-strong));border-radius: var(--radius-sm)}.ui-mark--strike{background: none;padding: 0;text-decoration-color: var(--mark-color,var(--text-dim));text-decoration-line: line-through}@media (prefers-reduced-motion: no-preference){.ui-mark--draw:not(.ui-mark--underline,.ui-mark--box,.ui-mark--strike){animation: ui-mark-draw 0.6s var(--ease,ease) both}}@keyframes ui-mark-draw{from{background-size: 0% 100%}to{background-size: 100% 100%}}.ui-bracket-note{--mark-color: var(--line-strong);border-inline-start: 2px solid var(--mark-color);display: block;padding-inline-start: var(--space-md)}.ui-bracket-note__label{color: var(--mark-color);display: block;font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0;margin-block-end: var(--space-2xs);text-transform: uppercase}.ui-bracket-note--accent{--mark-color: var(--accent)}.ui-bracket-note--success{--mark-color: var(--success)}.ui-bracket-note--warning{--mark-color: var(--warning)}.ui-bracket-note--danger{--mark-color: var(--danger)}.ui-bracket-note--info{--mark-color: var(--info)}@media (forced-colors: active){.ui-mark:not(.ui-mark--underline,.ui-mark--box,.ui-mark--strike){text-decoration-line: underline}}@media print{.ui-mark{-webkit-print-color-adjust: exact;background-size: 100% 100%;print-color-adjust: exact}.ui-mark--draw{animation: none}}.ui-connector{--connector-color: var(--line-strong);color: var(--connector-color);inset: 0;overflow: visible;pointer-events: none;position: absolute}.ui-connector__path{fill: none;stroke: var(--connector-color);stroke-linecap: round;stroke-linejoin: round;stroke-width: var(--connector-width,1.5);vector-effect: non-scaling-stroke}.ui-connector__end{fill: var(--connector-color);stroke: none}.ui-connector--dashed .ui-connector__path{stroke-dasharray: 4 3}.ui-connector--accent{--connector-color: var(--accent)}.ui-connector--muted{--connector-color: var(--line)}.ui-connector--success{--connector-color: var(--success)}.ui-connector--warning{--connector-color: var(--warning)}.ui-connector--danger{--connector-color: var(--danger)}.ui-connector--info{--connector-color: var(--info)}@media (prefers-reduced-motion: no-preference){.ui-connector--draw .ui-connector__path{animation: ui-connector-draw 0.6s ease both;stroke-dasharray: 1}}@keyframes ui-connector-draw{from{stroke-dashoffset: 1}to{stroke-dashoffset: 0}}@media (forced-colors: active){.ui-connector__path{stroke: CanvasText}.ui-connector__end{fill: CanvasText}}@media print{.ui-connector__path,.ui-connector__end{-webkit-print-color-adjust: exact;print-color-adjust: exact}.ui-connector--draw .ui-connector__path{animation: none;stroke-dasharray: none;stroke-dashoffset: 0}}.ui-spotlight{--spot-x: 50%;--spot-y: 50%;--spot-w: 0px;--spot-h: 0px;--spot-pad: 8px;--spot-radius: var(--radius-md);--spot-backdrop: color-mix(in srgb,#000 55%,transparent);inset: 0;pointer-events: none;position: fixed;z-index: var(--z-overlay,1000)}.ui-spotlight__hole{background: transparent;block-size: calc(var(--spot-h) + var(--spot-pad) * 2);border-radius: var(--spot-radius);box-shadow: 0 0 0 100vmax var(--spot-backdrop);inline-size: calc(var(--spot-w) + var(--spot-pad) * 2);inset-block-start: 0;inset-inline-start: 0;position: absolute;transform: translate( calc(var(--spot-x) - var(--spot-pad)),calc(var(--spot-y) - var(--spot-pad)) );transition: transform 0.2s ease,inline-size 0.2s ease,block-size 0.2s ease}@media (prefers-reduced-motion: reduce){.ui-spotlight__hole{transition: none}}.ui-spotlight--ring .ui-spotlight__hole{outline: 2px solid var(--accent);outline-offset: 0}.ui-tour-note{background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-md);box-shadow: var(--shadow-raised);color: var(--text);display: grid;gap: var(--space-sm);max-inline-size: min(22rem,calc(100vw - 2rem));padding: var(--space-md);pointer-events: auto}.ui-tour-note__step{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0;text-transform: uppercase}.ui-tour-note__title{color: var(--text);font-size: var(--text-lg);font-weight: 600;margin: 0}.ui-tour-note__body{color: var(--text-soft);margin: 0}.ui-tour-note__actions{display: flex;gap: var(--space-sm);justify-content: flex-end}@media (forced-colors: active){.ui-spotlight__hole{outline: 2px solid CanvasText}}.ui-crosshair{--crosshair-x: 0;--crosshair-y: 0;--crosshair-color: var(--accent);--crosshair-readout-gap: 0.35rem;--crosshair-readout-x: var(--crosshair-readout-gap);--crosshair-readout-y: var(--crosshair-readout-gap);inset: 0;opacity: 0;pointer-events: none;position: absolute;transition: opacity 0.12s ease}.ui-crosshair.is-active{opacity: 1}.ui-crosshair[data-readout-inline='before']{--crosshair-readout-x: calc(-100% - var(--crosshair-readout-gap))}.ui-crosshair[data-readout-block='above']{--crosshair-readout-y: calc(-100% - var(--crosshair-readout-gap))}.ui-crosshair:dir(rtl){--crosshair-readout-x: calc(100% + var(--crosshair-readout-gap))}.ui-crosshair:dir(rtl)[data-readout-inline='before']{--crosshair-readout-x: calc(-1 * var(--crosshair-readout-gap))}@media (prefers-reduced-motion: reduce){.ui-crosshair{transition: none}}.ui-crosshair--muted{--crosshair-color: var(--line-strong)}.ui-crosshair__line{background: var(--crosshair-color);position: absolute}.ui-crosshair__line--x{inline-size: 1px;inset-block: 0;inset-inline-start: var(--crosshair-x)}.ui-crosshair__line--y{block-size: 1px;inset-block-start: var(--crosshair-y);inset-inline: 0}.ui-crosshair__badge{background: var(--crosshair-color);border-radius: var(--radius-sm);color: var(--button-text);font-family: var(--mono);font-size: var(--text-2xs);padding-block: 0.05rem;padding-inline: 0.3rem;position: absolute;white-space: nowrap}.ui-crosshair--muted .ui-crosshair__badge{background: var(--panel);border: 1px solid var(--line-strong);color: var(--text)}.ui-crosshair .ui-readout{background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-sm);box-shadow: var(--shadow-raised);color: var(--text);font-family: var(--mono);font-size: var(--text-xs);inset-block-start: var(--crosshair-y);inset-inline-start: var(--crosshair-x);max-inline-size: calc(100% - var(--crosshair-readout-gap) * 2);overflow: hidden;padding-block: 0.2rem;padding-inline: 0.4rem;pointer-events: none;position: absolute;text-overflow: ellipsis;transform: translate(var(--crosshair-readout-x),var(--crosshair-readout-y));white-space: nowrap}@media (forced-colors: active){.ui-crosshair__line{background: CanvasText}}.ui-sel{transition: opacity 0.12s ease,outline-color 0.12s ease}@media (prefers-reduced-motion: reduce){.ui-sel{transition: none}}.ui-sel--on{outline: 2px solid var(--accent);outline-offset: 1px}.ui-sel--off{opacity: 0.35}.ui-sel--maybe{outline: 1px dashed var(--accent);outline-offset: 1px}@media (forced-colors: active){.ui-sel--on{outline-color: Highlight}}.ui-citation,.ui-source-card,.ui-provenance{--src-tone: var(--text-dim)}.ui-src{--src-tone: var(--text-dim);align-items: center;background: var(--panel-soft);border: 1px solid color-mix(in srgb,var(--src-tone) 45%,var(--line));border-radius: var(--radius-pill);color: var(--text-soft);display: inline-flex;font-size: var(--text-2xs);gap: 0.35rem;padding: 0.08rem 0.55rem;vertical-align: baseline}.ui-src::before{background: var(--src-tone);border-radius: 50%;block-size: 0.45rem;content: '';flex: none;inline-size: 0.45rem;print-color-adjust: exact}.ui-src--verified{--src-tone: var(--success)}.ui-src--reviewed{--src-tone: var(--accent)}.ui-src--generated{--src-tone: var(--info)}.ui-src--unverified{--src-tone: var(--text-dim)}.ui-src--stale{--src-tone: var(--warning)}.ui-src--conflict{--src-tone: var(--danger)}.ui-citation{color: var(--accent-text);font-family: var(--mono);font-size: 0.72em;font-weight: 600;text-decoration: none;vertical-align: super}.ui-citation:hover{text-decoration: underline}.ui-citation--chip{align-items: center;background: var(--panel-soft);border: 1px solid var(--line);border-radius: var(--radius-pill);color: var(--text-soft);display: inline-flex;font-size: var(--text-2xs);gap: 0.35rem;padding: 0.08rem 0.55rem;vertical-align: baseline}.ui-citation--chip::before{background: var(--src-tone);border-radius: 50%;block-size: 0.45rem;content: '';inline-size: 0.45rem;print-color-adjust: exact}.ui-source-list{display: grid;gap: var(--space-sm);list-style: none;margin: 0;min-inline-size: 0;padding: 0}.ui-source-list__item{margin: 0;min-inline-size: 0}.ui-source-card{background: var(--panel-soft);border: 1px solid var(--line);border-inline-start: 2px solid var(--src-tone);border-radius: var(--radius-md);display: grid;gap: 0.3rem;min-inline-size: 0;padding: 0.75rem 0.9rem;print-color-adjust: exact}.ui-source-card:target,.ui-source-card.is-source-active{box-shadow: 0 0 0 3px color-mix(in srgb,var(--src-tone) 22%,transparent);outline: 2px solid var(--src-tone);outline-offset: 2px}.ui-source-card > *{min-inline-size: 0}.ui-source-card__title{color: var(--text);font-size: var(--text-sm);font-weight: 600;margin: 0;overflow-wrap: break-word}.ui-source-card__origin{color: var(--text-soft);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);overflow-wrap: anywhere}.ui-source-card__time{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);overflow-wrap: anywhere}.ui-source-card__excerpt{color: var(--text-soft);margin: 0;overflow-wrap: anywhere}.ui-source-card__actions{display: flex;flex-wrap: wrap;gap: 0.5rem;margin-block-start: 0.2rem}.ui-provenance{align-items: center;color: var(--text-dim);display: inline-flex;flex-wrap: wrap;font-family: var(--mono);font-size: var(--text-2xs);gap: 0.3rem 0.75rem;letter-spacing: var(--tracking-wide)}.ui-provenance__item{align-items: center;display: inline-flex;gap: 0.35rem}.ui-provenance__item::before{background: var(--src-tone);border-radius: 50%;block-size: 0.45rem;content: '';inline-size: 0.45rem;print-color-adjust: exact}@media (forced-colors: active){.ui-citation--chip::before,.ui-provenance__item::before,.ui-src::before{background: CanvasText}.ui-source-card{border-inline-start-color: CanvasText}}@media print{.ui-citation[href]::after{content: none !important}.ui-source-card,.ui-source-list__item{break-inside: avoid}}.ui-generated{background: color-mix(in srgb,var(--accent) 4%,transparent);border: 1px solid var(--line);border-inline-start: 2px solid var(--accent);border-radius: var(--radius-md);display: grid;gap: var(--space-xs);padding: 0.85rem 1rem;print-color-adjust: exact}.ui-generated__label{align-items: center;color: var(--text-dim);display: inline-flex;font-family: var(--mono);font-size: var(--text-2xs);gap: 0.4rem;letter-spacing: var(--tracking-wide);text-transform: uppercase}.ui-origin-label{align-items: center;border: 1px solid var(--line);border-radius: var(--radius-pill);color: var(--text-soft);display: inline-flex;font-family: var(--mono);font-size: var(--text-2xs);gap: 0.35rem;letter-spacing: var(--tracking-wide);padding: 0.08rem 0.55rem;text-transform: uppercase}.ui-origin-label--ai{border-color: var(--accent);color: var(--accent-text)}.ui-reasoning{color: var(--text-dim);font-size: var(--text-sm)}.ui-reasoning > summary{color: var(--text-soft);cursor: pointer;font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);text-transform: uppercase}.ui-reasoning__body{margin-block-start: var(--space-xs)}.ui-tool-log{display: grid;gap: var(--space-2xs)}.ui-tool-call{border: 1px solid var(--line);border-radius: var(--radius-sm);font-family: var(--mono);font-size: var(--text-2xs)}.ui-tool-call > summary{align-items: center;cursor: pointer;display: flex;gap: 0.5rem;padding: 0.4rem 0.6rem}.ui-tool-call__name{color: var(--text)}.ui-tool-call__status{color: var(--text-dim);margin-inline-start: auto}.ui-tool-call__body{border-block-start: 1px solid var(--line);color: var(--text-soft);margin: 0;overflow-x: auto;padding: 0.5rem 0.6rem;white-space: pre-wrap}@media (forced-colors: active){.ui-generated{border-inline-start-color: CanvasText}}.ui-state{--state-tone: var(--text-dim);align-items: center;display: inline-flex;font-size: var(--text-sm);gap: 0.4rem}.ui-state::before{background: var(--state-tone);border-radius: 50%;block-size: 0.5rem;content: '';flex: none;inline-size: 0.5rem;print-color-adjust: exact}.ui-state__label{color: var(--text)}.ui-state__detail{color: var(--text-dim);font-size: var(--text-2xs)}.ui-state--busy::before{animation: uiStatePulse 1.1s ease-in-out infinite}@keyframes uiStatePulse{50%{opacity: 0.3}}@media (prefers-reduced-motion: reduce){.ui-state--busy::before{animation: none}}.ui-state--saving{--state-tone: var(--accent)}.ui-state--saved{--state-tone: var(--success)}.ui-state--queued{--state-tone: var(--text-dim)}.ui-state--offline{--state-tone: var(--warning)}.ui-state--stale{--state-tone: var(--warning)}.ui-state--conflict{--state-tone: var(--danger)}.ui-state--error{--state-tone: var(--danger)}.ui-state--locked{--state-tone: var(--text-dim)}.ui-state--reviewed{--state-tone: var(--success)}.ui-state--needs-review{--state-tone: var(--warning)}.ui-syncbar{align-items: center;border-block-end: 1px solid var(--line);display: flex;flex-wrap: wrap;gap: var(--space-sm) var(--space-md);justify-content: space-between;padding-block: var(--space-xs)}.ui-job{--job-progress: 0%;--job-tone: var(--text-dim);background: var(--panel);border: 1px solid var(--line);border-inline-start: 2px solid var(--job-tone);border-radius: var(--radius-md);display: grid;gap: var(--space-sm);padding: var(--space-md)}.ui-job__head{align-items: start;display: flex;flex-wrap: wrap;gap: var(--space-xs) var(--space-md);justify-content: space-between}.ui-job__title{color: var(--text);font-family: var(--display);font-size: var(--text-sm);letter-spacing: var(--tracking-wide);margin: 0;text-transform: uppercase}.ui-job__meta{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);text-transform: uppercase}.ui-job__body{color: var(--text-soft);margin: 0}.ui-job__progress{background: var(--panel-soft);border: 1px solid var(--line);border-radius: var(--radius-pill);block-size: 0.5rem;overflow: hidden}.ui-job__bar{background: var(--job-tone);block-size: 100%;display: block;inline-size: clamp(0%,var(--job-progress),100%);min-inline-size: 1px;print-color-adjust: exact;transition: inline-size var(--duration-base) var(--ease-standard)}.ui-job__actions{align-items: center;display: flex;flex-wrap: wrap;gap: var(--space-xs)}.ui-job--compact{gap: var(--space-xs);padding: var(--space-sm)}.ui-job--queued{--job-tone: var(--text-dim)}.ui-job--running{--job-tone: var(--accent)}.ui-job--blocked{--job-tone: var(--warning)}.ui-job--failed{--job-tone: var(--danger)}.ui-job--complete{--job-tone: var(--success)}.ui-job--running .ui-job__bar{background-image: linear-gradient( 90deg,var(--job-tone),color-mix(in srgb,var(--job-tone) 62%,var(--panel)) )}@media (prefers-reduced-motion: reduce){.ui-job__bar{transition: none}}@media (forced-colors: active){.ui-state::before{background: CanvasText}.ui-job{border-inline-start-color: CanvasText}.ui-job__bar{background: CanvasText}}.ui-interval{--lo: 0;--hi: 1;display: grid;gap: 0.35rem;inline-size: 100%;min-inline-size: 0}.ui-interval__track{background: var(--surface-4);block-size: 0.7rem;border: 1px solid var(--line);border-radius: var(--radius-pill);min-inline-size: 8rem;position: relative}.ui-interval__range{background: color-mix(in srgb,var(--accent) 26%,transparent);border: 1px solid color-mix(in srgb,var(--accent) 58%,var(--line));border-radius: var(--radius-pill);inline-size: max(2px,calc((var(--hi) - var(--lo)) * 100%));inset-block: 18%;inset-inline-start: calc(var(--lo) * 100%);position: absolute}.ui-interval__point{background: var(--text);border: 2px solid var(--panel);border-radius: 50%;block-size: 0.72rem;box-shadow: 0 0 0 1px var(--line-strong);inline-size: 0.72rem;inset-block-start: 50%;inset-inline-start: calc(var(--v,var(--lo)) * 100%);position: absolute;transform: translate(-50%,-50%)}.ui-interval__label,.ui-interval__bounds{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0}.ui-interval__label{color: var(--text-soft)}.ui-interval__bounds{display: flex;gap: var(--space-sm);justify-content: space-between}@media (forced-colors: active){.ui-interval__track,.ui-interval__range,.ui-interval__point{border-color: CanvasText}.ui-interval__range,.ui-interval__point{background: CanvasText}}@media print{.ui-interval__range,.ui-interval__point{-webkit-print-color-adjust: exact;print-color-adjust: exact}}.ui-clamp{--clamp-lines: 4;display: grid;gap: var(--space-2xs);min-inline-size: 0;position: relative}.ui-clamp__body{-webkit-box-orient: vertical;-webkit-line-clamp: var(--clamp-lines);display: -webkit-box;line-clamp: var(--clamp-lines);mask-image: linear-gradient(to bottom,#000 72%,transparent 100%);overflow: hidden}.ui-clamp:has(> .ui-clamp__toggle:checked) .ui-clamp__body{-webkit-line-clamp: unset;display: block;line-clamp: none;mask-image: none}.ui-clamp__toggle{block-size: 1px;clip-path: inset(50%);inline-size: 1px;overflow: hidden;position: absolute;white-space: nowrap}.ui-clamp__control{color: var(--accent-text);cursor: pointer;font-family: var(--mono);font-size: var(--text-2xs);inline-size: max-content;letter-spacing: var(--tracking-wide);text-decoration: underline;text-decoration-color: color-mix(in srgb,var(--accent) 55%,transparent);text-underline-offset: 0.2rem;text-transform: uppercase}.ui-clamp__toggle:focus-visible + .ui-clamp__body + .ui-clamp__control{outline: 2px solid var(--focus-ring);outline-offset: 2px}.ui-clamp__less{display: none}.ui-clamp:has(> .ui-clamp__toggle:checked) .ui-clamp__more{display: none}.ui-clamp:has(> .ui-clamp__toggle:checked) .ui-clamp__less{display: inline}@media (hover: hover){.ui-clamp__control:hover{text-decoration-color: currentColor}}@media print{.ui-clamp__body{-webkit-line-clamp: unset;display: block;line-clamp: none;mask-image: none}.ui-clamp__toggle,.ui-clamp__control{display: none}}.ui-highlights{--highlight-evidence: var(--accent-soft);--highlight-search: var(--warning-soft);--highlight-current: color-mix(in srgb,var(--accent) 22%,transparent)}.ui-highlights::highlight(bronto-evidence){background-color: var(--highlight-evidence);color: inherit;text-decoration-color: var(--accent);text-decoration-line: underline;text-decoration-thickness: 0.1em;text-underline-offset: 0.18em}.ui-highlights::highlight(bronto-search){background-color: var(--highlight-search);color: inherit}.ui-highlights::highlight(bronto-current){background-color: var(--highlight-current);color: var(--text)}@media (forced-colors: active){.ui-highlights::highlight(bronto-evidence),.ui-highlights::highlight(bronto-search),.ui-highlights::highlight(bronto-current){background-color: Highlight;color: HighlightText;text-decoration-color: HighlightText}}@media print{.ui-highlights{-webkit-print-color-adjust: exact;print-color-adjust: exact}}.ui-diff{--diff-add-bg: color-mix(in srgb,var(--success) 14%,transparent);--diff-remove-bg: color-mix(in srgb,var(--danger) 14%,transparent);--diff-add-ink: var(--success);--diff-remove-ink: var(--danger);border: 1px solid var(--line);border-radius: var(--radius-sm);display: grid;font-family: var(--mono);font-size: var(--text-xs);grid-template-columns: auto auto minmax(0,1fr);line-height: 1.6;overflow: hidden}.ui-diff--split{grid-template-columns: 1fr 1fr}.ui-diff__pane{display: grid;grid-template-columns: auto minmax(0,1fr);min-inline-size: 0}.ui-diff--split > .ui-diff__pane + .ui-diff__pane{border-inline-start: 1px solid var(--line)}.ui-diff__hunk{display: contents}.ui-diff__row{display: contents}.ui-diff__head{background: var(--surface-2);color: var(--text-dim);grid-column: 1 / -1;padding: var(--space-2xs) var(--space-sm)}.ui-diff__ln{align-self: start;color: var(--text-dim);font-variant-numeric: tabular-nums;padding: 0 var(--space-sm);text-align: end;-webkit-user-select: none;user-select: none}.ui-diff__code{overflow-wrap: anywhere;padding: 0 var(--space-sm);white-space: pre-wrap}.ui-diff__code::before{color: var(--diff-tint,var(--text-dim));content: var(--diff-sign,'\00a0');display: inline-block;inline-size: 1ch;margin-inline-end: var(--space-2xs);-webkit-user-select: none;user-select: none}.ui-diff__row--add{--diff-sign: '+';--diff-tint: var(--diff-add-ink)}.ui-diff__row--remove{--diff-sign: '\2212';--diff-tint: var(--diff-remove-ink)}.ui-diff__row--context{--diff-sign: '\00a0'}.ui-diff__row--add > .ui-diff__ln,.ui-diff__row--add > .ui-diff__code{background: var(--diff-add-bg)}.ui-diff__row--remove > .ui-diff__ln,.ui-diff__row--remove > .ui-diff__code{background: var(--diff-remove-bg)}@media (forced-colors: active){.ui-diff__row--add > .ui-diff__code,.ui-diff__row--remove > .ui-diff__code{border-inline-start: 2px solid currentColor}}@media print{.ui-diff__head,.ui-diff__row--add > .ui-diff__ln,.ui-diff__row--add > .ui-diff__code,.ui-diff__row--remove > .ui-diff__ln,.ui-diff__row--remove > .ui-diff__code{-webkit-print-color-adjust: exact;print-color-adjust: exact}}.ui-code{border: 1px solid var(--line);border-radius: var(--radius-sm);font-family: var(--mono);font-size: var(--text-xs);overflow: hidden}.ui-code__head{background: var(--surface-2);border-block-end: 1px solid var(--line);color: var(--text-dim);display: flex;gap: var(--space-sm);justify-content: space-between;padding: var(--space-2xs) var(--space-sm)}.ui-code__body{counter-reset: ui-code-ln;margin: 0;overflow-wrap: anywhere;padding: var(--space-sm) 0;white-space: pre-wrap}.ui-code__line{display: block;padding-inline: var(--space-sm)}.ui-code--numbered .ui-code__line{padding-inline-start: 0}.ui-code--numbered .ui-code__line::before{color: var(--text-dim);content: counter(ui-code-ln);counter-increment: ui-code-ln;display: inline-block;inline-size: 3ch;margin-inline-end: var(--space-sm);text-align: end;-webkit-user-select: none;user-select: none}.ui-code__line--add{background: color-mix(in srgb,var(--success) 14%,transparent)}.ui-code__line--remove{background: color-mix(in srgb,var(--danger) 14%,transparent)}.ui-code__line--hl{background: color-mix(in srgb,var(--accent) 14%,transparent)}@media (forced-colors: active){.ui-code__line--add,.ui-code__line--remove,.ui-code__line--hl{border-inline-start: 3px solid currentColor}}@media print{.ui-code__head,.ui-code__line--add,.ui-code__line--remove,.ui-code__line--hl{-webkit-print-color-adjust: exact;print-color-adjust: exact}}.ui-spark{align-items: flex-end;block-size: 1em;display: inline-flex;gap: 1px;inline-size: max-content;vertical-align: -0.15em}.ui-spark__bar{background: currentColor;block-size: max(1px,calc(var(--v,0) * 100%));border-radius: 0.5px;flex: 0 0 0.25em;min-inline-size: 2px}.ui-spark__bar--accent{background: var(--accent)}.ui-spark__bar--pos{background: var(--success)}.ui-spark__bar--neg{background: var(--danger)}.ui-spark--dots .ui-spark__bar{--_dot: var(--spark-dot,0.16em);--_step: calc(var(--_dot) + var(--spark-dot-gap,0.06em));border-radius: 0;-webkit-mask: repeating-linear-gradient(to top,#000 0 var(--_dot),transparent var(--_dot) var(--_step));mask: repeating-linear-gradient(to top,#000 0 var(--_dot),transparent var(--_dot) var(--_step))}@media (forced-colors: active){.ui-spark__bar{background: CanvasText}}@media print{.ui-spark__bar{-webkit-print-color-adjust: exact;print-color-adjust: exact}}.ui-bullet{--band-lo: 0.5;--band-hi: 0.8;background: linear-gradient( to right,var(--surface-4) 0 calc(var(--band-lo) * 100%),var(--surface-3) calc(var(--band-lo) * 100%) calc(var(--band-hi) * 100%),var(--surface-2) calc(var(--band-hi) * 100%) 100% );block-size: 1.25rem;border-radius: var(--radius-sm);inline-size: 100%;position: relative}.ui-bullet__measure{background: var(--text);border-radius: var(--radius-sm);inline-size: max(2px,calc(var(--v,0) * 100%));inset-block: 30%;inset-inline-start: 0;position: absolute}.ui-bullet__measure--accent{background: var(--accent)}.ui-bullet__measure--pos{background: var(--success)}.ui-bullet__measure--neg{background: var(--danger)}.ui-bullet__target{background: var(--text);inline-size: 2px;inset-block: 8%;inset-inline-start: calc(var(--t,0) * 100%);position: absolute;transform: translateX(-50%)}.ui-bullet__label{color: var(--text-dim);display: flex;font-family: var(--mono);font-size: var(--text-2xs);gap: var(--space-sm);justify-content: space-between;letter-spacing: var(--tracking-wide);margin-block-start: 0.3rem}@media (forced-colors: active){.ui-bullet{border: 1px solid CanvasText}.ui-bullet__measure,.ui-bullet__target{background: CanvasText}}@media print{.ui-bullet{-webkit-print-color-adjust: exact;print-color-adjust: exact}}:root{--sidenote-width: 12rem;--sidenote-gap: 2rem}.ui-sidenote,.ui-marginnote{border-inline-start: 2px solid var(--line);color: var(--text-dim);display: block;font-size: var(--text-2xs);line-height: 1.5;margin-block: var(--space-2xs);padding-inline-start: var(--space-md)}.ui-sidenote__ref{color: var(--accent-text);counter-increment: ui-sidenote;font-size: 0.75em;vertical-align: super}.ui-sidenote__ref::after{content: counter(ui-sidenote)}.ui-sidenote::before{color: var(--accent-text);content: counter(ui-sidenote) '. '}@media (min-width: 60rem){.ui-sidenote,.ui-marginnote{border-inline-start: 0;clear: inline-end;float: inline-end;inline-size: var(--sidenote-width);margin-block: 0;margin-inline-end: calc(-1 * (var(--sidenote-width) + var(--sidenote-gap)));padding-inline-start: 0;text-align: start}}.ui-textref{--textref-highlight: var(--accent-soft);color: var(--accent-text);text-decoration: underline;text-decoration-style: dotted;text-underline-offset: 0.2em}.ui-textref::before{content: '\201F';margin-inline-end: 0.15em}@media (hover: hover){.ui-textref:hover{text-decoration-style: solid}}.ui-textref:focus-visible{outline: 2px solid var(--focus-ring);outline-offset: 2px}::target-text{background-color: var(--textref-highlight,var(--accent-soft));color: var(--text)}@media (forced-colors: active){::target-text{background-color: Highlight;color: HighlightText}}.ui-term{background: none;border: 0;color: inherit;cursor: help;font: inherit;padding: 0;text-decoration: underline;text-decoration-color: var(--line-strong);text-decoration-style: dotted;text-underline-offset: 0.2em}@media (hover: hover){.ui-term:hover{text-decoration-color: var(--accent)}}.ui-term:focus-visible{outline: 2px solid var(--focus-ring);outline-offset: 2px}.ui-def{background: var(--surface-raised);border: 1px solid var(--line);border-radius: var(--radius-md);box-shadow: var(--shadow-raised);color: var(--text);font-family: var(--sans);font-size: var(--text-sm);line-height: 1.5;margin: 0;max-inline-size: 22rem;padding: var(--space-sm) var(--space-md)}@supports (anchor-name: --x){.ui-def{inset: auto;margin-block-start: 0.4rem;position-area: block-end span-inline-end;position-try-fallbacks: flip-block,flip-inline}}.ui-glossary{border-block-start: 1px solid var(--line);display: grid;gap: var(--space-2xs) var(--space-md);grid-template-columns: minmax(6rem,max-content) 1fr;margin: 0;padding-block-start: var(--space-md)}.ui-glossary__term{color: var(--text);font-family: var(--mono);font-size: var(--text-xs);font-weight: 600;letter-spacing: var(--tracking-wide)}.ui-glossary__def{color: var(--text-dim);font-size: var(--text-sm);margin: 0}@media (max-width: 32rem){.ui-glossary{grid-template-columns: 1fr;gap: 0.15rem var(--space-md)}.ui-glossary__def{margin-block-end: var(--space-xs)}}.ui-toc{--toc-top: var(--space-md);align-self: start;font-family: var(--mono);font-size: var(--text-xs);inset-block-start: var(--toc-top);letter-spacing: var(--tracking-wide);position: sticky}.ui-toc__title{color: var(--text-dim);font-size: var(--text-2xs);margin-block-end: var(--space-xs);text-transform: uppercase}.ui-toc__list{display: grid;gap: 1px;list-style: none;margin: 0;padding: 0}.ui-toc__list .ui-toc__list{margin-inline-start: var(--space-sm)}.ui-toc__link{border-inline-start: 2px solid var(--line);color: var(--text-dim);display: block;padding: 0.3rem var(--space-sm);text-decoration: none;transition: color var(--duration-fast) var(--ease-standard)}.ui-toc__link[aria-current]:not([aria-current='false']){border-inline-start-color: var(--accent);color: var(--accent-text)}.ui-toc__link:focus-visible{outline: 2px solid var(--focus-ring);outline-offset: -2px}@media (hover: hover){.ui-toc__link:hover:not([aria-current]:not([aria-current='false'])){color: var(--text)}}@media (forced-colors: active){.ui-toc__link[aria-current]:not([aria-current='false']){border-inline-start-color: Highlight;color: Highlight}}@media (prefers-reduced-motion: reduce){.ui-toc__link{transition: none}}.ui-tree{color: var(--text);font-family: var(--mono);font-size: var(--text-sm);line-height: 1.5}.ui-tree__branch,.ui-tree__leaf{display: block}.ui-tree__branch .ui-tree__branch,.ui-tree__branch .ui-tree__leaf{border-inline-start: 1px solid var(--line);margin-inline-start: 0.5rem;padding-inline-start: var(--space-sm)}.ui-tree__summary{align-items: center;cursor: pointer;display: flex;gap: var(--space-2xs);list-style: none;padding-block: var(--space-2xs)}.ui-tree__summary::-webkit-details-marker{display: none}.ui-tree__summary::before{block-size: 0.4rem;border-block-end: 1.5px solid var(--text-dim);border-inline-end: 1.5px solid var(--text-dim);content: '';flex: 0 0 auto;inline-size: 0.4rem;transform: rotate(-45deg);transition: transform var(--duration-fast) var(--ease-spring)}.ui-tree__branch[open] > .ui-tree__summary::before{border-color: var(--accent);transform: rotate(45deg)}.ui-tree__branch[open] > .ui-tree__summary{color: var(--accent-text)}.ui-tree__leaf{align-items: center;display: flex;gap: var(--space-2xs);padding-block: var(--space-2xs)}.ui-tree__leaf::before{content: '';flex: 0 0 auto;inline-size: 0.4rem}.ui-tree__label{min-inline-size: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}@supports selector(::details-content){@media (prefers-reduced-motion: no-preference){.ui-tree{interpolate-size: allow-keywords}.ui-tree__branch::details-content{block-size: 0;overflow: hidden;transition: block-size var(--duration-base) var(--ease-out),content-visibility var(--duration-base) allow-discrete}.ui-tree__branch[open]::details-content{block-size: auto}}}@media (prefers-reduced-motion: reduce){.ui-tree__summary::before{transition: none}}@media (forced-colors: active){.ui-tree__branch[open] > .ui-tree__summary::before{border-color: Highlight}}}
1
+ @layer bronto{.ui-report{--report-width: 72rem;--report-padding-block: var(--space-2xl);--report-gap: var(--space-lg);--report-measure: 74ch;color: var(--text-soft);display: grid;gap: var(--report-gap);inline-size: min(100%,var(--report-width));margin-inline: auto;padding: var(--report-padding-block) var(--space-md)}.ui-report--compact{--report-gap: var(--space-md);--report-padding-block: var(--space-xl)}.ui-report--numbered{counter-reset: report-section}.ui-report > *,.ui-report__cover > *,.ui-report__head > *,.ui-report__toc > *,.ui-report__summary > *,.ui-report__decision > *,.ui-report__finding > *,.ui-report__evidence > *,.ui-report__section > *,.ui-report__figure > *,.ui-claim > *,.ui-evidence-grid > *,.ui-evidence-ledger > *,.ui-compare > *,.ui-compare__col > *{min-inline-size: 0}.ui-report__cover{align-content: end;border-block-end: 1px solid var(--line);display: grid;gap: var(--space-md);min-block-size: min(62vh,34rem);padding-block-end: var(--space-xl)}.ui-report__cover--compact{min-block-size: auto;padding-block: var(--space-xl) var(--space-lg)}.ui-report__head{align-items: end;border-block-end: 1px solid var(--line);display: flex;flex-wrap: wrap;gap: var(--space-md);justify-content: space-between;padding-block-end: var(--space-md)}.ui-report__title{color: var(--text);font-family: var(--display);font-size: calc(var(--text-xl) * 1.35);font-weight: var(--display-weight-strong);letter-spacing: 0;line-height: 1.05;margin: 0;max-inline-size: var(--report-measure);text-transform: uppercase;text-wrap: balance}.ui-report__subtitle{color: var(--text-dim);font-size: var(--text-lg);line-height: 1.5;margin: 0;max-inline-size: var(--report-measure)}.ui-report__meta{align-items: center;color: var(--text-dim);display: flex;flex-wrap: wrap;font-family: var(--mono);font-size: var(--text-2xs);gap: 0.55rem;letter-spacing: 0;list-style: none;margin: 0;padding: 0;text-transform: uppercase}.ui-report__meta > *{align-items: center;display: inline-flex;gap: 0.55rem}.ui-report__meta > :not(:last-child)::after{background: var(--line-strong);border-radius: 50%;block-size: 0.22rem;content: '';inline-size: 0.22rem}.ui-report__toc{border: 1px solid var(--line);border-radius: var(--radius-md);display: grid;gap: var(--space-xs);padding: var(--space-md)}.ui-report__toc ol,.ui-report__toc ul{display: grid;gap: 0.35rem;margin: 0;padding-inline-start: var(--space-md)}.ui-report__toc a{color: var(--text);text-decoration: underline;text-decoration-color: color-mix(in srgb,var(--accent) 45%,transparent);text-underline-offset: 0.2rem}.ui-report__summary,.ui-report__finding,.ui-report__evidence{background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-md);display: grid;gap: var(--space-sm);padding: var(--space-md)}.ui-report__summary{border-inline-start: 2px solid var(--accent)}.ui-report__decision{background: var(--panel);border: 1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-inline-start: 3px solid var(--accent);border-radius: var(--radius-md);display: grid;gap: var(--space-sm);padding: var(--space-md)}.ui-report__decision-kicker{color: var(--accent-text);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);margin: 0;text-transform: uppercase}.ui-report__decision-title{color: var(--text);font-family: var(--display);font-size: var(--text-lg);font-weight: var(--display-weight);letter-spacing: 0;line-height: 1.18;margin: 0;text-transform: uppercase;text-wrap: balance}.ui-report__decision-body{color: var(--text-soft);line-height: 1.6;margin: 0;max-inline-size: var(--report-measure)}.ui-report__decision-meta{color: var(--text-dim);display: flex;flex-wrap: wrap;font-family: var(--mono);font-size: var(--text-2xs);gap: 0.45rem 0.75rem;letter-spacing: 0}.ui-report__decision-grid{border-block-start: 1px solid var(--line);display: grid;gap: 0}.ui-report__decision-item{align-items: start;border-block-end: 1px solid var(--line);display: grid;gap: var(--space-xs);grid-template-columns: minmax(8rem,14rem) minmax(0,1fr);padding-block: var(--space-xs)}.ui-report__decision-label,.ui-report__decision-value{margin: 0}.ui-report__decision-label{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);text-transform: uppercase}.ui-report__decision-value{color: var(--text-soft);line-height: 1.5}.ui-report__finding{--report-finding-tone: var(--line-strong);border-inline-start: 2px solid var(--report-finding-tone)}.ui-report__finding--critical{--report-finding-tone: var(--danger)}.ui-report__finding--major{--report-finding-tone: var(--warning)}.ui-report__finding--minor{--report-finding-tone: var(--info)}.ui-report__finding--resolved{--report-finding-tone: var(--success)}.ui-report__finding-title,.ui-report__finding-claim,.ui-report__finding-impact,.ui-report__finding-remediation,.ui-report__finding-evidence,.ui-report__finding-caveat{margin: 0}.ui-report__finding-title{color: var(--text);font-size: var(--text-base);font-weight: 650;line-height: 1.25}.ui-report__finding-claim{color: var(--text);line-height: 1.6}.ui-report__finding-impact,.ui-report__finding-remediation,.ui-report__finding-evidence{color: var(--text-soft);line-height: 1.55}.ui-report__finding-caveat{color: var(--text-dim);font-size: var(--text-sm);line-height: 1.55}.ui-claim{--claim-tone: var(--accent);background: var(--panel-soft);border: 1px solid var(--line);border-inline-start: 2px solid var(--claim-tone);border-radius: var(--radius-md);display: grid;gap: var(--space-xs);padding: var(--space-sm)}.ui-claim--supported{--claim-tone: var(--success)}.ui-claim--partial{--claim-tone: var(--warning)}.ui-claim--disputed,.ui-claim--unsupported{--claim-tone: var(--danger)}.ui-claim--unknown{--claim-tone: var(--info)}.ui-claim__statement,.ui-claim__status,.ui-claim__scope,.ui-claim__basis,.ui-claim__limits,.ui-claim__refs,.ui-claim__caveat{margin: 0}.ui-claim__statement{color: var(--text);font-weight: 650;line-height: 1.45}.ui-claim__status,.ui-claim__scope,.ui-claim__refs{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0;text-transform: uppercase}.ui-claim__basis,.ui-claim__limits,.ui-claim__caveat{color: var(--text-soft);font-size: var(--text-sm);line-height: 1.55}.ui-report__evidence{background: var(--panel-soft)}.ui-report__evidence:has(> .ui-table-wrap:only-child){padding: 0}.ui-report__evidence:has(> .ui-table-wrap:only-child) > .ui-table-wrap{border: 0;border-radius: var(--radius-md)}.ui-report__section{display: grid;gap: var(--space-md);scroll-margin-block-start: 6rem}.ui-report__section + .ui-report__section{border-block-start: 1px solid var(--line);padding-block-start: var(--space-xl)}.ui-report__section-head{color: var(--text);font-family: var(--display);font-size: var(--text-xl);font-weight: var(--display-weight);letter-spacing: 0;line-height: 1.1;margin: 0;text-transform: uppercase;text-wrap: balance}.ui-report--numbered .ui-report__section-head::before{color: var(--accent-text);content: counter(report-section,decimal-leading-zero) ' / ';counter-increment: report-section}.ui-report--numbered .ui-report__section--unnumbered > .ui-report__section-head::before{content: none;counter-increment: none}.ui-report__figure{display: grid;gap: var(--space-sm);margin: 0}.ui-report__caption{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0;line-height: 1.5;text-transform: uppercase}.ui-evidence-grid{display: grid;gap: var(--space-sm);grid-template-columns: repeat(auto-fit,minmax(min(100%,16rem),1fr))}.ui-evidence-item{background: var(--panel-soft);border: 1px solid var(--line);border-radius: var(--radius-md);display: grid;gap: 0.35rem;padding: var(--space-sm)}.ui-evidence-item__title{color: var(--text);font-size: var(--text-sm);font-weight: 600;margin: 0}.ui-evidence-item__meta{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0}.ui-evidence-item__body{color: var(--text-soft);font-size: var(--text-sm);line-height: 1.55;margin: 0}.ui-evidence-item__kind,.ui-evidence-item__method,.ui-evidence-item__window,.ui-evidence-item__value,.ui-evidence-item__source,.ui-evidence-item__caveat{margin: 0}.ui-evidence-item__kind,.ui-evidence-item__method,.ui-evidence-item__window,.ui-evidence-item__source{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0;text-transform: uppercase}.ui-evidence-item__value{color: var(--text);font-size: var(--text-base);font-weight: 650}.ui-evidence-item__caveat{color: var(--text-dim);font-size: var(--text-sm);line-height: 1.5}.ui-evidence-ledger{display: grid;gap: var(--space-sm)}.ui-report__actions{border-block-start: 1px solid var(--line);display: grid;gap: 0}.ui-report__action{align-items: start;border-block-end: 1px solid var(--line);display: grid;gap: var(--space-xs);grid-template-columns: minmax(0,1fr) auto;padding-block: var(--space-sm)}.ui-report__action > :not(.ui-report__action-status){grid-column: 1}.ui-report__action-status{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);grid-column: 2;grid-row: 1;letter-spacing: var(--tracking-wide);place-self: start end;text-transform: uppercase;white-space: nowrap}.ui-report__action-title,.ui-report__action-owner,.ui-report__action-due,.ui-report__action-priority,.ui-report__action-criteria,.ui-report__action-source{margin: 0}.ui-report__action-title{color: var(--text);font-weight: 650;line-height: 1.45}.ui-report__action-owner,.ui-report__action-due,.ui-report__action-priority,.ui-report__action-source{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0;text-transform: uppercase}.ui-report__action-criteria{color: var(--text-soft);font-size: var(--text-sm);line-height: 1.5}@media (max-width: 32rem){.ui-report__decision-item,.ui-report__action{grid-template-columns: 1fr}.ui-report__action-status{grid-column: 1;grid-row: auto;place-self: auto start}}.ui-report__sources,.ui-report__appendix,.ui-report__footnotes{border-block-start: 1px solid var(--line);color: var(--text-dim);display: grid;font-size: var(--text-sm);gap: var(--space-sm);padding-block-start: var(--space-md)}.ui-compare{display: grid;gap: var(--space-md);grid-template-columns: repeat(auto-fit,minmax(min(100%,16rem),1fr))}.ui-compare--2up{grid-template-columns: repeat(2,minmax(0,1fr))}@media (max-width: 33rem){.ui-compare--2up{grid-template-columns: 1fr}}.ui-compare__col{align-content: start;display: grid;gap: var(--space-sm)}.ui-compare__head{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);text-transform: uppercase}.ui-meter__row{align-items: center;display: grid;gap: var(--space-2xs) var(--space-md);grid-template-columns: minmax(9rem,14rem) 1fr auto;margin-block: var(--space-2xs)}.ui-meter__row .ui-meter{min-inline-size: 8rem}.ui-meter__label{color: var(--text-soft)}.ui-meter__value{color: var(--text);font-family: var(--mono);font-variant-numeric: tabular-nums;text-align: end}@media (max-width: 32rem){.ui-meter__row{grid-template-columns: 1fr}.ui-meter__value{text-align: start}}.ui-print-only{display: none !important}.ui-print-exact{-webkit-print-color-adjust: exact;print-color-adjust: exact}@media print{@page{margin: 18mm}.ui-report{--report-padding-block: 0;color-scheme: light;--text: #111;--text-soft: #2a2a2a;--text-dim: #555;--panel: #fff;--panel-soft: #f7f7f7;--line: #d9d9d9;--line-strong: #b3b3b3;inline-size: auto;padding: 0}.ui-report__cover{min-block-size: auto}.ui-report,.ui-report__section,.ui-report__figure,.ui-report__actions,.ui-evidence-ledger{display: block}.ui-report > * + *{margin-block-start: var(--report-gap)}.ui-report__section > * + *{margin-block-start: var(--space-md)}.ui-report__figure > * + *,.ui-evidence-ledger > * + *{margin-block-start: var(--space-sm)}.ui-report__cover,.ui-report__head,.ui-report__decision,.ui-report__summary,.ui-report__finding,.ui-report__evidence,.ui-report__figure,.ui-report__toc,.ui-claim,.ui-evidence-item,.ui-report__action,.ui-stat,.ui-statgrid > *,tr{break-inside: avoid}.ui-report__section-head{break-after: avoid}.ui-print-only{display: var(--print-display,block) !important}.ui-screen-only{display: none !important}.ui-break-before{break-before: page}.ui-break-after{break-after: page}.ui-keep{break-inside: avoid}}:root{--chart-1: var(--accent);--chart-2: #e69f00;--chart-3: #56b4e9;--chart-4: #009e73;--chart-5: #f0e442;--chart-6: #0072b2;--chart-7: #cc79a7;--chart-8: #4d5358;--chart-seq-1: oklch(94% 0.03 25deg);--chart-seq-2: oklch(85% 0.07 25deg);--chart-seq-3: oklch(74% 0.12 25deg);--chart-seq-4: oklch(62% 0.16 25deg);--chart-seq-5: oklch(50% 0.16 25deg);--chart-seq-6: oklch(38% 0.13 25deg);--chart-div-1: oklch(45% 0.14 255deg);--chart-div-2: oklch(62% 0.1 250deg);--chart-div-3: oklch(82% 0.05 245deg);--chart-div-4: oklch(90% 0.01 250deg);--chart-div-5: oklch(80% 0.07 60deg);--chart-div-6: oklch(66% 0.13 55deg);--chart-div-7: oklch(56% 0.15 45deg);--chart-pattern-size: 8px;--chart-pattern-ink: rgb(0 0 0 / 0.34);--chart-pattern-1: none;--chart-pattern-2: radial-gradient(circle at 50% 50%,var(--chart-pattern-ink) 1.4px,transparent 1.6px);--chart-pattern-3: radial-gradient(circle at 0 0,var(--chart-pattern-ink) 1.4px,transparent 1.6px);--chart-pattern-4: radial-gradient(circle at 25% 25%,var(--chart-pattern-ink) 1.2px,transparent 1.4px),radial-gradient(circle at 75% 75%,var(--chart-pattern-ink) 1.2px,transparent 1.4px);--chart-pattern-5: radial-gradient(circle at 50% 25%,var(--chart-pattern-ink) 1.2px,transparent 1.4px),radial-gradient(circle at 50% 75%,var(--chart-pattern-ink) 1.2px,transparent 1.4px);--chart-pattern-6: radial-gradient(circle at 25% 50%,var(--chart-pattern-ink) 1.2px,transparent 1.4px),radial-gradient(circle at 75% 50%,var(--chart-pattern-ink) 1.2px,transparent 1.4px);--chart-pattern-7: radial-gradient(circle at 25% 25%,var(--chart-pattern-ink) 1px,transparent 1.2px),radial-gradient(circle at 75% 25%,var(--chart-pattern-ink) 1px,transparent 1.2px),radial-gradient(circle at 25% 75%,var(--chart-pattern-ink) 1px,transparent 1.2px),radial-gradient(circle at 75% 75%,var(--chart-pattern-ink) 1px,transparent 1.2px);--chart-pattern-8: radial-gradient(circle at 50% 50%,transparent 1.2px,var(--chart-pattern-ink) 1.4px,transparent 2.2px)}@media (prefers-color-scheme: dark){:root:not([data-theme='light']){--chart-1: var(--accent);--chart-2: #e69f00;--chart-3: #56b4e9;--chart-4: #009e73;--chart-5: #f0e442;--chart-6: #0072b2;--chart-7: #cc79a7;--chart-8: #4d5358;--chart-seq-1: oklch(30% 0.1 25deg);--chart-seq-2: oklch(42% 0.15 25deg);--chart-seq-3: oklch(55% 0.17 25deg);--chart-seq-4: oklch(68% 0.15 25deg);--chart-seq-5: oklch(80% 0.1 25deg);--chart-seq-6: oklch(90% 0.05 25deg);--chart-div-1: oklch(70% 0.13 250deg);--chart-div-2: oklch(60% 0.12 252deg);--chart-div-3: oklch(48% 0.08 255deg);--chart-div-4: oklch(40% 0.01 250deg);--chart-div-5: oklch(58% 0.1 60deg);--chart-div-6: oklch(72% 0.13 58deg);--chart-div-7: oklch(80% 0.12 55deg);--chart-pattern-ink: rgb(255 255 255 / 0.42)}}:root[data-theme='dark']{--chart-1: var(--accent);--chart-2: #e69f00;--chart-3: #56b4e9;--chart-4: #009e73;--chart-5: #f0e442;--chart-6: #0072b2;--chart-7: #cc79a7;--chart-8: #4d5358;--chart-seq-1: oklch(30% 0.1 25deg);--chart-seq-2: oklch(42% 0.15 25deg);--chart-seq-3: oklch(55% 0.17 25deg);--chart-seq-4: oklch(68% 0.15 25deg);--chart-seq-5: oklch(80% 0.1 25deg);--chart-seq-6: oklch(90% 0.05 25deg);--chart-div-1: oklch(70% 0.13 250deg);--chart-div-2: oklch(60% 0.12 252deg);--chart-div-3: oklch(48% 0.08 255deg);--chart-div-4: oklch(40% 0.01 250deg);--chart-div-5: oklch(58% 0.1 60deg);--chart-div-6: oklch(72% 0.13 58deg);--chart-div-7: oklch(80% 0.12 55deg);--chart-pattern-ink: rgb(255 255 255 / 0.42)}@media print{:root:not([data-theme='light']){--chart-1: var(--accent);--chart-2: #e69f00;--chart-3: #56b4e9;--chart-4: #009e73;--chart-5: #f0e442;--chart-6: #0072b2;--chart-7: #cc79a7;--chart-8: #4d5358;--chart-seq-1: oklch(94% 0.03 25deg);--chart-seq-2: oklch(85% 0.07 25deg);--chart-seq-3: oklch(74% 0.12 25deg);--chart-seq-4: oklch(62% 0.16 25deg);--chart-seq-5: oklch(50% 0.16 25deg);--chart-seq-6: oklch(38% 0.13 25deg);--chart-div-1: oklch(45% 0.14 255deg);--chart-div-2: oklch(62% 0.1 250deg);--chart-div-3: oklch(82% 0.05 245deg);--chart-div-4: oklch(90% 0.01 250deg);--chart-div-5: oklch(80% 0.07 60deg);--chart-div-6: oklch(66% 0.13 55deg);--chart-div-7: oklch(56% 0.15 45deg);--chart-pattern-ink: rgb(0 0 0 / 0.34)}}.ui-figure{display: grid;gap: var(--space-sm);margin: 0;min-inline-size: 0}.ui-figure > *,.ui-figure__body > *,.ui-figure__stage > *{min-inline-size: 0}.ui-figure__caption{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0;line-height: 1.5;text-transform: uppercase}.ui-figure__body{align-items: start;display: grid;gap: var(--space-sm)}.ui-figure__body--key-right{grid-template-columns: minmax(0,1fr) minmax(min(100%,10rem),var(--figure-key-width,14rem))}.ui-figure__stage{--figure-max-inline: 42rem;--figure-min-block: 0px;display: grid;inline-size: min(100%,var(--figure-max-inline));margin-inline: auto;min-block-size: var(--figure-min-block);place-items: center;position: relative}.ui-figure__media{display: block;inline-size: 100%;max-inline-size: 100%}.ui-figure__stage > :is(canvas,img,picture,svg):not(.ui-figure__overlay){display: block;max-inline-size: 100%}.ui-figure__overlay{block-size: 100%;inline-size: 100%;inset: 0;overflow: visible;pointer-events: none;position: absolute}.ui-figure__key,.ui-figure__data{display: grid;gap: var(--space-xs)}.ui-figure__data{margin-block-start: var(--space-xs)}@media (max-width: 44rem){.ui-figure__body--key-right{grid-template-columns: 1fr}}@media print{.ui-figure{break-inside: avoid}.ui-figure__body{display: block}.ui-figure__body > * + *{margin-block-start: var(--space-sm)}}.ui-annotation{--annotation-color: var(--accent);--annotation-line: var(--line-strong);--annotation-note-bg: var(--panel);--annotation-subject-fill: color-mix(in srgb,var(--annotation-color) 8%,transparent);--annotation-stroke-width: 1.5;color: var(--annotation-color);font-family: var(--mono);font-size: var(--text-xs);overflow: visible}.ui-annotation--muted{--annotation-color: var(--text-dim);--annotation-line: var(--line)}.ui-annotation--accent{--annotation-color: var(--accent);--annotation-line: var(--line-strong)}.ui-annotation--success{--annotation-color: var(--success)}.ui-annotation--warning{--annotation-color: var(--warning)}.ui-annotation--danger{--annotation-color: var(--danger)}.ui-annotation--info{--annotation-color: var(--info)}.ui-annotation__subject,.ui-annotation__connector,.ui-annotation__connector-end,.ui-annotation__note-line,.ui-annotation__badge{vector-effect: non-scaling-stroke}.ui-annotation__subject{fill: var(--annotation-subject-fill);stroke: var(--annotation-color);stroke-linejoin: miter;stroke-width: var(--annotation-stroke-width)}.ui-annotation__connector,.ui-annotation__note-line{fill: none;stroke: var(--annotation-line);stroke-linecap: square;stroke-linejoin: miter;stroke-opacity: 0.86;stroke-width: var(--annotation-stroke-width)}.ui-annotation__connector-end{fill: var(--annotation-line);stroke: none}.ui-annotation__note{color: var(--text-soft);fill: currentColor}.ui-annotation__note > rect{fill: var(--annotation-note-bg);stroke: var(--line);stroke-width: 1;vector-effect: non-scaling-stroke}.ui-annotation__title{fill: var(--text);font-size: var(--text-xs);font-weight: 700;letter-spacing: 0;paint-order: stroke fill;stroke: var(--annotation-note-bg);stroke-linejoin: round;stroke-width: 3;text-transform: uppercase}.ui-annotation__label{fill: var(--text-soft);font-size: var(--text-xs);letter-spacing: 0;paint-order: stroke fill;stroke: var(--annotation-note-bg);stroke-linejoin: round;stroke-width: 3}.ui-annotation__badge{fill: var(--annotation-note-bg);stroke: var(--annotation-color);stroke-width: var(--annotation-stroke-width)}.ui-annotation--label .ui-annotation__subject,.ui-annotation--badge .ui-annotation__connector,.ui-annotation--badge .ui-annotation__note-line{display: none}.ui-annotation--callout .ui-annotation__note-line,.ui-annotation--elbow .ui-annotation__note-line,.ui-annotation--curve .ui-annotation__note-line{stroke: var(--annotation-color)}.ui-annotation--elbow .ui-annotation__connector{stroke-linejoin: bevel}.ui-annotation--curve .ui-annotation__connector{stroke-linecap: round}.ui-annotation--circle .ui-annotation__subject{stroke-dasharray: 0.01 4;stroke-linecap: round}.ui-annotation--rect .ui-annotation__subject{stroke-dasharray: 5 3}.ui-annotation--threshold .ui-annotation__subject{fill: none;stroke: var(--annotation-color);stroke-dasharray: 6 4}.ui-annotation--badge .ui-annotation__subject{fill: var(--annotation-color)}.ui-annotation--badge .ui-annotation__badge{fill: var(--annotation-color)}.ui-annotation--badge .ui-annotation__title,.ui-annotation--badge .ui-annotation__label{fill: var(--button-text);stroke: none}.ui-annotation--bracket .ui-annotation__subject,.ui-annotation--compare .ui-annotation__subject,.ui-annotation--axis .ui-annotation__subject,.ui-annotation--timeline .ui-annotation__subject{fill: none;stroke: var(--annotation-color);stroke-linecap: square}.ui-annotation--band .ui-annotation__subject{fill: var(--annotation-subject-fill);stroke: var(--annotation-color);stroke-dasharray: 5 3}.ui-annotation--slope .ui-annotation__subject{fill: none;stroke: var(--annotation-color);stroke-linecap: round}.ui-annotation--cluster .ui-annotation__subject{fill: var(--annotation-subject-fill);stroke: var(--annotation-color);stroke-dasharray: 0.01 5;stroke-linecap: round}.ui-annotation--evidence .ui-annotation__badge{fill: var(--annotation-note-bg);stroke: var(--annotation-color)}.ui-annotation--evidence .ui-annotation__title{fill: var(--annotation-color);stroke: none}.ui-annotation--focus{--annotation-stroke-width: 2;--annotation-subject-fill: color-mix(in srgb,var(--annotation-color) 14%,transparent)}@media (prefers-reduced-motion: no-preference){.ui-annotation--draw .ui-annotation__connector,.ui-annotation--draw .ui-annotation__note-line{animation: uiAnnotationDraw var(--duration-slow,600ms) var(--ease-out,ease-out) both;animation-delay: var(--annotation-delay,0ms);stroke-dasharray: var(--annotation-dash,360);stroke-dashoffset: var(--annotation-dash,360)}.ui-annotation--draw .ui-annotation__subject,.ui-annotation--draw .ui-annotation__badge{animation: uiAnnotationSubjectReveal var(--duration-slow,600ms) var(--ease-out,ease-out) both;animation-delay: var(--annotation-delay,0ms)}.ui-annotation--reveal .ui-annotation__note{animation: uiAnnotationReveal var(--duration-slow,600ms) var(--ease-out,ease-out) both;animation-delay: var(--annotation-delay,0ms)}.ui-annotation--pulse .ui-annotation__subject,.ui-annotation--pulse .ui-annotation__badge{animation: uiAnnotationPulse 1.6s var(--ease-out,ease-out) infinite;animation-delay: var(--annotation-delay,0ms);transform-box: fill-box;transform-origin: center}}@keyframes uiAnnotationDraw{to{stroke-dashoffset: 0}}@keyframes uiAnnotationSubjectReveal{from{opacity: 0}to{opacity: 1}}@keyframes uiAnnotationReveal{from{opacity: 0}to{opacity: 1}}@keyframes uiAnnotationPulse{50%{opacity: 0.62;transform: scale(1.06)}}@media print{.ui-annotation__subject,.ui-annotation__connector,.ui-annotation__note,.ui-annotation__note-line,.ui-annotation__badge{animation: none !important;opacity: 1;stroke-dashoffset: 0}.ui-annotation__subject,.ui-annotation__connector,.ui-annotation__note-line,.ui-annotation__badge{transform: none}.ui-annotation--draw .ui-annotation__connector,.ui-annotation--draw .ui-annotation__note-line{stroke-dasharray: none;stroke-dashoffset: 0}}@media (forced-colors: active){.ui-annotation{--annotation-color: CanvasText;--annotation-line: CanvasText;--annotation-note-bg: Canvas;--annotation-subject-fill: Canvas}}.ui-legend{color: var(--text-soft);display: flex;flex-wrap: wrap;font-family: var(--mono);font-size: var(--text-xs);gap: var(--space-2xs) var(--space-md);list-style: none;margin: 0;padding: 0}.ui-legend--vertical{flex-direction: column}.ui-legend--compact{font-size: var(--text-2xs);gap: var(--space-2xs) var(--space-sm)}.ui-legend__title{color: var(--text-dim);font-size: var(--text-2xs);letter-spacing: 0;margin: 0;text-transform: uppercase}.ui-legend__item{align-items: center;color: inherit;display: inline-flex;gap: 0.45rem}.ui-legend__label{color: inherit}.ui-legend__value{color: var(--text-dim);font-variant-numeric: tabular-nums;margin-inline-start: auto}.ui-legend__caption{color: var(--text-dim);font-size: var(--text-2xs);letter-spacing: 0;text-transform: uppercase}.ui-legend__swatch{background: var(--chart-color,var(--chart-1,var(--accent)));background-image: var(--chart-pattern,none);background-size: var(--chart-pattern-size,8px);block-size: 0.8rem;border: 1px solid var(--line-strong);flex: 0 0 auto;inline-size: 0.8rem}.ui-legend__swatch--circle{border-radius: 50%}.ui-legend__swatch--line{block-size: 0.2rem;border: 0;inline-size: 1.1rem}.ui-legend__symbol{block-size: 0.95rem;color: var(--chart-color,var(--chart-1,var(--accent)));flex: 0 0 auto;inline-size: 0.95rem}.ui-legend__swatch--1{--chart-color: var(--chart-1,var(--accent))}.ui-legend__swatch--2{--chart-color: var(--chart-2,var(--accent))}.ui-legend__swatch--3{--chart-color: var(--chart-3,var(--accent))}.ui-legend__swatch--4{--chart-color: var(--chart-4,var(--accent))}.ui-legend__swatch--5{--chart-color: var(--chart-5,var(--accent))}.ui-legend__swatch--6{--chart-color: var(--chart-6,var(--accent))}.ui-legend__swatch--7{--chart-color: var(--chart-7,var(--accent))}.ui-legend__swatch--8{--chart-color: var(--chart-8,var(--accent))}.ui-legend--gradient{display: grid;gap: var(--space-2xs)}.ui-legend__track{background: linear-gradient( 90deg in oklch,var(--chart-seq-1),var(--chart-seq-2),var(--chart-seq-3),var(--chart-seq-4),var(--chart-seq-5),var(--chart-seq-6) );block-size: 0.7rem;border: 1px solid var(--line)}.ui-legend--diverging .ui-legend__track{background: linear-gradient( 90deg in oklch,var(--chart-div-1),var(--chart-div-2),var(--chart-div-3),var(--chart-div-4),var(--chart-div-5),var(--chart-div-6),var(--chart-div-7) )}.ui-legend__ticks{color: var(--text-dim);display: flex;font-size: var(--text-2xs);justify-content: space-between}.ui-legend__tick{font-variant-numeric: tabular-nums}.ui-legend--threshold{align-items: center;display: grid;gap: 0.35rem var(--space-sm);grid-template-columns: auto 1fr}.ui-legend--with-values{display: grid;gap: 0.35rem var(--space-md);grid-template-columns: auto 1fr auto}.ui-legend--with-values .ui-legend__item{display: grid;grid-column: 1 / -1;grid-template-columns: subgrid}.ui-legend--with-values .ui-legend__value{margin-inline-start: 0;text-align: end}.ui-legend--interactive .ui-legend__item:is(button,[role='button']){background: none;border: 0;border-radius: var(--radius-sm);color: inherit;cursor: pointer;font: inherit;padding-block: 0.15rem;padding-inline: 0.3rem;text-align: start}.ui-legend--interactive .ui-legend__item:is(button,[role='button']):focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.ui-legend__item.is-inactive,.ui-legend__item[aria-pressed='false']{opacity: 0.45}.ui-legend__item.is-inactive .ui-legend__label,.ui-legend__item[aria-pressed='false'] .ui-legend__label{text-decoration: line-through}@media (forced-colors: active){.ui-legend__swatch{border: 1px solid CanvasText;forced-color-adjust: none}.ui-legend__track{forced-color-adjust: none}.ui-legend__item.is-inactive,.ui-legend__item[aria-pressed='false']{opacity: 1}}@media print{.ui-legend__swatch,.ui-legend__track{-webkit-print-color-adjust: exact;print-color-adjust: exact}}.ui-mark{background-color: transparent;background-image: linear-gradient( 90deg,color-mix(in srgb,var(--mark-color,var(--line-strong)) 30%,transparent),color-mix(in srgb,var(--mark-color,var(--line-strong)) 30%,transparent) );background-repeat: no-repeat;background-size: 100% 100%;border-radius: 0.12em;-webkit-box-decoration-break: clone;box-decoration-break: clone;color: inherit;padding-block: 0.05em;padding-inline: 0.18em}.ui-mark--accent{--mark-color: var(--accent)}.ui-mark--success{--mark-color: var(--success)}.ui-mark--warning{--mark-color: var(--warning)}.ui-mark--danger{--mark-color: var(--danger)}.ui-mark--info{--mark-color: var(--info)}.ui-mark--muted{--mark-color: var(--text-dim)}.ui-mark--underline{background: none;padding: 0;text-decoration-color: var(--mark-color,var(--text-dim));text-decoration-line: underline;text-decoration-thickness: 0.12em;text-underline-offset: 0.18em}.ui-mark--box{background: none;border: 1px solid var(--mark-color,var(--line-strong));border-radius: var(--radius-sm)}.ui-mark--strike{background: none;padding: 0;text-decoration-color: var(--mark-color,var(--text-dim));text-decoration-line: line-through}@media (prefers-reduced-motion: no-preference){.ui-mark--draw:not(.ui-mark--underline,.ui-mark--box,.ui-mark--strike){animation: ui-mark-draw 0.6s var(--ease,ease) both}}@keyframes ui-mark-draw{from{background-size: 0% 100%}to{background-size: 100% 100%}}.ui-bracket-note{--mark-color: var(--line-strong);border-inline-start: 2px solid var(--mark-color);display: block;padding-inline-start: var(--space-md)}.ui-bracket-note__label{color: var(--mark-color);display: block;font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0;margin-block-end: var(--space-2xs);text-transform: uppercase}.ui-bracket-note--accent{--mark-color: var(--accent)}.ui-bracket-note--success{--mark-color: var(--success)}.ui-bracket-note--warning{--mark-color: var(--warning)}.ui-bracket-note--danger{--mark-color: var(--danger)}.ui-bracket-note--info{--mark-color: var(--info)}@media (forced-colors: active){.ui-mark:not(.ui-mark--underline,.ui-mark--box,.ui-mark--strike){text-decoration-line: underline}}@media print{.ui-mark{-webkit-print-color-adjust: exact;background-size: 100% 100%;print-color-adjust: exact}.ui-mark--draw{animation: none}}.ui-connector{--connector-color: var(--line-strong);color: var(--connector-color);inset: 0;overflow: visible;pointer-events: none;position: absolute}.ui-connector__path{fill: none;stroke: var(--connector-color);stroke-linecap: round;stroke-linejoin: round;stroke-width: var(--connector-width,1.5);vector-effect: non-scaling-stroke}.ui-connector__end{fill: var(--connector-color);stroke: none}.ui-connector--dashed .ui-connector__path{stroke-dasharray: 4 3}.ui-connector--accent{--connector-color: var(--accent)}.ui-connector--muted{--connector-color: var(--line)}.ui-connector--success{--connector-color: var(--success)}.ui-connector--warning{--connector-color: var(--warning)}.ui-connector--danger{--connector-color: var(--danger)}.ui-connector--info{--connector-color: var(--info)}@media (prefers-reduced-motion: no-preference){.ui-connector--draw .ui-connector__path{animation: ui-connector-draw 0.6s ease both;stroke-dasharray: 1}}@keyframes ui-connector-draw{from{stroke-dashoffset: 1}to{stroke-dashoffset: 0}}@media (forced-colors: active){.ui-connector__path{stroke: CanvasText}.ui-connector__end{fill: CanvasText}}@media print{.ui-connector__path,.ui-connector__end{-webkit-print-color-adjust: exact;print-color-adjust: exact}.ui-connector--draw .ui-connector__path{animation: none;stroke-dasharray: none;stroke-dashoffset: 0}}.ui-spotlight{--spot-x: 50%;--spot-y: 50%;--spot-w: 0px;--spot-h: 0px;--spot-pad: 8px;--spot-radius: var(--radius-md);--spot-backdrop: color-mix(in srgb,#000 55%,transparent);inset: 0;pointer-events: none;position: fixed;z-index: var(--z-overlay,1000)}.ui-spotlight__hole{background: transparent;block-size: calc(var(--spot-h) + var(--spot-pad) * 2);border-radius: var(--spot-radius);box-shadow: 0 0 0 100vmax var(--spot-backdrop);inline-size: calc(var(--spot-w) + var(--spot-pad) * 2);inset-block-start: 0;inset-inline-start: 0;position: absolute;transform: translate( calc(var(--spot-x) - var(--spot-pad)),calc(var(--spot-y) - var(--spot-pad)) );transition: transform 0.2s ease,inline-size 0.2s ease,block-size 0.2s ease}@media (prefers-reduced-motion: reduce){.ui-spotlight__hole{transition: none}}@media (prefers-reduced-transparency: reduce){.ui-spotlight{--spot-backdrop: var(--surface-1)}}.ui-spotlight--ring .ui-spotlight__hole{outline: 2px solid var(--accent);outline-offset: 0}.ui-tour-note{background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-md);box-shadow: var(--shadow-raised);color: var(--text);display: grid;gap: var(--space-sm);max-inline-size: min(22rem,calc(100vw - 2rem));padding: var(--space-md);pointer-events: auto}.ui-tour-note__step{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0;text-transform: uppercase}.ui-tour-note__title{color: var(--text);font-size: var(--text-lg);font-weight: 600;margin: 0}.ui-tour-note__body{color: var(--text-soft);margin: 0}.ui-tour-note__actions{display: flex;gap: var(--space-sm);justify-content: flex-end}@media (forced-colors: active){.ui-spotlight__hole{outline: 2px solid CanvasText}}.ui-crosshair{--crosshair-x: 0;--crosshair-y: 0;--crosshair-color: var(--accent);--crosshair-readout-gap: 0.35rem;--crosshair-readout-x: var(--crosshair-readout-gap);--crosshair-readout-y: var(--crosshair-readout-gap);inset: 0;opacity: 0;pointer-events: none;position: absolute;transition: opacity 0.12s ease}.ui-crosshair.is-active{opacity: 1}.ui-crosshair[data-readout-inline='before']{--crosshair-readout-x: calc(-100% - var(--crosshair-readout-gap))}.ui-crosshair[data-readout-block='above']{--crosshair-readout-y: calc(-100% - var(--crosshair-readout-gap))}.ui-crosshair:dir(rtl){--crosshair-readout-x: calc(100% + var(--crosshair-readout-gap))}.ui-crosshair:dir(rtl)[data-readout-inline='before']{--crosshair-readout-x: calc(-1 * var(--crosshair-readout-gap))}@media (prefers-reduced-motion: reduce){.ui-crosshair{transition: none}}.ui-crosshair--muted{--crosshair-color: var(--line-strong)}.ui-crosshair__line{background: var(--crosshair-color);position: absolute}.ui-crosshair__line--x{inline-size: 1px;inset-block: 0;inset-inline-start: var(--crosshair-x)}.ui-crosshair__line--y{block-size: 1px;inset-block-start: var(--crosshair-y);inset-inline: 0}.ui-crosshair__badge{background: var(--crosshair-color);border-radius: var(--radius-sm);color: var(--button-text);font-family: var(--mono);font-size: var(--text-2xs);padding-block: 0.05rem;padding-inline: 0.3rem;position: absolute;white-space: nowrap}.ui-crosshair--muted .ui-crosshair__badge{background: var(--panel);border: 1px solid var(--line-strong);color: var(--text)}.ui-crosshair .ui-readout{background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-sm);box-shadow: var(--shadow-raised);color: var(--text);font-family: var(--mono);font-size: var(--text-xs);inset-block-start: var(--crosshair-y);inset-inline-start: var(--crosshair-x);max-inline-size: calc(100% - var(--crosshair-readout-gap) * 2);overflow: hidden;padding-block: 0.2rem;padding-inline: 0.4rem;pointer-events: none;position: absolute;text-overflow: ellipsis;transform: translate(var(--crosshair-readout-x),var(--crosshair-readout-y));white-space: nowrap}@media (forced-colors: active){.ui-crosshair__line{background: CanvasText}}.ui-sel{transition: opacity 0.12s ease,outline-color 0.12s ease}@media (prefers-reduced-motion: reduce){.ui-sel{transition: none}}.ui-sel--on{outline: 2px solid var(--accent);outline-offset: 1px}.ui-sel--off{opacity: 0.35}.ui-sel--maybe{outline: 1px dashed var(--accent);outline-offset: 1px}@media (forced-colors: active){.ui-sel--on{outline-color: Highlight}}.ui-citation,.ui-source-card,.ui-provenance{--src-tone: var(--text-dim)}.ui-src{--src-tone: var(--text-dim);align-items: center;background: var(--panel-soft);border: 1px solid color-mix(in srgb,var(--src-tone) 45%,var(--line));border-radius: var(--radius-pill);color: var(--text-soft);display: inline-flex;font-size: var(--text-2xs);gap: 0.35rem;padding: 0.08rem 0.55rem;vertical-align: baseline}.ui-src::before{background: var(--src-tone);border-radius: 50%;block-size: 0.45rem;content: '';flex: none;inline-size: 0.45rem;print-color-adjust: exact}.ui-src--verified{--src-tone: var(--success)}.ui-src--reviewed{--src-tone: var(--accent)}.ui-src--generated{--src-tone: var(--info)}.ui-src--unverified{--src-tone: var(--text-dim)}.ui-src--stale{--src-tone: var(--warning)}.ui-src--conflict{--src-tone: var(--danger)}.ui-citation{color: var(--accent-text);font-family: var(--mono);font-size: 0.72em;font-weight: 600;text-decoration: none;vertical-align: super}.ui-citation:hover{text-decoration: underline}.ui-citation--chip{align-items: center;background: var(--panel-soft);border: 1px solid var(--line);border-radius: var(--radius-pill);color: var(--text-soft);display: inline-flex;font-size: var(--text-2xs);gap: 0.35rem;padding: 0.08rem 0.55rem;vertical-align: baseline}.ui-citation--chip::before{background: var(--src-tone);border-radius: 50%;block-size: 0.45rem;content: '';inline-size: 0.45rem;print-color-adjust: exact}.ui-source-list{display: grid;gap: var(--space-sm);list-style: none;margin: 0;min-inline-size: 0;padding: 0}.ui-source-list__item{margin: 0;min-inline-size: 0}.ui-source-card{background: var(--panel-soft);border: 1px solid var(--line);border-inline-start: 2px solid var(--src-tone);border-radius: var(--radius-md);display: grid;gap: 0.3rem;min-inline-size: 0;padding: 0.75rem 0.9rem;print-color-adjust: exact}.ui-source-card:target,.ui-source-card.is-source-active{box-shadow: 0 0 0 3px color-mix(in srgb,var(--src-tone) 22%,transparent);outline: 2px solid var(--src-tone);outline-offset: 2px}.ui-source-card > *{min-inline-size: 0}.ui-source-card__title{color: var(--text);font-size: var(--text-sm);font-weight: 600;margin: 0;overflow-wrap: break-word}.ui-source-card__origin{color: var(--text-soft);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);overflow-wrap: anywhere}.ui-source-card__time{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);overflow-wrap: anywhere}.ui-source-card__excerpt{color: var(--text-soft);margin: 0;overflow-wrap: anywhere}.ui-source-card__actions{display: flex;flex-wrap: wrap;gap: 0.5rem;margin-block-start: 0.2rem}.ui-provenance{align-items: center;color: var(--text-dim);display: inline-flex;flex-wrap: wrap;font-family: var(--mono);font-size: var(--text-2xs);gap: 0.3rem 0.75rem;letter-spacing: var(--tracking-wide)}.ui-provenance__item{align-items: center;display: inline-flex;gap: 0.35rem}.ui-provenance__item::before{background: var(--src-tone);border-radius: 50%;block-size: 0.45rem;content: '';inline-size: 0.45rem;print-color-adjust: exact}@media (forced-colors: active){.ui-citation--chip::before,.ui-provenance__item::before,.ui-src::before{background: CanvasText}.ui-source-card{border-inline-start-color: CanvasText}}@media print{.ui-prose .ui-citation[href]::after,.ui-citation[href]::after{content: none}.ui-source-card,.ui-source-list__item{break-inside: avoid}}.ui-generated{background: color-mix(in srgb,var(--accent) 4%,transparent);border: 1px solid var(--line);border-inline-start: 2px solid var(--accent);border-radius: var(--radius-md);display: grid;gap: var(--space-xs);padding: 0.85rem 1rem;print-color-adjust: exact}.ui-generated__label{align-items: center;color: var(--text-dim);display: inline-flex;font-family: var(--mono);font-size: var(--text-2xs);gap: 0.4rem;letter-spacing: var(--tracking-wide);text-transform: uppercase}.ui-origin-label{align-items: center;border: 1px solid var(--line);border-radius: var(--radius-pill);color: var(--text-soft);display: inline-flex;font-family: var(--mono);font-size: var(--text-2xs);gap: 0.35rem;letter-spacing: var(--tracking-wide);padding: 0.08rem 0.55rem;text-transform: uppercase}.ui-origin-label--ai{border-color: var(--accent);color: var(--accent-text)}.ui-reasoning{color: var(--text-dim);font-size: var(--text-sm)}.ui-reasoning > summary{color: var(--text-soft);cursor: pointer;font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);text-transform: uppercase}.ui-reasoning__body{margin-block-start: var(--space-xs)}.ui-tool-log{display: grid;gap: var(--space-2xs)}.ui-tool-call{border: 1px solid var(--line);border-radius: var(--radius-sm);font-family: var(--mono);font-size: var(--text-2xs)}.ui-tool-call > summary{align-items: center;cursor: pointer;display: flex;gap: 0.5rem;padding: 0.4rem 0.6rem}.ui-tool-call__name{color: var(--text)}.ui-tool-call__status{color: var(--text-dim);margin-inline-start: auto}.ui-tool-call__body{border-block-start: 1px solid var(--line);color: var(--text-soft);margin: 0;overflow-x: auto;padding: 0.5rem 0.6rem;white-space: pre-wrap}@media (forced-colors: active){.ui-generated{border-inline-start-color: CanvasText}}.ui-state{--state-tone: var(--text-dim);align-items: center;display: inline-flex;font-size: var(--text-sm);gap: 0.4rem}.ui-state::before{background: var(--state-tone);border-radius: 50%;block-size: 0.5rem;content: '';flex: none;inline-size: 0.5rem;print-color-adjust: exact}.ui-state__label{color: var(--text)}.ui-state__detail{color: var(--text-dim);font-size: var(--text-2xs)}.ui-state--busy::before{animation: uiStatePulse 1.1s ease-in-out infinite}@keyframes uiStatePulse{50%{opacity: 0.3}}@media (prefers-reduced-motion: reduce){.ui-state--busy::before{animation: none}}.ui-state--saving{--state-tone: var(--accent)}.ui-state--saved{--state-tone: var(--success)}.ui-state--queued{--state-tone: var(--text-dim)}.ui-state--offline{--state-tone: var(--warning)}.ui-state--stale{--state-tone: var(--warning)}.ui-state--conflict{--state-tone: var(--danger)}.ui-state--error{--state-tone: var(--danger)}.ui-state--locked{--state-tone: var(--text-dim)}.ui-state--reviewed{--state-tone: var(--success)}.ui-state--needs-review{--state-tone: var(--warning)}.ui-syncbar{align-items: center;border-block-end: 1px solid var(--line);display: flex;flex-wrap: wrap;gap: var(--space-sm) var(--space-md);justify-content: space-between;padding-block: var(--space-xs)}.ui-job{--job-progress: 0%;--job-tone: var(--text-dim);background: var(--panel);border: 1px solid var(--line);border-inline-start: 2px solid var(--job-tone);border-radius: var(--radius-md);display: grid;gap: var(--space-sm);padding: var(--space-md)}.ui-job__head{align-items: start;display: flex;flex-wrap: wrap;gap: var(--space-xs) var(--space-md);justify-content: space-between}.ui-job__title{color: var(--text);font-family: var(--display);font-size: var(--text-sm);letter-spacing: var(--tracking-wide);margin: 0;text-transform: uppercase}.ui-job__meta{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);text-transform: uppercase}.ui-job__body{color: var(--text-soft);margin: 0}.ui-job__progress{background: var(--panel-soft);border: 1px solid var(--line);border-radius: var(--radius-pill);block-size: 0.5rem;overflow: hidden}.ui-job__bar{background: var(--job-tone);block-size: 100%;display: block;inline-size: clamp(0%,var(--job-progress),100%);min-inline-size: 1px;print-color-adjust: exact;transition: inline-size var(--duration-base) var(--ease-standard)}.ui-job__actions{align-items: center;display: flex;flex-wrap: wrap;gap: var(--space-xs)}.ui-job--compact{gap: var(--space-xs);padding: var(--space-sm)}.ui-job--queued{--job-tone: var(--text-dim)}.ui-job--running{--job-tone: var(--accent)}.ui-job--blocked{--job-tone: var(--warning)}.ui-job--failed{--job-tone: var(--danger)}.ui-job--complete{--job-tone: var(--success)}.ui-job--running .ui-job__bar{background-image: linear-gradient( 90deg,var(--job-tone),color-mix(in srgb,var(--job-tone) 62%,var(--panel)) )}@media (prefers-reduced-motion: reduce){.ui-job__bar{transition: none}}@media (forced-colors: active){.ui-state::before{background: CanvasText}.ui-job{border-inline-start-color: CanvasText}.ui-job__bar{background: CanvasText}}@property --lo{syntax: '<number>';inherits: true;initial-value: 0}@property --hi{syntax: '<number>';inherits: true;initial-value: 1}.ui-interval{--lo: 0;--hi: 1;display: grid;gap: 0.35rem;inline-size: 100%;min-inline-size: 0}.ui-interval__track{background: var(--surface-4);block-size: 0.7rem;border: 1px solid var(--line);border-radius: var(--radius-pill);min-inline-size: 8rem;position: relative}.ui-interval__range{background: color-mix(in srgb,var(--accent) 26%,transparent);border: 1px solid color-mix(in srgb,var(--accent) 58%,var(--line));border-radius: var(--radius-pill);inline-size: max(2px,calc((max(var(--lo),var(--hi)) - min(var(--lo),var(--hi))) * 100%));inset-block: 18%;inset-inline-start: calc(min(var(--lo),var(--hi)) * 100%);position: absolute}.ui-interval__point{background: var(--text);border: 2px solid var(--panel);border-radius: 50%;block-size: 0.72rem;box-shadow: 0 0 0 1px var(--line-strong);inline-size: 0.72rem;inset-block-start: 50%;inset-inline-start: calc(var(--v,var(--lo)) * 100%);position: absolute;transform: translate(-50%,-50%)}.ui-interval:dir(rtl) .ui-interval__point{transform: translate(50%,-50%)}.ui-interval__label,.ui-interval__bounds{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0}.ui-interval__label{color: var(--text-soft)}.ui-interval__bounds{display: flex;gap: var(--space-sm);justify-content: space-between}@media (forced-colors: active){.ui-interval__track,.ui-interval__range,.ui-interval__point{border-color: CanvasText}.ui-interval__range,.ui-interval__point{background: CanvasText}}@media print{.ui-interval__range,.ui-interval__point{-webkit-print-color-adjust: exact;print-color-adjust: exact}}.ui-clamp{--clamp-lines: 4;display: grid;gap: var(--space-2xs);min-inline-size: 0;position: relative}.ui-clamp__body{-webkit-box-orient: vertical;-webkit-line-clamp: var(--clamp-lines);display: -webkit-box;line-clamp: var(--clamp-lines);mask-image: linear-gradient(to bottom,#000 72%,transparent 100%);overflow: hidden}.ui-clamp:has(> .ui-clamp__toggle:checked) .ui-clamp__body{-webkit-line-clamp: unset;display: block;line-clamp: none;mask-image: none}.ui-clamp__toggle{block-size: 1px;clip-path: inset(50%);inline-size: 1px;overflow: hidden;position: absolute;white-space: nowrap}.ui-clamp__control{color: var(--accent-text);cursor: pointer;font-family: var(--mono);font-size: var(--text-2xs);inline-size: max-content;letter-spacing: var(--tracking-wide);text-decoration: underline;text-decoration-color: color-mix(in srgb,var(--accent) 55%,transparent);text-underline-offset: 0.2rem;text-transform: uppercase}.ui-clamp__toggle:focus-visible + .ui-clamp__body + .ui-clamp__control{outline: 2px solid var(--focus-ring);outline-offset: 2px}.ui-clamp__less{display: none}.ui-clamp:has(> .ui-clamp__toggle:checked) .ui-clamp__more{display: none}.ui-clamp:has(> .ui-clamp__toggle:checked) .ui-clamp__less{display: inline}@media (hover: hover){.ui-clamp__control:hover{text-decoration-color: currentColor}}@media print{.ui-clamp__body{-webkit-line-clamp: unset;display: block;line-clamp: none;mask-image: none}.ui-clamp__toggle,.ui-clamp__control{display: none}}.ui-highlights{--highlight-evidence: var(--accent-soft);--highlight-search: var(--warning-soft);--highlight-current: color-mix(in srgb,var(--accent) 22%,transparent)}.ui-highlights::highlight(bronto-evidence){background-color: var(--highlight-evidence);color: inherit;text-decoration-color: var(--accent);text-decoration-line: underline;text-decoration-thickness: 0.1em;text-underline-offset: 0.18em}.ui-highlights::highlight(bronto-search){background-color: var(--highlight-search);color: inherit}.ui-highlights::highlight(bronto-current){background-color: var(--highlight-current);color: var(--text)}@media (forced-colors: active){.ui-highlights::highlight(bronto-evidence),.ui-highlights::highlight(bronto-search),.ui-highlights::highlight(bronto-current){background-color: Highlight;color: HighlightText;text-decoration-color: HighlightText}}@media print{.ui-highlights{-webkit-print-color-adjust: exact;print-color-adjust: exact}}.ui-diff{--diff-add-bg: color-mix(in srgb,var(--success) 14%,transparent);--diff-remove-bg: color-mix(in srgb,var(--danger) 14%,transparent);--diff-add-ink: var(--success);--diff-remove-ink: var(--danger);border: 1px solid var(--line);border-radius: var(--radius-sm);display: grid;font-family: var(--mono);font-size: var(--text-xs);grid-template-columns: auto auto minmax(0,1fr);line-height: 1.6;overflow: hidden}.ui-diff--split{grid-template-columns: 1fr 1fr}.ui-diff__pane{display: grid;grid-template-columns: auto minmax(0,1fr);min-inline-size: 0}.ui-diff--split > .ui-diff__pane + .ui-diff__pane{border-inline-start: 1px solid var(--line)}.ui-diff__hunk{display: contents}.ui-diff__row{display: contents}.ui-diff__head{background: var(--surface-2);color: var(--text-dim);grid-column: 1 / -1;min-inline-size: 0;overflow-wrap: anywhere;padding: var(--space-2xs) var(--space-sm)}.ui-diff__ln{align-self: start;color: var(--text-dim);font-variant-numeric: tabular-nums;padding: 0 var(--space-sm);text-align: end;-webkit-user-select: none;user-select: none}.ui-diff__code{overflow-wrap: anywhere;padding: 0 var(--space-sm);white-space: pre-wrap}.ui-diff__code::before{color: var(--diff-tint,var(--text-dim));content: var(--diff-sign,'\00a0');display: inline-block;inline-size: 1ch;margin-inline-end: var(--space-2xs);-webkit-user-select: none;user-select: none}.ui-diff__row--add{--diff-sign: '+';--diff-tint: var(--diff-add-ink)}.ui-diff__row--remove{--diff-sign: '\2212';--diff-tint: var(--diff-remove-ink)}.ui-diff__row--context{--diff-sign: '\00a0'}.ui-diff__row--add > .ui-diff__ln,.ui-diff__row--add > .ui-diff__code{background: var(--diff-add-bg)}.ui-diff__row--remove > .ui-diff__ln,.ui-diff__row--remove > .ui-diff__code{background: var(--diff-remove-bg)}@media (forced-colors: active){.ui-diff__row--add > .ui-diff__code,.ui-diff__row--remove > .ui-diff__code{border-inline-start: 2px solid currentColor}}@media print{.ui-diff__head,.ui-diff__row--add > .ui-diff__ln,.ui-diff__row--add > .ui-diff__code,.ui-diff__row--remove > .ui-diff__ln,.ui-diff__row--remove > .ui-diff__code{-webkit-print-color-adjust: exact;print-color-adjust: exact}}.ui-code{border: 1px solid var(--line);border-radius: var(--radius-sm);font-family: var(--mono);font-size: var(--text-xs);overflow: hidden}.ui-code__head{background: var(--surface-2);border-block-end: 1px solid var(--line);color: var(--text-dim);display: flex;gap: var(--space-sm);justify-content: space-between;min-inline-size: 0;overflow: hidden;padding: var(--space-2xs) var(--space-sm);text-overflow: ellipsis;white-space: nowrap}.ui-code__head > *{min-inline-size: 0;overflow: hidden;text-overflow: ellipsis}.ui-code__head > :last-child{flex-shrink: 0}.ui-code__body{counter-reset: ui-code-ln;margin: 0;overflow-wrap: anywhere;padding: var(--space-sm) 0;white-space: pre-wrap}.ui-code__line{display: block;padding-inline: var(--space-sm)}.ui-code--numbered .ui-code__line{padding-inline-start: 0}.ui-code--numbered .ui-code__line::before{color: var(--text-dim);content: counter(ui-code-ln);counter-increment: ui-code-ln;display: inline-block;inline-size: 3ch;margin-inline-end: var(--space-sm);text-align: end;-webkit-user-select: none;user-select: none}.ui-code__line--add{background: color-mix(in srgb,var(--success) 14%,transparent)}.ui-code__line--remove{background: color-mix(in srgb,var(--danger) 14%,transparent)}.ui-code__line--hl{background: color-mix(in srgb,var(--accent) 14%,transparent)}@media (forced-colors: active){.ui-code__line--add,.ui-code__line--remove,.ui-code__line--hl{border-inline-start: 3px solid currentColor}}@media print{.ui-code__head,.ui-code__line--add,.ui-code__line--remove,.ui-code__line--hl{-webkit-print-color-adjust: exact;print-color-adjust: exact}}.ui-spark{align-items: flex-end;block-size: 1em;display: inline-flex;gap: 1px;inline-size: max-content;vertical-align: -0.15em}.ui-spark__bar{background: currentColor;block-size: max(1px,calc(var(--v,0) * 100%));border-radius: 0.5px;flex: 0 0 0.25em;min-inline-size: 2px}.ui-spark__bar--accent{background: var(--accent)}.ui-spark__bar--pos{background: var(--success)}.ui-spark__bar--neg{background: var(--danger)}.ui-spark--dots .ui-spark__bar{--_dot: var(--spark-dot,0.16em);--_step: calc(var(--_dot) + var(--spark-dot-gap,0.06em));border-radius: 0;-webkit-mask: repeating-linear-gradient(to top,#000 0 var(--_dot),transparent var(--_dot) var(--_step));mask: repeating-linear-gradient(to top,#000 0 var(--_dot),transparent var(--_dot) var(--_step))}@media (forced-colors: active){.ui-spark__bar{background: CanvasText}}@media print{.ui-spark__bar{-webkit-print-color-adjust: exact;print-color-adjust: exact}}@property --band-lo{syntax: '<number>';inherits: true;initial-value: 0.5}@property --band-hi{syntax: '<number>';inherits: true;initial-value: 0.8}@property --t{syntax: '<number>';inherits: true;initial-value: 0}.ui-bullet{--band-lo: 0.5;--band-hi: 0.8;background: linear-gradient( to right,var(--surface-4) 0 calc(var(--band-lo) * 100%),var(--surface-3) calc(var(--band-lo) * 100%) calc(var(--band-hi) * 100%),var(--surface-2) calc(var(--band-hi) * 100%) 100% );block-size: 1.25rem;border-radius: var(--radius-sm);inline-size: 100%;position: relative}.ui-bullet:dir(rtl){background: linear-gradient( to left,var(--surface-4) 0 calc(var(--band-lo) * 100%),var(--surface-3) calc(var(--band-lo) * 100%) calc(var(--band-hi) * 100%),var(--surface-2) calc(var(--band-hi) * 100%) 100% )}.ui-bullet__measure{background: var(--text);border-radius: var(--radius-sm);inline-size: max(calc(sign(var(--v,1)) * 2px),calc(var(--v,0) * 100%));inset-block: 30%;inset-inline-start: 0;position: absolute}.ui-bullet__measure--accent{background: var(--accent)}.ui-bullet__measure--pos{background: var(--success)}.ui-bullet__measure--neg{background: var(--danger)}.ui-bullet__target{background: var(--text);inline-size: 2px;inset-block: 8%;inset-inline-start: calc(var(--t,0) * 100%);position: absolute;transform: translateX(-50%)}.ui-bullet:dir(rtl) .ui-bullet__target{transform: translateX(50%)}.ui-bullet__label{color: var(--text-dim);display: flex;font-family: var(--mono);font-size: var(--text-2xs);gap: var(--space-sm);justify-content: space-between;letter-spacing: var(--tracking-wide);margin-block-start: 0.3rem}@media (forced-colors: active){.ui-bullet{border: 1px solid CanvasText}.ui-bullet__measure,.ui-bullet__target{background: CanvasText}}@media print{.ui-bullet{-webkit-print-color-adjust: exact;print-color-adjust: exact}}:root{--sidenote-width: 12rem;--sidenote-gap: 2rem}.ui-sidenote,.ui-marginnote{border-inline-start: 2px solid var(--line);color: var(--text-dim);display: block;font-size: var(--text-2xs);line-height: 1.5;margin-block: var(--space-2xs);padding-inline-start: var(--space-md)}.ui-sidenote__ref{color: var(--accent-text);counter-increment: ui-sidenote;font-size: 0.75em;vertical-align: super}.ui-sidenote__ref::after{content: counter(ui-sidenote)}.ui-sidenote::before{color: var(--accent-text);content: counter(ui-sidenote) '. '}@media (min-width: 60rem){.ui-sidenote,.ui-marginnote{border-inline-start: 0;clear: inline-end;float: inline-end;inline-size: var(--sidenote-width);margin-block: 0;margin-inline-end: calc(-1 * (var(--sidenote-width) + var(--sidenote-gap)));padding-inline-start: 0;text-align: start}}.ui-textref{--textref-highlight: var(--accent-soft);color: var(--accent-text);text-decoration: underline;text-decoration-style: dotted;text-underline-offset: 0.2em}.ui-textref::before{content: '\201F';margin-inline-end: 0.15em}@media (hover: hover){.ui-textref:hover{text-decoration-style: solid}}.ui-textref:focus-visible{outline: 2px solid var(--focus-ring);outline-offset: 2px}::target-text{background-color: var(--textref-highlight,var(--accent-soft));color: var(--text)}@media (forced-colors: active){::target-text{background-color: Highlight;color: HighlightText}}.ui-term{background: none;border: 0;color: inherit;cursor: help;font: inherit;padding: 0;text-decoration: underline;text-decoration-color: var(--line-strong);text-decoration-style: dotted;text-underline-offset: 0.2em}@media (hover: hover){.ui-term:hover{text-decoration-color: var(--accent)}}.ui-term:focus-visible{outline: 2px solid var(--focus-ring);outline-offset: 2px}.ui-def{background: var(--surface-raised);border: 1px solid var(--line);border-radius: var(--radius-md);box-shadow: var(--shadow-raised);color: var(--text);font-family: var(--sans);font-size: var(--text-sm);line-height: 1.5;margin: 0;max-inline-size: 22rem;padding: var(--space-sm) var(--space-md)}@supports (anchor-name: --x){.ui-def{inset: auto;margin-block-start: 0.4rem;position-area: block-end span-inline-end;position-try-fallbacks: flip-block,flip-inline}}.ui-glossary{border-block-start: 1px solid var(--line);display: grid;gap: var(--space-2xs) var(--space-md);grid-template-columns: fit-content(45%) minmax(0,1fr);margin: 0;padding-block-start: var(--space-md)}.ui-glossary__term{color: var(--text);font-family: var(--mono);font-size: var(--text-xs);font-weight: 600;letter-spacing: var(--tracking-wide);min-inline-size: 0;overflow-wrap: anywhere}.ui-glossary__def{color: var(--text-dim);font-size: var(--text-sm);margin: 0;min-inline-size: 0}@media (max-width: 32rem){.ui-glossary{grid-template-columns: 1fr;gap: 0.15rem var(--space-md)}.ui-glossary__def{margin-block-end: var(--space-xs)}}.ui-toc{--toc-top: var(--space-md);align-self: start;font-family: var(--mono);font-size: var(--text-xs);inset-block-start: var(--toc-top);letter-spacing: var(--tracking-wide);position: sticky}.ui-toc__title{color: var(--text-dim);font-size: var(--text-2xs);margin-block-end: var(--space-xs);text-transform: uppercase}.ui-toc__list{display: grid;gap: 1px;list-style: none;margin: 0;padding: 0}.ui-toc__list .ui-toc__list{margin-inline-start: var(--space-sm)}.ui-toc__link{border-inline-start: 2px solid var(--line);color: var(--text-dim);display: block;padding: 0.3rem var(--space-sm);text-decoration: none;transition: color var(--duration-fast) var(--ease-standard)}.ui-toc__link[aria-current]:not([aria-current='false']){border-inline-start-color: var(--accent);color: var(--accent-text)}.ui-toc__link:focus-visible{outline: 2px solid var(--focus-ring);outline-offset: -2px}@media (hover: hover){.ui-toc__link:hover:not([aria-current]:not([aria-current='false'])){color: var(--text)}}@media (forced-colors: active){.ui-toc__link[aria-current]:not([aria-current='false']){border-inline-start-color: Highlight;color: Highlight}}@media (prefers-reduced-motion: reduce){.ui-toc__link{transition: none}}.ui-tree{color: var(--text);font-family: var(--mono);font-size: var(--text-sm);line-height: 1.5}.ui-tree__branch,.ui-tree__leaf{display: block}.ui-tree__branch .ui-tree__branch,.ui-tree__branch .ui-tree__leaf{border-inline-start: 1px solid var(--line);margin-inline-start: 0.5rem;padding-inline-start: var(--space-sm)}.ui-tree__summary{align-items: center;cursor: pointer;display: flex;gap: var(--space-2xs);list-style: none;padding-block: var(--space-2xs)}.ui-tree__summary::-webkit-details-marker{display: none}.ui-tree__summary::before{block-size: 0.4rem;border-block-end: 1.5px solid var(--text-dim);border-inline-end: 1.5px solid var(--text-dim);content: '';flex: 0 0 auto;inline-size: 0.4rem;transform: rotate(-45deg);transition: transform var(--duration-fast) var(--ease-spring)}.ui-tree__branch[open] > .ui-tree__summary::before{border-color: var(--accent);transform: rotate(45deg)}.ui-tree__branch[open] > .ui-tree__summary{color: var(--accent-text)}.ui-tree__leaf{align-items: center;display: flex;gap: var(--space-2xs);padding-block: var(--space-2xs)}.ui-tree__leaf::before{content: '';flex: 0 0 auto;inline-size: 0.4rem}.ui-tree__label{min-inline-size: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}@supports selector(::details-content){@media (prefers-reduced-motion: no-preference){.ui-tree{interpolate-size: allow-keywords}.ui-tree__branch::details-content{block-size: 0;overflow: hidden;transition: block-size var(--duration-base) var(--ease-out),content-visibility var(--duration-base) allow-discrete}.ui-tree__branch[open]::details-content{block-size: auto}}}@media (prefers-reduced-motion: reduce){.ui-tree__summary::before{transition: none}}@media (forced-colors: active){.ui-tree__branch[open] > .ui-tree__summary::before{border-color: Highlight}}}
package/dist/css/sources.css CHANGED
@@ -1 +1 @@
1
- @layer bronto{.ui-citation,.ui-source-card,.ui-provenance{--src-tone: var(--text-dim)}.ui-src{--src-tone: var(--text-dim);align-items: center;background: var(--panel-soft);border: 1px solid color-mix(in srgb,var(--src-tone) 45%,var(--line));border-radius: var(--radius-pill);color: var(--text-soft);display: inline-flex;font-size: var(--text-2xs);gap: 0.35rem;padding: 0.08rem 0.55rem;vertical-align: baseline}.ui-src::before{background: var(--src-tone);border-radius: 50%;block-size: 0.45rem;content: '';flex: none;inline-size: 0.45rem;print-color-adjust: exact}.ui-src--verified{--src-tone: var(--success)}.ui-src--reviewed{--src-tone: var(--accent)}.ui-src--generated{--src-tone: var(--info)}.ui-src--unverified{--src-tone: var(--text-dim)}.ui-src--stale{--src-tone: var(--warning)}.ui-src--conflict{--src-tone: var(--danger)}.ui-citation{color: var(--accent-text);font-family: var(--mono);font-size: 0.72em;font-weight: 600;text-decoration: none;vertical-align: super}.ui-citation:hover{text-decoration: underline}.ui-citation--chip{align-items: center;background: var(--panel-soft);border: 1px solid var(--line);border-radius: var(--radius-pill);color: var(--text-soft);display: inline-flex;font-size: var(--text-2xs);gap: 0.35rem;padding: 0.08rem 0.55rem;vertical-align: baseline}.ui-citation--chip::before{background: var(--src-tone);border-radius: 50%;block-size: 0.45rem;content: '';inline-size: 0.45rem;print-color-adjust: exact}.ui-source-list{display: grid;gap: var(--space-sm);list-style: none;margin: 0;min-inline-size: 0;padding: 0}.ui-source-list__item{margin: 0;min-inline-size: 0}.ui-source-card{background: var(--panel-soft);border: 1px solid var(--line);border-inline-start: 2px solid var(--src-tone);border-radius: var(--radius-md);display: grid;gap: 0.3rem;min-inline-size: 0;padding: 0.75rem 0.9rem;print-color-adjust: exact}.ui-source-card:target,.ui-source-card.is-source-active{box-shadow: 0 0 0 3px color-mix(in srgb,var(--src-tone) 22%,transparent);outline: 2px solid var(--src-tone);outline-offset: 2px}.ui-source-card > *{min-inline-size: 0}.ui-source-card__title{color: var(--text);font-size: var(--text-sm);font-weight: 600;margin: 0;overflow-wrap: break-word}.ui-source-card__origin{color: var(--text-soft);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);overflow-wrap: anywhere}.ui-source-card__time{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);overflow-wrap: anywhere}.ui-source-card__excerpt{color: var(--text-soft);margin: 0;overflow-wrap: anywhere}.ui-source-card__actions{display: flex;flex-wrap: wrap;gap: 0.5rem;margin-block-start: 0.2rem}.ui-provenance{align-items: center;color: var(--text-dim);display: inline-flex;flex-wrap: wrap;font-family: var(--mono);font-size: var(--text-2xs);gap: 0.3rem 0.75rem;letter-spacing: var(--tracking-wide)}.ui-provenance__item{align-items: center;display: inline-flex;gap: 0.35rem}.ui-provenance__item::before{background: var(--src-tone);border-radius: 50%;block-size: 0.45rem;content: '';inline-size: 0.45rem;print-color-adjust: exact}@media (forced-colors: active){.ui-citation--chip::before,.ui-provenance__item::before,.ui-src::before{background: CanvasText}.ui-source-card{border-inline-start-color: CanvasText}}@media print{.ui-citation[href]::after{content: none !important}.ui-source-card,.ui-source-list__item{break-inside: avoid}}}
1
+ @layer bronto{.ui-citation,.ui-source-card,.ui-provenance{--src-tone: var(--text-dim)}.ui-src{--src-tone: var(--text-dim);align-items: center;background: var(--panel-soft);border: 1px solid color-mix(in srgb,var(--src-tone) 45%,var(--line));border-radius: var(--radius-pill);color: var(--text-soft);display: inline-flex;font-size: var(--text-2xs);gap: 0.35rem;padding: 0.08rem 0.55rem;vertical-align: baseline}.ui-src::before{background: var(--src-tone);border-radius: 50%;block-size: 0.45rem;content: '';flex: none;inline-size: 0.45rem;print-color-adjust: exact}.ui-src--verified{--src-tone: var(--success)}.ui-src--reviewed{--src-tone: var(--accent)}.ui-src--generated{--src-tone: var(--info)}.ui-src--unverified{--src-tone: var(--text-dim)}.ui-src--stale{--src-tone: var(--warning)}.ui-src--conflict{--src-tone: var(--danger)}.ui-citation{color: var(--accent-text);font-family: var(--mono);font-size: 0.72em;font-weight: 600;text-decoration: none;vertical-align: super}.ui-citation:hover{text-decoration: underline}.ui-citation--chip{align-items: center;background: var(--panel-soft);border: 1px solid var(--line);border-radius: var(--radius-pill);color: var(--text-soft);display: inline-flex;font-size: var(--text-2xs);gap: 0.35rem;padding: 0.08rem 0.55rem;vertical-align: baseline}.ui-citation--chip::before{background: var(--src-tone);border-radius: 50%;block-size: 0.45rem;content: '';inline-size: 0.45rem;print-color-adjust: exact}.ui-source-list{display: grid;gap: var(--space-sm);list-style: none;margin: 0;min-inline-size: 0;padding: 0}.ui-source-list__item{margin: 0;min-inline-size: 0}.ui-source-card{background: var(--panel-soft);border: 1px solid var(--line);border-inline-start: 2px solid var(--src-tone);border-radius: var(--radius-md);display: grid;gap: 0.3rem;min-inline-size: 0;padding: 0.75rem 0.9rem;print-color-adjust: exact}.ui-source-card:target,.ui-source-card.is-source-active{box-shadow: 0 0 0 3px color-mix(in srgb,var(--src-tone) 22%,transparent);outline: 2px solid var(--src-tone);outline-offset: 2px}.ui-source-card > *{min-inline-size: 0}.ui-source-card__title{color: var(--text);font-size: var(--text-sm);font-weight: 600;margin: 0;overflow-wrap: break-word}.ui-source-card__origin{color: var(--text-soft);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);overflow-wrap: anywhere}.ui-source-card__time{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);overflow-wrap: anywhere}.ui-source-card__excerpt{color: var(--text-soft);margin: 0;overflow-wrap: anywhere}.ui-source-card__actions{display: flex;flex-wrap: wrap;gap: 0.5rem;margin-block-start: 0.2rem}.ui-provenance{align-items: center;color: var(--text-dim);display: inline-flex;flex-wrap: wrap;font-family: var(--mono);font-size: var(--text-2xs);gap: 0.3rem 0.75rem;letter-spacing: var(--tracking-wide)}.ui-provenance__item{align-items: center;display: inline-flex;gap: 0.35rem}.ui-provenance__item::before{background: var(--src-tone);border-radius: 50%;block-size: 0.45rem;content: '';inline-size: 0.45rem;print-color-adjust: exact}@media (forced-colors: active){.ui-citation--chip::before,.ui-provenance__item::before,.ui-src::before{background: CanvasText}.ui-source-card{border-inline-start-color: CanvasText}}@media print{.ui-prose .ui-citation[href]::after,.ui-citation[href]::after{content: none}.ui-source-card,.ui-source-list__item{break-inside: avoid}}}
package/dist/css/spotlight.css CHANGED
@@ -1 +1 @@
1
- @layer bronto{.ui-spotlight{--spot-x: 50%;--spot-y: 50%;--spot-w: 0px;--spot-h: 0px;--spot-pad: 8px;--spot-radius: var(--radius-md);--spot-backdrop: color-mix(in srgb,#000 55%,transparent);inset: 0;pointer-events: none;position: fixed;z-index: var(--z-overlay,1000)}.ui-spotlight__hole{background: transparent;block-size: calc(var(--spot-h) + var(--spot-pad) * 2);border-radius: var(--spot-radius);box-shadow: 0 0 0 100vmax var(--spot-backdrop);inline-size: calc(var(--spot-w) + var(--spot-pad) * 2);inset-block-start: 0;inset-inline-start: 0;position: absolute;transform: translate( calc(var(--spot-x) - var(--spot-pad)),calc(var(--spot-y) - var(--spot-pad)) );transition: transform 0.2s ease,inline-size 0.2s ease,block-size 0.2s ease}@media (prefers-reduced-motion: reduce){.ui-spotlight__hole{transition: none}}.ui-spotlight--ring .ui-spotlight__hole{outline: 2px solid var(--accent);outline-offset: 0}.ui-tour-note{background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-md);box-shadow: var(--shadow-raised);color: var(--text);display: grid;gap: var(--space-sm);max-inline-size: min(22rem,calc(100vw - 2rem));padding: var(--space-md);pointer-events: auto}.ui-tour-note__step{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0;text-transform: uppercase}.ui-tour-note__title{color: var(--text);font-size: var(--text-lg);font-weight: 600;margin: 0}.ui-tour-note__body{color: var(--text-soft);margin: 0}.ui-tour-note__actions{display: flex;gap: var(--space-sm);justify-content: flex-end}@media (forced-colors: active){.ui-spotlight__hole{outline: 2px solid CanvasText}}}
1
+ @layer bronto{.ui-spotlight{--spot-x: 50%;--spot-y: 50%;--spot-w: 0px;--spot-h: 0px;--spot-pad: 8px;--spot-radius: var(--radius-md);--spot-backdrop: color-mix(in srgb,#000 55%,transparent);inset: 0;pointer-events: none;position: fixed;z-index: var(--z-overlay,1000)}.ui-spotlight__hole{background: transparent;block-size: calc(var(--spot-h) + var(--spot-pad) * 2);border-radius: var(--spot-radius);box-shadow: 0 0 0 100vmax var(--spot-backdrop);inline-size: calc(var(--spot-w) + var(--spot-pad) * 2);inset-block-start: 0;inset-inline-start: 0;position: absolute;transform: translate( calc(var(--spot-x) - var(--spot-pad)),calc(var(--spot-y) - var(--spot-pad)) );transition: transform 0.2s ease,inline-size 0.2s ease,block-size 0.2s ease}@media (prefers-reduced-motion: reduce){.ui-spotlight__hole{transition: none}}@media (prefers-reduced-transparency: reduce){.ui-spotlight{--spot-backdrop: var(--surface-1)}}.ui-spotlight--ring .ui-spotlight__hole{outline: 2px solid var(--accent);outline-offset: 0}.ui-tour-note{background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-md);box-shadow: var(--shadow-raised);color: var(--text);display: grid;gap: var(--space-sm);max-inline-size: min(22rem,calc(100vw - 2rem));padding: var(--space-md);pointer-events: auto}.ui-tour-note__step{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0;text-transform: uppercase}.ui-tour-note__title{color: var(--text);font-size: var(--text-lg);font-weight: 600;margin: 0}.ui-tour-note__body{color: var(--text-soft);margin: 0}.ui-tour-note__actions{display: flex;gap: var(--space-sm);justify-content: flex-end}@media (forced-colors: active){.ui-spotlight__hole{outline: 2px solid CanvasText}}}
package/dist/css/table.css CHANGED
@@ -1 +1 @@
1
- @layer bronto{.ui-table-wrap{border: 1px solid var(--line);border-radius: var(--radius-md);overflow: auto}.ui-table{border-collapse: collapse;font-family: var(--mono);font-size: var(--text-sm);min-inline-size: 100%;inline-size: 100%}.ui-table th,.ui-table td{border-block-end: 1px solid var(--line);overflow-wrap: break-word;padding: 0.7rem 0.85rem;text-align: start;vertical-align: top;word-break: normal}.ui-table th{background: var(--panel);color: var(--text-dim);font-size: var(--text-2xs);font-weight: 700;letter-spacing: var(--tracking-wide);position: sticky;text-transform: uppercase;inset-block-start: 0;z-index: 1}.ui-table td{color: var(--text-soft)}.ui-table tbody tr:last-child td{border-block-end: 0}.ui-table tbody tr{transition: background-color var(--duration-fast) var(--ease-standard)}@media (hover: hover){.ui-table tbody tr:hover td{background: var(--bg-accent)}}.ui-table--dense th,.ui-table--dense td{font-size: var(--text-xs);padding: 0.42rem 0.6rem}.ui-table--comfortable th,.ui-table--comfortable td{padding: 0.95rem 1.1rem}.ui-table--lined td{border-inline-end: 1px solid var(--line)}.ui-table--lined td:last-child{border-inline-end: 0}.ui-table--break-anywhere th,.ui-table--break-anywhere td{overflow-wrap: anywhere}.ui-table--break-anywhere{table-layout: fixed}.ui-table .is-num,.ui-table th.is-num{font-variant-numeric: tabular-nums;text-align: end}.ui-table .is-pos{color: var(--success)}.ui-table .is-neg{color: var(--danger)}.ui-table .is-key{color: var(--text);font-weight: 600}.ui-table__empty td{color: var(--text-dim);padding: 2rem;text-align: center}.ui-table__sort{align-items: center;background: none;border: 0;color: inherit;cursor: pointer;display: flex;font: inherit;gap: 0.4rem;letter-spacing: inherit;padding: 0;text-transform: inherit;inline-size: 100%}.ui-table__sort::after{content: '↕';opacity: 0.4}.ui-table th[aria-sort='ascending'] .ui-table__sort::after{content: '↑';opacity: 1}.ui-table th[aria-sort='descending'] .ui-table__sort::after{content: '↓';opacity: 1}.ui-table__select{inline-size: 1px;white-space: nowrap}.ui-table--selectable tbody tr[aria-selected='true'] td{background: var(--bg-accent)}.ui-table__toolbar{align-items: center;border: 1px solid var(--line);border-block-end: 0;border-start-start-radius: var(--radius-md);border-start-end-radius: var(--radius-md);display: flex;gap: var(--space-sm);padding: var(--space-sm) var(--space-md)}.ui-table-wrap--loading{opacity: 0.6;pointer-events: none}}
1
+ @layer bronto{.ui-table-wrap{border: 1px solid var(--line);border-radius: var(--radius-md);overflow: auto}.ui-table{border-collapse: collapse;font-family: var(--mono);font-size: var(--text-sm);min-inline-size: 100%;inline-size: 100%}.ui-table th,.ui-table td{border-block-end: 1px solid var(--line);overflow-wrap: break-word;padding: 0.7rem 0.85rem;text-align: start;vertical-align: top;word-break: normal}.ui-table th{background: var(--panel);color: var(--text-dim);font-size: var(--text-2xs);font-weight: 700;letter-spacing: var(--tracking-wide);position: sticky;text-transform: uppercase;inset-block-start: 0;z-index: 1}.ui-table td{color: var(--text-soft)}.ui-table tbody tr:last-child td{border-block-end: 0}.ui-table tbody tr{transition: background-color var(--duration-fast) var(--ease-standard)}@media (hover: hover){.ui-table tbody tr:hover td{background: var(--bg-accent)}}.ui-table--dense th,.ui-table--dense td{font-size: var(--text-xs);padding: 0.42rem 0.6rem}.ui-table--comfortable th,.ui-table--comfortable td{padding: 0.95rem 1.1rem}.ui-table--lined td{border-inline-end: 1px solid var(--line)}.ui-table--lined td:last-child{border-inline-end: 0}.ui-table--break-anywhere th,.ui-table--break-anywhere td{overflow-wrap: anywhere}.ui-table--break-anywhere{table-layout: fixed}.ui-table .is-num,.ui-table th.is-num{font-variant-numeric: tabular-nums;text-align: end}.ui-table .is-pos{color: var(--success)}.ui-table .is-neg{color: var(--danger)}.ui-table .is-key{color: var(--text);font-weight: 600}.ui-table__empty td{color: var(--text-dim);padding: 2rem;text-align: center}.ui-table__sort{align-items: center;background: none;border: 0;color: inherit;cursor: pointer;display: flex;font: inherit;gap: 0.4rem;letter-spacing: inherit;padding: 0;text-transform: inherit;inline-size: 100%}@media (pointer: coarse){.ui-table__sort{box-sizing: border-box;margin-block: -0.7rem;min-block-size: 24px;padding-block: 0.7rem}.ui-table--dense .ui-table__sort{margin-block: -0.42rem;padding-block: 0.42rem}.ui-table--comfortable .ui-table__sort{margin-block: -0.95rem;padding-block: 0.95rem}}.ui-table__sort::after{content: '↕';opacity: 0.4}.ui-table th[aria-sort='ascending'] .ui-table__sort::after{content: '↑';opacity: 1}.ui-table th[aria-sort='descending'] .ui-table__sort::after{content: '↓';opacity: 1}.ui-table__select{inline-size: 1px;white-space: nowrap}.ui-table--selectable tbody tr[aria-selected='true'] td{background: var(--bg-accent)}.ui-table__toolbar{align-items: center;border: 1px solid var(--line);border-block-end: 0;border-start-start-radius: var(--radius-md);border-start-end-radius: var(--radius-md);display: flex;gap: var(--space-sm);padding: var(--space-sm) var(--space-md)}.ui-table-wrap--loading{opacity: 0.6;pointer-events: none}}
package/dist/css/term.css CHANGED
@@ -1 +1 @@
1
- @layer bronto{.ui-term{background: none;border: 0;color: inherit;cursor: help;font: inherit;padding: 0;text-decoration: underline;text-decoration-color: var(--line-strong);text-decoration-style: dotted;text-underline-offset: 0.2em}@media (hover: hover){.ui-term:hover{text-decoration-color: var(--accent)}}.ui-term:focus-visible{outline: 2px solid var(--focus-ring);outline-offset: 2px}.ui-def{background: var(--surface-raised);border: 1px solid var(--line);border-radius: var(--radius-md);box-shadow: var(--shadow-raised);color: var(--text);font-family: var(--sans);font-size: var(--text-sm);line-height: 1.5;margin: 0;max-inline-size: 22rem;padding: var(--space-sm) var(--space-md)}@supports (anchor-name: --x){.ui-def{inset: auto;margin-block-start: 0.4rem;position-area: block-end span-inline-end;position-try-fallbacks: flip-block,flip-inline}}.ui-glossary{border-block-start: 1px solid var(--line);display: grid;gap: var(--space-2xs) var(--space-md);grid-template-columns: minmax(6rem,max-content) 1fr;margin: 0;padding-block-start: var(--space-md)}.ui-glossary__term{color: var(--text);font-family: var(--mono);font-size: var(--text-xs);font-weight: 600;letter-spacing: var(--tracking-wide)}.ui-glossary__def{color: var(--text-dim);font-size: var(--text-sm);margin: 0}@media (max-width: 32rem){.ui-glossary{grid-template-columns: 1fr;gap: 0.15rem var(--space-md)}.ui-glossary__def{margin-block-end: var(--space-xs)}}}
1
+ @layer bronto{.ui-term{background: none;border: 0;color: inherit;cursor: help;font: inherit;padding: 0;text-decoration: underline;text-decoration-color: var(--line-strong);text-decoration-style: dotted;text-underline-offset: 0.2em}@media (hover: hover){.ui-term:hover{text-decoration-color: var(--accent)}}.ui-term:focus-visible{outline: 2px solid var(--focus-ring);outline-offset: 2px}.ui-def{background: var(--surface-raised);border: 1px solid var(--line);border-radius: var(--radius-md);box-shadow: var(--shadow-raised);color: var(--text);font-family: var(--sans);font-size: var(--text-sm);line-height: 1.5;margin: 0;max-inline-size: 22rem;padding: var(--space-sm) var(--space-md)}@supports (anchor-name: --x){.ui-def{inset: auto;margin-block-start: 0.4rem;position-area: block-end span-inline-end;position-try-fallbacks: flip-block,flip-inline}}.ui-glossary{border-block-start: 1px solid var(--line);display: grid;gap: var(--space-2xs) var(--space-md);grid-template-columns: fit-content(45%) minmax(0,1fr);margin: 0;padding-block-start: var(--space-md)}.ui-glossary__term{color: var(--text);font-family: var(--mono);font-size: var(--text-xs);font-weight: 600;letter-spacing: var(--tracking-wide);min-inline-size: 0;overflow-wrap: anywhere}.ui-glossary__def{color: var(--text-dim);font-size: var(--text-sm);margin: 0;min-inline-size: 0}@media (max-width: 32rem){.ui-glossary{grid-template-columns: 1fr;gap: 0.15rem var(--space-md)}.ui-glossary__def{margin-block-end: var(--space-xs)}}}
package/dist/css/tokens.css CHANGED
@@ -1 +1 @@
1
- @layer bronto{:root{--radius-xl: 4px;--radius-lg: 3px;--radius-md: 2px;--radius-sm: 1px;--radius-pill: 999px;--space-2xs: 0.25rem;--space-xs: 0.5rem;--space-sm: 0.75rem;--space-md: 1rem;--space-lg: 1.35rem;--space-xl: 1.75rem;--space-2xl: 2.5rem;--mono: 'JetBrains Mono','Fira Code','Cascadia Code','SF Mono',ui-monospace,monospace;--sans: 'Inter','SF Pro Text',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;--dot-font: 'Doto',var(--mono);--display: var(--dot-font);--display-weight: 700;--display-weight-strong: 800;--text-2xs: 0.68rem;--text-xs: 0.76rem;--text-sm: 0.86rem;--text-base: 0.95rem;--text-lg: 1.15rem;--text-xl: 1.45rem;--tracking-wide: 0.14em;--tracking-wider: 0.22em;--ease-standard: cubic-bezier(0.2,0.8,0.2,1);--ease-spring: cubic-bezier(0.16,1,0.3,1);--ease-out: cubic-bezier(0.33,1,0.68,1);--duration-fast: 130ms;--duration-base: 200ms;--duration-slow: 360ms;--dot-size: 2px;--dot-gap: 14px;--z-base: 0;--z-raised: 10;--z-sticky: 20;--z-overlay: 30;--z-popover: 50;--z-toast: 60;--accent-1: color-mix(in oklch,var(--accent) 8%,var(--accent-ramp-end));--accent-2: color-mix(in oklch,var(--accent) 16%,var(--accent-ramp-end));--accent-3: color-mix(in oklch,var(--accent) 32%,var(--accent-ramp-end));--accent-4: color-mix(in oklch,var(--accent) 60%,var(--accent-ramp-end));--accent-5: var(--accent);--accent-6: var(--accent-strong);--surface-1: var(--bg);--surface-2: var(--bg-elevated);--surface-3: var(--panel);--surface-4: var(--panel-soft);--surface-5: var(--line);--surface-6: var(--line-strong);--bronto-color-bg: var(--bg);--bronto-color-surface: var(--panel);--bronto-color-surface-raised: var(--panel-strong);--bronto-color-border: var(--line);--bronto-color-border-strong: var(--line-strong);--bronto-color-text: var(--text);--bronto-color-text-muted: var(--text-dim);--bronto-color-action: var(--accent);--bronto-color-on-action: var(--button-text);--bronto-color-focus: var(--focus-ring);--bronto-color-success: var(--success);--bronto-color-warning: var(--warning);--bronto-color-danger: var(--danger);--bronto-color-info: var(--info);--surface: var(--panel);--surface-raised: var(--panel-strong);--surface-muted: var(--panel-soft);--border: var(--line);--border-strong: var(--line-strong)}:root,:root[data-theme='light']{color-scheme: light;--bg: #f4f4f2;--bg-elevated: #fbfbfa;--bg-accent: color-mix(in srgb,var(--accent) 6%,transparent);--panel: #ffffff;--panel-strong: #ffffff;--panel-soft: #ececea;--line: #d8d8d4;--line-strong: #a8a8a2;--text: #0a0a0a;--text-soft: #353533;--text-dim: #686863;--accent: #d71921;--accent-ramp-end: #ffffff;--accent-strong: color-mix(in srgb,var(--accent) 83%,#000);--accent-text: var(--accent-strong);--on-accent: var(--button-text);--accent-soft: color-mix(in srgb,var(--accent) 10%,transparent);--success: #2f7d4f;--success-soft: rgb(47,125,79,0.12);--warning: #806414;--warning-soft: rgb(128,100,20,0.13);--danger: #c01622;--danger-soft: rgb(192,22,34,0.1);--info: #1f63c4;--info-soft: rgb(31,99,196,0.12);--code-bg: rgb(10,10,10,0.05);--button-text: #ffffff;--field-dot: rgb(10,10,10,0.16);--field-dot-hot: rgb(10,10,10,0.4);--field-dot-accent: color-mix(in srgb,var(--accent) 78%,transparent);--focus-ring: var(--accent);--shadow: none;--shadow-raised: 0 0 0 1px var(--line-strong)}@media (prefers-color-scheme: dark){:root:not([data-theme='light']){color-scheme: dark;--bg: #121212;--bg-elevated: #181818;--bg-accent: color-mix(in srgb,var(--accent) 8%,transparent);--panel: #1c1c1c;--panel-strong: #222222;--panel-soft: #242424;--line: #383838;--line-strong: #555555;--text: #e6e6e6;--text-soft: #c8c8c8;--text-dim: #a0a0a0;--accent: #ff3b41;--accent-ramp-end: #000000;--accent-strong: color-mix(in srgb,var(--accent) 80%,#fff);--accent-text: var(--accent-strong);--on-accent: var(--button-text);--accent-soft: color-mix(in srgb,var(--accent) 14%,transparent);--success: #4ec27e;--success-soft: rgb(78,194,126,0.14);--warning: #d8bd72;--warning-soft: rgb(216,189,114,0.14);--danger: #ff4d54;--danger-soft: rgb(255,77,84,0.15);--info: #6fb0e6;--info-soft: rgb(111,176,230,0.14);--code-bg: rgb(255,255,255,0.05);--button-text: #000000;--field-dot: rgb(242,242,242,0.14);--field-dot-hot: rgb(242,242,242,0.36);--field-dot-accent: color-mix(in srgb,var(--accent) 82%,transparent);--focus-ring: var(--accent);--shadow: none;--shadow-raised: 0 0 0 1px var(--line-strong)}}:root[data-theme='dark']{color-scheme: dark;--bg: #121212;--bg-elevated: #181818;--bg-accent: color-mix(in srgb,var(--accent) 8%,transparent);--panel: #1c1c1c;--panel-strong: #222222;--panel-soft: #242424;--line: #383838;--line-strong: #555555;--text: #e6e6e6;--text-soft: #c8c8c8;--text-dim: #a0a0a0;--accent: #ff3b41;--accent-ramp-end: #000000;--accent-strong: color-mix(in srgb,var(--accent) 80%,#fff);--accent-text: var(--accent-strong);--on-accent: var(--button-text);--accent-soft: color-mix(in srgb,var(--accent) 14%,transparent);--success: #4ec27e;--success-soft: rgb(78,194,126,0.14);--warning: #d8bd72;--warning-soft: rgb(216,189,114,0.14);--danger: #ff4d54;--danger-soft: rgb(255,77,84,0.15);--info: #6fb0e6;--info-soft: rgb(111,176,230,0.14);--code-bg: rgb(255,255,255,0.05);--button-text: #000000;--field-dot: rgb(242,242,242,0.14);--field-dot-hot: rgb(242,242,242,0.36);--field-dot-accent: color-mix(in srgb,var(--accent) 82%,transparent);--focus-ring: var(--accent);--shadow: none;--shadow-raised: 0 0 0 1px var(--line-strong)}[data-density='compact']{--space-2xs: 0.2rem;--space-xs: 0.4rem;--space-sm: 0.6rem;--space-md: 0.8rem;--space-lg: 1.05rem;--space-xl: 1.35rem;--space-2xl: 1.9rem}[data-density='comfortable']{--space-2xs: 0.3rem;--space-xs: 0.6rem;--space-sm: 0.95rem;--space-md: 1.25rem;--space-lg: 1.7rem;--space-xl: 2.2rem;--space-2xl: 3.1rem}[data-contrast='high']{--line: var(--line-strong);--text-dim: var(--text-soft);--focus-ring: var(--accent);--shadow-raised: 0 0 0 1px var(--text)}:root[data-contrast='high']{--line: var(--line-strong);--text-dim: var(--text-soft);--focus-ring: var(--accent);--shadow-raised: 0 0 0 1px var(--text)}@media (prefers-contrast: more){:root:root{--line: var(--line-strong);--text-dim: var(--text-soft);--focus-ring: var(--accent);--shadow-raised: 0 0 0 1px var(--text)}}:root[data-theme='dark'][data-surface='oled']{--bg: #000000;--bg-elevated: #0a0a0a;--panel: #101010;--panel-strong: #161616;--panel-soft: #1a1a1a}@media (prefers-color-scheme: dark){:root:not([data-theme='light'])[data-surface='oled']{--bg: #000000;--bg-elevated: #0a0a0a;--panel: #101010;--panel-strong: #161616;--panel-soft: #1a1a1a}}@media print{:root:root:root{color-scheme: light;--text: #111;--text-soft: #2a2a2a;--text-dim: #555;--bg: #fff;--bg-elevated: #fff;--panel: #fff;--panel-strong: #fff;--panel-soft: #f7f7f7;--line: #d9d9d9;--line-strong: #b3b3b3;--success: #2f7d4f;--success-soft: rgb(47,125,79,0.12);--danger: #c01622;--danger-soft: rgb(192,22,34,0.1);--warning: #806414;--warning-soft: rgb(128,100,20,0.13);--info: #1f63c4;--info-soft: rgb(31,99,196,0.12);--accent: #d71921;--bg-accent: color-mix(in srgb,var(--accent) 6%,transparent);--accent-ramp-end: #ffffff;--accent-strong: color-mix(in srgb,var(--accent) 83%,#000);--accent-text: var(--accent-strong);--accent-soft: color-mix(in srgb,var(--accent) 10%,transparent);--button-text: #ffffff;--on-accent: var(--button-text);--field-dot: rgb(17,17,17,0.16);--field-dot-hot: rgb(17,17,17,0.4);--field-dot-accent: color-mix(in srgb,var(--accent) 78%,transparent);--focus-ring: var(--accent);--code-bg: rgb(17,17,17,0.05)}}}
1
+ @layer bronto{:root{--radius-xl: 4px;--radius-lg: 3px;--radius-md: 2px;--radius-sm: 1px;--radius-pill: 999px;--space-2xs: 0.25rem;--space-xs: 0.5rem;--space-sm: 0.75rem;--space-md: 1rem;--space-lg: 1.35rem;--space-xl: 1.75rem;--space-2xl: 2.5rem;--mono: 'JetBrains Mono','Fira Code','Cascadia Code','SF Mono',ui-monospace,monospace;--sans: 'Inter','SF Pro Text',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;--dot-font: 'Doto',var(--mono);--display: var(--dot-font);--display-weight: 700;--display-weight-strong: 800;--text-2xs: 0.68rem;--text-xs: 0.76rem;--text-sm: 0.86rem;--text-base: 0.95rem;--text-lg: 1.15rem;--text-xl: 1.45rem;--tracking-wide: 0.14em;--tracking-wider: 0.22em;--ease-standard: cubic-bezier(0.2,0.8,0.2,1);--ease-spring: cubic-bezier(0.16,1,0.3,1);--ease-out: cubic-bezier(0.33,1,0.68,1);--duration-fast: 130ms;--duration-base: 200ms;--duration-slow: 360ms;--dot-size: 2px;--dot-gap: 14px;--z-base: 0;--z-raised: 10;--z-sticky: 20;--z-overlay: 30;--z-popover: 50;--z-toast: 60;--accent-1: color-mix(in oklch,var(--accent) 8%,var(--accent-ramp-end));--accent-2: color-mix(in oklch,var(--accent) 16%,var(--accent-ramp-end));--accent-3: color-mix(in oklch,var(--accent) 32%,var(--accent-ramp-end));--accent-4: color-mix(in oklch,var(--accent) 60%,var(--accent-ramp-end));--accent-5: var(--accent);--accent-6: var(--accent-strong);--surface-1: var(--bg);--surface-2: var(--bg-elevated);--surface-3: var(--panel);--surface-4: var(--panel-soft);--surface-5: var(--line);--surface-6: var(--line-strong);--bronto-color-bg: var(--bg);--bronto-color-surface: var(--panel);--bronto-color-surface-raised: var(--panel-strong);--bronto-color-border: var(--line);--bronto-color-border-strong: var(--line-strong);--bronto-color-text: var(--text);--bronto-color-text-muted: var(--text-dim);--bronto-color-action: var(--accent);--bronto-color-on-action: var(--button-text);--bronto-color-focus: var(--focus-ring);--bronto-color-success: var(--success);--bronto-color-warning: var(--warning);--bronto-color-danger: var(--danger);--bronto-color-info: var(--info);--surface: var(--panel);--surface-raised: var(--panel-strong);--surface-muted: var(--panel-soft);--border: var(--line);--border-strong: var(--line-strong)}:root,:root[data-theme='light']{color-scheme: light;--bg: #f4f4f2;--bg-elevated: #fbfbfa;--bg-accent: color-mix(in srgb,var(--accent) 6%,transparent);--panel: #ffffff;--panel-strong: #ffffff;--panel-soft: #ececea;--line: #d8d8d4;--line-strong: #a8a8a2;--text: #0a0a0a;--text-soft: #353533;--text-dim: #686863;--accent: #d71921;--accent-ramp-end: #ffffff;--accent-strong: color-mix(in srgb,var(--accent) 83%,#000);--accent-text: var(--accent-strong);--on-accent: var(--button-text);--accent-soft: color-mix(in srgb,var(--accent) 10%,transparent);--success: #2f7d4f;--success-soft: rgb(47,125,79,0.12);--warning: #806414;--warning-soft: rgb(128,100,20,0.13);--danger: #c01622;--danger-soft: rgb(192,22,34,0.1);--info: #1f63c4;--info-soft: rgb(31,99,196,0.12);--code-bg: rgb(10,10,10,0.05);--button-text: #ffffff;--field-dot: rgb(10,10,10,0.16);--field-dot-hot: rgb(10,10,10,0.4);--field-dot-accent: color-mix(in srgb,var(--accent) 78%,transparent);--focus-ring: var(--accent);--shadow: none;--shadow-raised: 0 0 0 1px var(--line-strong)}@media (prefers-color-scheme: dark){:root:not([data-theme='light']){color-scheme: dark;--bg: #121212;--bg-elevated: #181818;--bg-accent: color-mix(in srgb,var(--accent) 8%,transparent);--panel: #1c1c1c;--panel-strong: #222222;--panel-soft: #242424;--line: #383838;--line-strong: #555555;--text: #e6e6e6;--text-soft: #c8c8c8;--text-dim: #a0a0a0;--accent: #ff3b41;--accent-ramp-end: #000000;--accent-strong: color-mix(in srgb,var(--accent) 80%,#fff);--accent-text: var(--accent-strong);--on-accent: var(--button-text);--accent-soft: color-mix(in srgb,var(--accent) 14%,transparent);--success: #4ec27e;--success-soft: rgb(78,194,126,0.14);--warning: #d8bd72;--warning-soft: rgb(216,189,114,0.14);--danger: #ff4d54;--danger-soft: rgb(255,77,84,0.15);--info: #6fb0e6;--info-soft: rgb(111,176,230,0.14);--code-bg: rgb(255,255,255,0.05);--button-text: #000000;--field-dot: rgb(242,242,242,0.14);--field-dot-hot: rgb(242,242,242,0.36);--field-dot-accent: color-mix(in srgb,var(--accent) 82%,transparent);--focus-ring: var(--accent);--shadow: none;--shadow-raised: 0 0 0 1px var(--line-strong)}}:root[data-theme='dark']{color-scheme: dark;--bg: #121212;--bg-elevated: #181818;--bg-accent: color-mix(in srgb,var(--accent) 8%,transparent);--panel: #1c1c1c;--panel-strong: #222222;--panel-soft: #242424;--line: #383838;--line-strong: #555555;--text: #e6e6e6;--text-soft: #c8c8c8;--text-dim: #a0a0a0;--accent: #ff3b41;--accent-ramp-end: #000000;--accent-strong: color-mix(in srgb,var(--accent) 80%,#fff);--accent-text: var(--accent-strong);--on-accent: var(--button-text);--accent-soft: color-mix(in srgb,var(--accent) 14%,transparent);--success: #4ec27e;--success-soft: rgb(78,194,126,0.14);--warning: #d8bd72;--warning-soft: rgb(216,189,114,0.14);--danger: #ff4d54;--danger-soft: rgb(255,77,84,0.15);--info: #6fb0e6;--info-soft: rgb(111,176,230,0.14);--code-bg: rgb(255,255,255,0.05);--button-text: #000000;--field-dot: rgb(242,242,242,0.14);--field-dot-hot: rgb(242,242,242,0.36);--field-dot-accent: color-mix(in srgb,var(--accent) 82%,transparent);--focus-ring: var(--accent);--shadow: none;--shadow-raised: 0 0 0 1px var(--line-strong)}[data-density='compact']{--space-2xs: 0.2rem;--space-xs: 0.4rem;--space-sm: 0.6rem;--space-md: 0.8rem;--space-lg: 1.05rem;--space-xl: 1.35rem;--space-2xl: 1.9rem}[data-density='comfortable']{--space-2xs: 0.3rem;--space-xs: 0.6rem;--space-sm: 0.95rem;--space-md: 1.25rem;--space-lg: 1.7rem;--space-xl: 2.2rem;--space-2xl: 3.1rem}[data-contrast='high'],:root[data-contrast='high']{--line: var(--line-strong);--text-dim: var(--text-soft);--focus-ring: var(--accent);--shadow-raised: 0 0 0 1px var(--text)}@media (prefers-contrast: more){:root:root{--line: var(--line-strong);--text-dim: var(--text-soft);--focus-ring: var(--accent);--shadow-raised: 0 0 0 1px var(--text)}}:root[data-theme='dark'][data-surface='oled']{--bg: #000000;--bg-elevated: #0a0a0a;--panel: #101010;--panel-strong: #161616;--panel-soft: #1a1a1a}@media (prefers-color-scheme: dark){:root:not([data-theme='light'])[data-surface='oled']{--bg: #000000;--bg-elevated: #0a0a0a;--panel: #101010;--panel-strong: #161616;--panel-soft: #1a1a1a}}@media print{:root:root:root:root{color-scheme: light;--text: #111;--text-soft: #2a2a2a;--text-dim: #555;--bg: #fff;--bg-elevated: #fff;--panel: #fff;--panel-strong: #fff;--panel-soft: #f7f7f7;--line: #d9d9d9;--line-strong: #b3b3b3;--success: #2f7d4f;--success-soft: rgb(47,125,79,0.12);--danger: #c01622;--danger-soft: rgb(192,22,34,0.1);--warning: #806414;--warning-soft: rgb(128,100,20,0.13);--info: #1f63c4;--info-soft: rgb(31,99,196,0.12);--accent: #d71921;--bg-accent: color-mix(in srgb,var(--accent) 6%,transparent);--accent-ramp-end: #ffffff;--accent-strong: color-mix(in srgb,var(--accent) 83%,#000);--accent-text: var(--accent-strong);--accent-soft: color-mix(in srgb,var(--accent) 10%,transparent);--button-text: #ffffff;--on-accent: var(--button-text);--field-dot: rgb(17,17,17,0.16);--field-dot-hot: rgb(17,17,17,0.4);--field-dot-accent: color-mix(in srgb,var(--accent) 78%,transparent);--focus-ring: var(--accent);--code-bg: rgb(17,17,17,0.05)}}}
package/dist/css/workbench.css CHANGED
@@ -1 +1 @@
1
- @layer bronto{.ui-inspector{background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-md);display: grid;gap: var(--space-sm);padding: var(--space-md)}.ui-inspector__head{align-items: baseline;border-block-end: 1px solid var(--line);display: flex;gap: var(--space-sm);justify-content: space-between;padding-block-end: var(--space-xs)}.ui-inspector__body{display: grid;gap: var(--space-2xs)}.ui-property{align-items: baseline;display: grid;gap: var(--space-sm);grid-template-columns: minmax(6rem,38%) 1fr}.ui-property__label{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);text-transform: uppercase}.ui-property__value{color: var(--text);font-size: var(--text-sm);min-inline-size: 0}.ui-selectionbar{align-items: center;background: var(--panel-strong);border: 1px solid var(--line-strong);border-radius: var(--radius-md);box-shadow: var(--shadow-raised);display: flex;flex-wrap: wrap;gap: var(--space-sm) var(--space-md);justify-content: space-between;padding: 0.5rem 0.85rem}.ui-selectionbar__count{color: var(--text);font-family: var(--mono);font-size: var(--text-sm)}.ui-selectionbar__actions{display: flex;flex-wrap: wrap;gap: var(--space-xs)}.ui-splitter{--splitter-pos: 50%;--splitter-handle: 0.75rem;--splitter-pane-min: 0px;background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-md);display: grid;grid-template-columns: minmax(var(--splitter-pane-min),var(--splitter-pos)) var(--splitter-handle) minmax(0,1fr);min-block-size: 18rem;overflow: hidden}.ui-splitter--vertical{grid-template-columns: minmax(var(--splitter-pane-min),var(--splitter-pos)) var(--splitter-handle) minmax(0,1fr)}.ui-splitter--horizontal{grid-template-columns: 1fr;grid-template-rows: minmax(var(--splitter-pane-min),var(--splitter-pos)) var(--splitter-handle) minmax(0,1fr)}.ui-splitter__pane{min-block-size: 0;min-inline-size: 0;overflow: auto;padding: var(--space-md)}.ui-splitter__handle{align-self: stretch;background: var(--panel-strong);border-block: 0;border-inline: 1px solid var(--line);cursor: col-resize;display: grid;min-inline-size: var(--splitter-handle);place-items: center;touch-action: none}.ui-splitter__handle::before{background: var(--line-strong);border-radius: var(--radius-pill);block-size: 2.5rem;content: "";inline-size: 2px}.ui-splitter__handle:hover::before,.ui-splitter__handle.is-active::before,.ui-splitter__handle[aria-valuenow]:focus-visible::before{background: var(--accent)}.ui-splitter__handle:focus-visible{outline: 2px solid var(--focus-ring);outline-offset: -2px}.ui-splitter--horizontal .ui-splitter__handle{border-block: 1px solid var(--line);border-inline: 0;cursor: row-resize;min-block-size: var(--splitter-handle);min-inline-size: 0}.ui-splitter--horizontal .ui-splitter__handle::before{block-size: 2px;inline-size: 2.5rem}@media (forced-colors: active){.ui-splitter__handle{border-color: CanvasText}.ui-splitter__handle::before{background: CanvasText}}}
1
+ @layer bronto{.ui-inspector{background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-md);display: grid;gap: var(--space-sm);padding: var(--space-md)}.ui-inspector__head{align-items: baseline;border-block-end: 1px solid var(--line);display: flex;gap: var(--space-sm);justify-content: space-between;padding-block-end: var(--space-xs)}.ui-inspector__body{display: grid;gap: var(--space-2xs)}.ui-toolstrip{align-items: center;background: var(--panel-strong);border: 1px solid var(--line-strong);border-radius: var(--radius-md);display: flex;flex-wrap: wrap;gap: var(--space-xs);min-inline-size: 0;padding: 0.35rem}.ui-toolstrip--floating{box-shadow: var(--shadow-raised)}.ui-toolstrip--compact{gap: var(--space-2xs);padding: 0.25rem}.ui-toolstrip__brand{align-items: baseline;display: inline-flex;flex: 0 1 auto;gap: var(--space-xs);min-inline-size: 0;padding-inline: var(--space-xs)}.ui-toolstrip__brand strong{color: var(--text);font-size: var(--text-sm)}.ui-toolstrip__context{color: var(--text-dim);font-size: var(--text-xs);min-inline-size: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ui-toolstrip__group,.ui-toolstrip__actions{align-items: center;display: inline-flex;flex-wrap: wrap;gap: var(--space-2xs)}.ui-toolstrip__group{background: var(--panel-soft);border: 1px solid var(--line);border-radius: var(--radius-md);padding: 0.16rem}.ui-toolstrip__search{flex: 1 1 14rem;min-inline-size: min(100%,11rem)}.ui-toolstrip__actions{margin-inline-start: auto}.ui-segmented-buttons{align-items: center;background: var(--panel-soft);border: 1px solid var(--line);border-radius: var(--radius-md);display: inline-flex;flex-wrap: wrap;gap: 0.16rem;padding: 0.16rem}.ui-segmented-buttons__button{background: transparent;border: 1px solid transparent;border-radius: var(--radius-sm);color: var(--text-soft);cursor: pointer;font-family: var(--mono);font-size: var(--text-xs);font-weight: 700;letter-spacing: var(--tracking-wide);line-height: 1;min-block-size: 1.9rem;padding: 0.48rem 0.7rem;text-transform: uppercase}.ui-segmented-buttons__button[aria-pressed='true'],.ui-segmented-buttons__button.is-active{background: var(--accent);border-color: var(--accent);color: var(--button-text)}.ui-segmented-buttons__button:disabled,.ui-segmented-buttons__button[aria-disabled='true']{cursor: not-allowed;opacity: 0.45}.ui-property{align-items: baseline;display: grid;gap: var(--space-sm);grid-template-columns: minmax(6rem,38%) 1fr}.ui-property__label{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);text-transform: uppercase}.ui-property__value{color: var(--text);font-size: var(--text-sm);min-inline-size: 0}.ui-selectionbar{align-items: center;background: var(--panel-strong);border: 1px solid var(--line-strong);border-radius: var(--radius-md);box-shadow: var(--shadow-raised);display: flex;flex-wrap: wrap;gap: var(--space-sm) var(--space-md);justify-content: space-between;padding: 0.5rem 0.85rem}.ui-selectionbar__count{color: var(--text);font-family: var(--mono);font-size: var(--text-sm)}.ui-selectionbar__actions{display: flex;flex-wrap: wrap;gap: var(--space-xs)}@media (hover: hover){.ui-segmented-buttons__button:hover:not(:disabled,[aria-disabled='true'],[aria-pressed='true'],.is-active){background: var(--panel);border-color: var(--line-strong);color: var(--text)}}.ui-splitter{--splitter-pos: 50%;--splitter-handle: 0.75rem;--splitter-pane-min: 0px;background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-md);display: grid;grid-template-columns: minmax(var(--splitter-pane-min),var(--splitter-pos)) var(--splitter-handle) minmax(0,1fr);min-block-size: 18rem;overflow: hidden}.ui-splitter--vertical{grid-template-columns: minmax(var(--splitter-pane-min),var(--splitter-pos)) var(--splitter-handle) minmax(0,1fr)}.ui-splitter--horizontal{grid-template-columns: 1fr;grid-template-rows: minmax(var(--splitter-pane-min),var(--splitter-pos)) var(--splitter-handle) minmax(0,1fr)}.ui-splitter__pane{min-block-size: 0;min-inline-size: 0;overflow: auto;padding: var(--space-md)}.ui-splitter__handle{align-self: stretch;background: var(--panel-strong);border-block: 0;border-inline: 1px solid var(--line);cursor: col-resize;display: grid;min-inline-size: var(--splitter-handle);place-items: center;touch-action: none}.ui-splitter__handle::before{background: var(--line-strong);border-radius: var(--radius-pill);block-size: 2.5rem;content: "";inline-size: 2px}.ui-splitter__handle:hover::before,.ui-splitter__handle.is-active::before,.ui-splitter__handle[aria-valuenow]:focus-visible::before{background: var(--accent)}.ui-splitter__handle:focus-visible{outline: 2px solid var(--focus-ring);outline-offset: -2px}.ui-splitter--horizontal .ui-splitter__handle{border-block: 1px solid var(--line);border-inline: 0;cursor: row-resize;min-block-size: var(--splitter-handle);min-inline-size: 0}.ui-splitter--horizontal .ui-splitter__handle::before{block-size: 2px;inline-size: 2.5rem}@media (forced-colors: active){.ui-segmented-buttons__button[aria-pressed='true'],.ui-segmented-buttons__button.is-active{background: Highlight;border-color: Highlight;color: HighlightText}.ui-splitter__handle{border-color: CanvasText}.ui-splitter__handle::before{background: CanvasText}}}
package/docs/annotations.md CHANGED
@@ -22,6 +22,33 @@ declarations never type-reference it. Combine the two by using Bronto's
22
22
  `css/annotations.css` for the visual grammar, or the annotation package's Bronto
23
23
  CSS bridge when the engine emits its own layer.
24
24
 
25
+ When an annotation engine overlays a rendered chart, screenshot, canvas, or
26
+ diagram, put the rendered media in `.ui-figure__media` and the emitted annotation
27
+ layer in `.ui-figure__overlay`. The figure stage supplies the stable positioning
28
+ context; the annotation package owns anchors, placement, collision handling, and
29
+ SVG/React rendering. Keep the same annotation text available through a caption,
30
+ `<desc>`, fallback table, or surrounding prose when it carries data.
31
+
32
+ For inspector-driven selection, keep selection state in the host application:
33
+ the selected item can render details in `.ui-inspector`, while the annotation
34
+ engine receives the focused anchor and emits the matching overlay. Bronto UI
35
+ styles the inspector, figure stage, and annotation visual grammar; it does not
36
+ own hit-testing, selected IDs, camera/chart state, or focus policy.
37
+
38
+ ```html
39
+ <figure class="ui-figure" role="group" aria-labelledby="annotated-title">
40
+ <figcaption id="annotated-title" class="ui-figure__caption">
41
+ Annotated service latency
42
+ </figcaption>
43
+ <div class="ui-figure__stage">
44
+ <canvas class="ui-figure__media" aria-label="Latency chart"></canvas>
45
+ <svg class="ui-figure__overlay pa-annotation-layer" viewBox="0 0 640 360">
46
+ <!-- emitted by @ponchia/annotations -->
47
+ </svg>
48
+ </div>
49
+ </figure>
50
+ ```
51
+
25
52
  ```js
26
53
  import {
27
54
  annotationParts,
package/docs/architecture.md CHANGED
@@ -50,9 +50,11 @@ on top of the CSS, none of which require a framework commitment**:
50
50
  ### Consequences of each layer
51
51
 
52
52
  - **css/** — wrapped in a single `@layer bronto`. Any un-layered CSS in a
53
- consumer wins the cascade without specificity wars or `!important`. This is
54
- a deliberate behavioural change vs. unlayered v0.1.0; consumers pin a tag
55
- so it ships only on the next version bump.
53
+ consumer wins the ordinary cascade without specificity wars. Framework
54
+ `!important` use is limited to media-boundary safeguards such as print and
55
+ reduced-motion resets, not normal component styling. This is a deliberate
56
+ behavioural change vs. unlayered v0.1.0; consumers pin a tag so it ships only
57
+ on the next version bump.
56
58
  - **Fonts** — `@font-face` moved out of `tokens.css` into `css/fonts.css`
57
59
  with URLs relative to the package (`../fonts/*`), so font hosting is
58
60
  decoupled from the token layer and resolves through bundlers or static
package/docs/bullet.md CHANGED
@@ -49,7 +49,7 @@ caption. Either way the **reading lives in text**, never in colour alone.
49
49
 
50
50
  | Class | Role |
51
51
  | ---------------------------- | ------------------------------------------------------------ |
52
- | `.ui-bullet` | The track + qualitative range bands (`--b1` / `--b2`). |
52
+ | `.ui-bullet` | The track + qualitative range bands (`--band-lo` / `--band-hi`). |
53
53
  | `.ui-bullet__measure` | The measure bar; length is `--v` (0..1). |
54
54
  | `.ui-bullet__measure--accent`| Paint the measure in the rationed accent (emphasis). |
55
55
  | `.ui-bullet__measure--pos` | Paint the measure in the success tone. |
@@ -76,3 +76,8 @@ caption. Either way the **reading lives in text**, never in colour alone.
76
76
  economy.
77
77
  - Relationship to `ui-meter` (report.css): a meter is a labelled progress reading;
78
78
  reach for a bullet when you also need a target and qualitative bands.
79
+
80
+ ## Related
81
+
82
+ - [Usage](usage.md#meter-vs-progress) explains when to choose measured bars.
83
+ - [Reference](reference.md) lists the generated bullet class contract.
package/docs/clamp.md CHANGED
@@ -47,3 +47,8 @@ only `ui-clamp` plus `ui-clamp__body`.
47
47
 
48
48
  Print expands the body and hides the toggle/control. Do not use `ui-clamp` to
49
49
  hide information from archived or PDF output.
50
+
51
+ ## Related
52
+
53
+ - [Sources](sources.md) pairs excerpts with citation and provenance primitives.
54
+ - [Reference](reference.md) lists the generated clamp class contract.
package/docs/command.md CHANGED
@@ -62,8 +62,9 @@ the core bundle.
62
62
  ## Behavior & events
63
63
 
64
64
  `initCommand()` owns ids, `role`/`aria-activedescendant`, a roving active item,
65
- substring filtering, the full keyboard (Down/Up/Home/End/Enter/Escape), and
66
- pointer select. It emits:
65
+ substring filtering, the keyboard (Down/Up to move, Enter to run, Escape to
66
+ close — Home/End stay with the query input's native text caret), and pointer
67
+ select. It emits:
67
68
 
68
69
  - `bronto:command:select` — `{ value, label }`. The host executes and closes.
69
70
  - `bronto:command:close` — on Escape. The host closes the dialog.
package/docs/contrast.md CHANGED
@@ -238,9 +238,9 @@ the brand accent.
238
238
 
239
239
  - This gates the **framework token contract** (core palette **and** every
240
240
  shipped colorway), not arbitrary consumer re-brands. Re-accenting via
241
- `--accent` yourself is your contrast obligation (see [theming.md](theming.md)
242
- → "Re-brand obligations"); this table is the guarantee for the *shipped*
243
- palettes and skins only.
241
+ `--accent` yourself is your contrast obligation (see
242
+ [Re-brand obligations](theming.md#re-brand-obligations)); this table is the
243
+ guarantee for the *shipped* palettes and skins only.
244
244
  - Status colours (`--success` / `--warning` / `--danger`) are gated
245
245
  as **indicators** (3:1). If you set status text *as body copy* on a
246
246
  surface, verify 4.5:1 yourself or pair it with an icon/label.
package/docs/crosshair.md CHANGED
@@ -61,3 +61,9 @@ vertical scrubber, etc.).
61
61
 
62
62
  The crosshair is decorative (`aria-hidden`); expose the underlying values to
63
63
  assistive tech through a data table or text, not the rules.
64
+
65
+ ## Related
66
+
67
+ `crosshair.css` is part of
68
+ [`analytical.css`](./reporting.md#the-analytical-toolbox-in-a-report). Use
69
+ [reference.md](./reference.md) for the generated class and token catalog.
package/docs/dots.md CHANGED
@@ -4,7 +4,8 @@ The dot-matrix is the library's signature: one lit/dim/accent dot vocabulary
4
4
  expressed across backgrounds, dividers, indicators, loaders, and a family of
5
5
  data-bound reporting surfaces. Everything here lives in the core stylesheet
6
6
  (`@ponchia/ui` / `@ponchia/ui/css`); the glyph icon set built on the same
7
- primitive is documented in `docs/glyphs.md`.
7
+ primitive is documented in [display glyphs](glyphs.md). If you build
8
+ leaf-by-leaf, import `@ponchia/ui/css/dots.css`.
8
9
 
9
10
  All classes are in the typed registry (`@ponchia/ui/classes`) and the
10
11
  language-neutral `classes.json`; those are authoritative.
@@ -122,8 +123,8 @@ Knobs: `--v`, `--gauge-size`, `--gauge-sweep` (default 270deg), `--gauge-from`,
122
123
 
123
124
  ### `.ui-readout` — big dot-matrix numeric
124
125
 
125
- The row wrapper produced by `renderReadout` (see `docs/glyphs.md`) — a Nothing-style
126
- hero numeric composed from digit glyphs. Tune character spacing with
126
+ The row wrapper produced by `renderReadout` (see [display glyphs](glyphs.md)) —
127
+ a Nothing-style hero numeric composed from digit glyphs. Tune character spacing with
127
128
  `--readout-gap`; spaces render as a `.ui-readout__spacer` of width `--readout-space`.
128
129
  Large multi-character readouts are intentionally intrinsic; on narrow report or
129
130
  demo pages, either tune the glyph dot size or wrap the readout in a local
@@ -147,3 +148,9 @@ Mode flattens — the dot surfaces opt out of forced-color remapping and pin lit
147
148
  states to distinct system colours (the activity ramp collapses to present vs
148
149
  absent). The data surfaces also set `print-color-adjust: exact` so their fills
149
150
  survive printing. Animations honour `prefers-reduced-motion`.
151
+
152
+ ## Related
153
+
154
+ - [Display glyphs](glyphs.md) covers the icon/readout API built on the dot grid.
155
+ - [Usage](usage.md#display-glyphs-when-and-when-not) explains glyph selection.
156
+ - [Reference](reference.md) lists the generated dot-surface classes.
package/docs/figure.md CHANGED
@@ -7,7 +7,9 @@ fallback data.
7
7
 
8
8
  ```css
9
9
  @import '@ponchia/ui';
10
+ @import '@ponchia/ui/css/dataviz.css';
10
11
  @import '@ponchia/ui/css/figure.css';
12
+ @import '@ponchia/ui/css/annotations.css';
11
13
  @import '@ponchia/ui/css/legend.css';
12
14
  ```
13
15
 
@@ -69,3 +71,8 @@ when the same stage appears in a dashboard, doc page, or generated artifact.
69
71
  rows, annotation text, and accessibility labels.
70
72
  - A figure should always have a `<figcaption>`. Data-bearing SVGs still need
71
73
  `<title>` and `<desc>`.
74
+
75
+ ## Related
76
+
77
+ - [Usage](usage.md#static-reports) shows report figure composition.
78
+ - [Reference](reference.md) lists the generated figure and report classes.
package/docs/glyphs.md CHANGED
@@ -1,7 +1,8 @@
1
1
  # Display glyphs
2
2
 
3
3
  `@ponchia/ui/glyphs` is a small, frozen bitmap icon set rendered on the same
4
- `.ui-dotmatrix` dot primitive as every other dot surface (see `docs/dots.md`).
4
+ `.ui-dotmatrix` dot primitive as every other dot surface (see
5
+ [dot surfaces](dots.md)).
5
6
  CSS-first to the core: a glyph is just a grid of dot cells — `.` off, `#` hot,
6
7
  `*` accent — so it re-skins with the same `--field-dot*` tokens and the Tier-3
7
8
  display knobs as the rest of the dot family. No icon font, no SVG sprite, no
@@ -13,6 +14,10 @@ import { renderGlyph } from '@ponchia/ui/glyphs';
13
14
  el.innerHTML = renderGlyph('check', { label: 'Done' });
14
15
  ```
15
16
 
17
+ Load `@ponchia/ui/css` or the leaf `@ponchia/ui/css/dots.css` before rendering
18
+ glyphs. The cell path uses `.ui-dotmatrix`, the mask path uses `.ui-icon`, and
19
+ `renderReadout()` uses `.ui-readout`.
20
+
16
21
  The authoritative API is the generated, CI-drift-checked `glyphs/glyphs.d.ts`.
17
22
  Read it before guessing a name — `GlyphName` is a literal union, so a typo is a
18
23
  type error.
@@ -76,7 +81,7 @@ advance). Anything else is skipped. Every per-glyph option (`solid`, `render`,
76
81
  `dot`, `gap`, `anim`) passes through to each character; `gap` sets the spacing
77
82
  between characters. The digits are decorative — the readout's **value** is its
78
83
  accessible name, so pass a `label` (it defaults to the raw text). Output wraps
79
- in `.ui-readout` (see `docs/dots.md`).
84
+ in `.ui-readout` (see [dot surfaces](dots.md)).
80
85
 
81
86
  ## Finding a glyph — `findGlyphs` / `GLYPH_TAGS`
82
87
 
@@ -123,3 +128,10 @@ An unknown name is left untouched.
123
128
  The accent (`*`) tone lifts one feature of a glyph onto `--field-dot-accent`.
124
129
  The curated two-tone set is `spark`, `warning`, and `info`; every other glyph is
125
130
  monotone. Two-tone only shows in the cell render — the mask path is single-tone.
131
+
132
+ ## Related
133
+
134
+ - [Dot surfaces](dots.md) covers the underlying grid and readout styles.
135
+ - [Usage](usage.md#display-glyphs-when-and-when-not) explains when to use each
136
+ glyph render path.
137
+ - [Reference](reference.md) lists the generated dot and icon classes.