/* HELM SKIN — shared by the catalog and contributor app.
 * Source: Platform-Styling-Rules.pdf, classic skin. Tokens are the only value owners.
 * The apps supply --font-inter from the same self-hosted font. */
:root {
  color-scheme: light;
  --sans: var(--font-inter, "Inter"), ui-sans-serif, system-ui, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --k-bg-base: #ffffff;
  --k-bg-primary: #ffffff;
  --k-bg-secondary: #fafafa;
  --k-bg-tertiary: #f5f5f5;
  --k-text-primary: #18181a;
  --k-text-secondary: #5f5f5f;
  --k-text-tertiary: #707070;
  --k-text-quaternary: #969696;
  --k-text-inverse: #ffffff;
  --k-fill-primary: #18181a;
  --k-fill-secondary: #969696;
  --k-fill-tertiary: #d4d4d8;
  --k-fill-quaternary: #e8e8e8;
  --k-field-edge: #8a8a8a;
  --k-control-selected: #f1f1f1;
  --k-focus: #006bff;
  --k-scrim: rgba(0, 0, 0, 0.2);
  --k-green-emphasis: #0d542b;
  --k-green-muted: #eef8f1;
  --k-amber-emphasis: #953d00;
  --k-amber-muted: #fff6e7;
  --k-red-emphasis: #9f0712;
  --k-red-muted: #fff0f0;
  --k-features: "cv01", "ss02", "ss03", "cv05";
  --k-features-tnum: "cv01", "ss02", "ss03", "cv05", "tnum";
  --sp-px: 1px;
  --sp-0-5: 2px;
  --sp-1: 4px;
  --sp-1-5: 6px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --pad-card: var(--sp-6);
  --pad-dialog: var(--sp-5);
  --pad-cell-x: var(--sp-4);
  --pad-cell-y: var(--sp-3);
  --page-gutter: var(--sp-6);
  --section-gap: var(--sp-6);
  --r-4: 4px;
  --r-6: 6px;
  --r-8: 8px;
  --r-12: 12px;
  --r-16: 16px;
  --r-full: 999px;
  --t-mini: 12px;
  --t-mini-lh: 16px;
  --t-small: 13px;
  --t-small-lh: 18px;
  --t-regular: 14px;
  --t-regular-lh: 20px;
  --t-regular-lh-spaced: 24px;
  --t-title-mini: 18px;
  --t-title-mini-lh: 24px;
  --t-title-small: 24px;
  --t-title-small-lh: 32px;
  --t-title: 28px;
  --t-title-lh: 32px;
  --t-input-coarse: 16px;
  --t-input-coarse-lh: 24px;
  --t-title-tracking: -0.25px;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --icon-16: 16px;
  --icon-20: 20px;
  --icon-24: 24px;
  --icon-32: 32px;
  --h-control-sm: 24px;
  --h-control-md: 28px;
  --h-control-lg: 38px;
  --h-touch: 44px;
  --h-header: 56px;
  --h-row: 48px;
  --h-empty-section: 280px;
  --h-empty-region: 420px;
  --w-rail: 224px;
  --w-page: 1696px;
  --w-settings: 850px;
  --w-dialog: 440px;
  --w-prose: 432px;
  --w-tooltip: 320px;
  --w-facts-label: 192px;
  --z-tooltip: 1000000;
  --w-filters: 192px; /* Catalog facets: narrower than the main navigation rail. */
  --shadow-flat: inset 0 0 0 1px var(--k-fill-tertiary);
  --shadow-field: inset 0 0 0 1px var(--k-field-edge);
  --shadow-medium: 0 0 0 1px var(--k-fill-quaternary), 0 2px 4px rgba(0, 0, 0, 0.02);
  --shadow-high: 0 8px 32px rgba(0, 0, 0, 0.12);
  --shadow-focus: 0 0 0 2px var(--k-fill-tertiary);
  --z-sidebar: 25;
  --z-sticky: 30;
  --z-popover: 1001;
  --dur-fast: 100ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}
.dark {
  color-scheme: dark;
  --k-bg-base: #0e0e10;
  --k-bg-primary: #141416;
  --k-bg-secondary: #1a1a1c;
  --k-bg-tertiary: #242426;
  --k-text-primary: #fafafa;
  --k-text-secondary: #a8a8ad;
  --k-text-tertiary: #86868b;
  --k-text-quaternary: #636366;
  --k-text-inverse: #18181a;
  --k-fill-primary: #ffffff;
  --k-fill-secondary: #6c6c75;
  --k-fill-tertiary: #535359;
  --k-fill-quaternary: #202022;
  --k-field-edge: #6c6c75;
  --k-control-selected: #333338;
  --k-scrim: rgba(0, 0, 0, 0.8);
  --k-green-emphasis: #a2e0b6;
  --k-green-muted: #14291c;
  --k-amber-emphasis: #f5cf94;
  --k-amber-muted: #302515;
  --k-red-emphasis: #ffb4b8;
  --k-red-muted: #311a1c;
  --shadow-medium: 0 0 0 1px var(--k-fill-tertiary);
  --shadow-high: 0 0 0 1px var(--k-fill-tertiary);
}
/* End HELM SKIN. All recipes below read tokens; states are owned here. */
* {
  box-sizing: border-box;
}
html {
  background: var(--k-bg-base);
  color: var(--k-text-primary);
  font-family: var(--sans);
  font-size: var(--t-small);
  line-height: var(--t-small-lh);
  font-feature-settings: var(--k-features);
}
body {
  margin: 0;
  min-height: 100vh;
}
h1,
h2,
h3,
h4,
p,
dl,
dd {
  margin: 0;
}
h1 {
  font-size: var(--t-title-small);
  line-height: var(--t-title-small-lh);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--t-title-tracking);
  overflow-wrap: anywhere;
}
h2 {
  font-size: var(--t-title-mini);
  line-height: var(--t-title-mini-lh);
  font-weight: var(--fw-semibold);
}
h3,
h4 {
  font-size: var(--t-regular);
  line-height: var(--t-regular-lh);
  font-weight: var(--fw-semibold);
}
b,
strong {
  font-weight: var(--fw-semibold);
}
a {
  color: inherit;
  text-underline-offset: var(--sp-0-5);
}
button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}
button,
summary {
  cursor: pointer;
}
button,
input,
select,
textarea,
a,
summary,
[tabindex] {
  -webkit-tap-highlight-color: transparent;
}
:where(button, a, summary, [tabindex], input, select, textarea):focus-visible {
  outline: 2px solid var(--k-focus);
  outline-offset: 3px;
}
:where(input, select, textarea):focus-visible {
  outline: none;
  box-shadow:
    inset 0 0 0 1px var(--k-text-primary),
    var(--shadow-focus);
}
code,
pre {
  font-family: var(--mono);
  font-size: var(--t-mini);
  line-height: var(--t-mini-lh);
  overflow-wrap: anywhere;
}
pre {
  white-space: pre-wrap;
}
img {
  max-width: 100%;
}
[hidden] {
  /* biome-ignore lint/complexity/noImportantStyles: hidden content must override layout recipes. */
  display: none !important;
}
.sr-only {
  position: absolute;
  width: var(--sp-px);
  height: var(--sp-px);
  padding: 0;
  margin: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.ui-icon {
  width: var(--icon-20);
  height: var(--icon-20);
  flex: none;
}
.ui-muted,
.hint {
  color: var(--k-text-secondary);
}
.ui-caption {
  font-size: var(--t-mini);
  line-height: var(--t-mini-lh);
  color: var(--k-text-tertiary);
}
.ui-stack {
  display: flex;
  flex-direction: column;
  gap: var(--sp-4);
  min-width: 0;
}
.ui-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--sp-2);
}
.ui-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-2);
  min-height: var(--h-control-md);
  padding: var(--sp-1) var(--sp-3);
  border: 1px solid transparent;
  border-radius: var(--r-6);
  background: var(--k-bg-primary);
  color: var(--k-text-primary);
  box-shadow: var(--shadow-flat);
  text-decoration: none;
  font-size: var(--t-small);
  line-height: var(--t-small-lh);
  font-weight: var(--fw-medium);
  white-space: nowrap;
  cursor: pointer;
}
.ui-btn-primary {
  background: var(--k-fill-primary);
  color: var(--k-text-inverse);
  box-shadow: none;
}
.ui-btn-ghost,
.ui-btn-link {
  background: transparent;
  box-shadow: none;
}
.ui-btn-link {
  text-decoration: underline;
}
.ui-btn-lg {
  min-height: var(--h-control-lg);
}
.ui-btn-sm {
  min-height: var(--h-control-sm);
  font-size: var(--t-mini);
}
.ui-btn-icon {
  width: var(--h-control-lg);
  height: var(--h-control-lg);
  padding: 0;
}
.ui-btn-danger {
  color: var(--k-red-emphasis);
}
.ui-btn:not(.ui-btn-ghost):not(.ui-btn-link):active:not(:disabled):not([aria-disabled="true"]) {
  transform: scale(0.97);
}
.ui-btn:disabled,
.ui-btn[aria-disabled="true"] {
  background: var(--k-bg-secondary);
  color: var(--k-text-tertiary);
  cursor: default;
}
.ui-field,
:where(
  .sign-content input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .sign-content select,
  .sign-content textarea
) {
  --shadow-flat: var(--shadow-field);
  width: 100%;
  min-width: 0;
  min-height: var(--h-control-lg);
  padding: var(--sp-2) var(--sp-3);
  border: 0;
  border-radius: var(--r-6);
  background: var(--k-bg-primary);
  color: var(--k-text-primary);
  box-shadow: var(--shadow-flat);
}
.ui-field:focus-visible {
  box-shadow:
    inset 0 0 0 1px var(--k-text-primary),
    var(--shadow-focus);
}
.ui-field::placeholder,
.sign-content input::placeholder {
  color: var(--k-text-tertiary);
}
.ui-field:disabled {
  background: var(--k-bg-secondary);
  color: var(--k-text-tertiary);
}
.ui-field[aria-invalid="true"] {
  box-shadow: inset 0 0 0 1.5px var(--k-red-emphasis);
}
.ui-surface {
  background: var(--k-bg-primary);
  border-radius: var(--r-12);
  box-shadow: var(--shadow-medium);
  padding: var(--pad-card);
  min-width: 0;
}
.ui-surface-header {
  display: flex;
  flex-direction: column;
  gap: var(--sp-1);
  margin-bottom: var(--sp-4);
}
.ui-surface-title {
  font-size: var(--t-regular);
  line-height: var(--t-regular-lh);
  font-weight: var(--fw-medium);
}
.ui-surface-description {
  color: var(--k-text-secondary);
  font-size: var(--t-small);
  line-height: var(--t-small-lh);
}
.ui-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-1);
  border-radius: var(--r-4);
  padding: var(--sp-0-5) var(--sp-2);
  background: var(--k-bg-tertiary);
  color: var(--k-text-secondary);
  font-size: var(--t-mini);
  line-height: var(--t-mini-lh);
  font-weight: var(--fw-medium);
}
.ui-badge-positive {
  color: var(--k-green-emphasis);
  background: var(--k-green-muted);
}
.ui-badge-warning {
  color: var(--k-amber-emphasis);
  background: var(--k-amber-muted);
}
.ui-badge-negative {
  color: var(--k-red-emphasis);
  background: var(--k-red-muted);
}
.ui-badge-outline {
  background: transparent;
  box-shadow: var(--shadow-flat);
}
.ui-table-scroll {
  max-width: 100%;
  overflow-x: auto;
}
.ui-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--t-small);
}
.ui-table :is(td, th) {
  padding: var(--pad-cell-y) var(--pad-cell-x);
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--k-fill-quaternary);
  overflow-wrap: anywhere;
}
.ui-table th {
  color: var(--k-text-secondary);
  font-size: var(--t-mini);
  font-weight: var(--fw-medium);
}
.ui-table caption {
  text-align: left;
  padding-top: var(--sp-3);
  color: var(--k-text-secondary);
  caption-side: bottom;
}
.ui-table tbody tr:last-child td {
  border-bottom: 0;
}
.ui-number {
  font-feature-settings: var(--k-features-tnum);
  font-weight: var(--fw-medium);
}
.ui-empty {
  min-height: var(--h-empty-section);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--sp-4);
  padding: var(--sp-8);
  border: 1px solid var(--k-fill-quaternary);
  border-radius: var(--r-12);
}
.ui-empty p {
  max-width: var(--w-prose);
  color: var(--k-text-secondary);
}
.ui-empty-mark {
  width: var(--sp-12);
  height: var(--sp-12);
  display: grid;
  place-items: center;
  background: var(--k-bg-secondary);
  border: 1px solid var(--k-fill-quaternary);
  border-radius: var(--r-12);
}
.ui-notice {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
  padding: var(--sp-4);
  border: 1px solid var(--k-fill-quaternary);
  border-radius: var(--r-8);
  background: var(--k-bg-secondary);
  color: var(--k-text-secondary);
}
.ui-notice strong {
  color: var(--k-text-primary);
}
.ui-skip {
  position: fixed;
  top: var(--sp-2);
  left: var(--sp-2);
  z-index: var(--z-popover);
  padding: var(--sp-3);
  background: var(--k-bg-primary);
  transform: translateY(-200%);
}
.ui-skip:focus {
  transform: none;
}
.helm-shell {
  display: grid;
  grid-template-columns: var(--w-rail) minmax(0, 1fr);
  min-height: 100vh;
}
.helm-rail {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  gap: var(--sp-6);
  padding: var(--sp-5) var(--sp-3);
  border-right: 1px solid var(--k-fill-quaternary);
  background: var(--k-bg-secondary);
  overflow-y: auto;
}
.helm-brand {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  padding: var(--sp-1) var(--sp-2);
  color: var(--k-text-primary);
  text-decoration: none;
  font-size: var(--t-regular);
  font-weight: var(--fw-semibold);
}
.helm-brand-mark {
  display: grid;
  place-items: center;
  width: var(--icon-32);
  height: var(--icon-32);
  border: 1px solid var(--k-fill-tertiary);
  border-radius: var(--r-8);
  background: var(--k-bg-primary);
}
.helm-brand small {
  display: block;
  color: var(--k-text-tertiary);
  font-size: var(--t-mini);
  line-height: var(--t-mini-lh);
  font-weight: var(--fw-regular);
}
.helm-nav {
  display: flex;
  flex-direction: column;
  gap: var(--sp-1);
}
.helm-nav-label {
  color: var(--k-text-tertiary);
  font-size: var(--t-mini);
  padding: 0 var(--sp-3) var(--sp-2);
}
.helm-nav a,
.helm-nav button {
  display: flex;
  width: 100%;
  align-items: center;
  gap: var(--sp-3);
  min-height: var(--h-control-lg);
  padding: var(--sp-2) var(--sp-3);
  border: 0;
  border-radius: var(--r-6);
  background: transparent;
  color: var(--k-text-secondary);
  text-decoration: none;
  font: inherit;
  text-align: left;
}
.helm-nav a[aria-current="page"] {
  background: var(--k-control-selected);
  color: var(--k-text-primary);
}
.helm-rail-bottom {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: var(--sp-4);
}
.helm-rail-note {
  margin: 0 var(--sp-3);
  color: var(--k-text-tertiary);
  font-size: var(--t-mini);
  line-height: var(--t-mini-lh);
}
.helm-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.helm-topbar {
  min-height: var(--h-header);
  padding: var(--sp-3) var(--page-gutter);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-3);
  border-bottom: 1px solid var(--k-fill-quaternary);
}
.helm-context {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  color: var(--k-text-secondary);
  font-size: var(--t-mini);
}
.helm-context strong {
  color: var(--k-text-primary);
  font-weight: var(--fw-medium);
}
.helm-content {
  width: 100%;
  max-width: var(--w-page);
  margin: 0 auto;
  padding: var(--sp-8) var(--page-gutter);
  flex: 1;
  min-width: 0;
}
.helm-footer {
  padding: var(--sp-4) var(--page-gutter);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--sp-3);
  color: var(--k-text-tertiary);
  font-size: var(--t-mini);
  line-height: var(--t-mini-lh);
  border-top: 1px solid var(--k-fill-quaternary);
}
.helm-footer a {
  text-decoration: none;
}
.helm-menu-button {
  display: none;
}
.helm-mobile-nav {
  margin: 0;
  width: var(--w-rail);
  max-width: 100%;
  height: 100dvh;
  max-height: 100dvh;
  padding: var(--sp-4);
  border: 0;
  background: var(--k-bg-primary);
  color: var(--k-text-primary);
  overscroll-behavior: contain;
}
.helm-mobile-nav::backdrop {
  background: var(--k-scrim);
}
.helm-mobile-nav .helm-nav {
  margin-top: var(--sp-6);
}
.ui-page-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sp-6);
}
.ui-page-header > div {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
}
.ui-page-header p {
  max-width: var(--w-settings);
  color: var(--k-text-secondary);
  font-size: var(--t-regular);
  line-height: var(--t-regular-lh-spaced);
}
.ui-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-4);
}
.ui-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--sp-6);
  padding: var(--sp-6) 0;
  border-top: 1px solid var(--k-fill-quaternary);
  border-bottom: 1px solid var(--k-fill-quaternary);
  list-style: none;
  margin: 0;
}
.ui-steps li {
  display: flex;
  align-items: flex-start;
  gap: var(--sp-3);
  min-width: 0;
}
.ui-step-number {
  flex: none;
  display: grid;
  place-items: center;
  width: var(--h-control-md);
  height: var(--h-control-md);
  border-radius: var(--r-full);
  box-shadow: var(--shadow-flat);
  color: var(--k-text-secondary);
  font-size: var(--t-mini);
}
.ui-steps strong {
  display: block;
  font-weight: var(--fw-medium);
}
.ui-steps p {
  margin-top: var(--sp-1);
  color: var(--k-text-secondary);
  font-size: var(--t-mini);
  line-height: var(--t-mini-lh);
}
.ui-steps [aria-current="step"] .ui-step-number {
  background: var(--k-fill-primary);
  color: var(--k-text-inverse);
}
.ui-auth {
  width: 100%;
  max-width: var(--w-dialog);
  margin: var(--sp-10) auto;
  display: flex;
  flex-direction: column;
  gap: var(--sp-6);
}
.ui-auth .ui-surface {
  display: flex;
  flex-direction: column;
  gap: var(--sp-6);
}
.ui-auth p {
  color: var(--k-text-secondary);
  line-height: var(--t-regular-lh-spaced);
}
.ui-auth .ui-btn-primary {
  width: 100%;
}
.ui-dialog-overlay {
  position: fixed;
  inset: 0;
  background: var(--k-scrim);
  z-index: var(--z-popover);
}
.ui-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: var(--z-popover);
  width: min(var(--w-dialog), calc(100% - var(--sp-8)));
  max-height: calc(100dvh - var(--sp-8));
  overflow-y: auto;
  overscroll-behavior: contain;
  display: grid;
  gap: var(--sp-4);
  border: 1px solid var(--k-fill-tertiary);
  border-radius: var(--r-16);
  padding: var(--pad-dialog);
  background: var(--k-bg-primary);
  box-shadow: var(--shadow-high);
}
.ui-dialog h2 {
  font-size: var(--t-regular);
}
.ui-section-nav {
  display: flex;
  gap: var(--sp-1);
  list-style: none;
  padding: var(--sp-2) 0;
  margin: 0;
  border-bottom: 1px solid var(--k-fill-quaternary);
  overflow-x: auto;
}
.ui-section-nav a {
  display: inline-flex;
  align-items: center;
  min-height: var(--h-control-lg);
  padding: var(--sp-2) var(--sp-3);
  color: var(--k-text-secondary);
  text-decoration: none;
  white-space: nowrap;
  border-radius: var(--r-6);
}
@media (hover: hover) {
  .ui-btn:not(:disabled):not([aria-disabled="true"]):hover {
    background: var(--k-bg-tertiary);
  }
  .ui-btn-primary:not(:disabled):not([aria-disabled="true"]):hover {
    background: color-mix(in srgb, var(--k-fill-primary) 88%, var(--k-bg-base));
  }
  .helm-nav :is(a, button):hover,
  .ui-section-nav a:hover {
    background: var(--k-control-selected);
    color: var(--k-text-primary);
  }
  .helm-footer a:hover {
    text-decoration: underline;
  }
}
@media (min-width: 1401px) {
  :root {
    --page-gutter: var(--sp-8);
    --section-gap: var(--sp-8);
  }
}
@media (max-width: 1000px) {
  .helm-shell {
    grid-template-columns: minmax(0, 1fr);
  }
  .helm-rail {
    position: static;
    height: auto;
  }
  html[data-ui-ready] .helm-rail {
    display: none;
  }
  html[data-ui-ready] .helm-menu-button {
    display: inline-flex;
  }
}
@media (max-width: 640px) {
  :root {
    --page-gutter: var(--sp-4);
    --pad-card: var(--sp-4);
  }
  .ui-page-header {
    flex-direction: column;
    gap: var(--sp-4);
  }
  .ui-steps {
    grid-template-columns: 1fr;
    gap: var(--sp-4);
  }
  .helm-topbar {
    gap: var(--sp-2);
  }
  .helm-context > span {
    display: none;
  }
  .ui-auth {
    margin: var(--sp-4) auto;
  }
}
@media (pointer: coarse) {
  .ui-btn,
  .helm-nav :is(a, button),
  .ui-section-nav a {
    min-height: var(--h-touch);
  }
  .ui-field,
  .sign-content :is(input, select, textarea) {
    font-size: var(--t-input-coarse);
    line-height: var(--t-input-coarse-lh);
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    /* biome-ignore lint/complexity/noImportantStyles: user motion preference overrides component animations. */
    animation: none !important;
    /* biome-ignore lint/complexity/noImportantStyles: user motion preference overrides component transitions. */
    transition: none !important;
    /* biome-ignore lint/complexity/noImportantStyles: user motion preference overrides smooth scrolling. */
    scroll-behavior: auto !important;
  }
}

.ui-prose {
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
  max-width: var(--w-prose);
  font-size: var(--t-regular);
  line-height: var(--t-regular-lh-spaced);
}
.ui-facts {
  display: grid;
  grid-template-columns: minmax(0, var(--w-facts-label)) minmax(0, 1fr);
  gap: var(--sp-3) var(--sp-6);
  font-size: var(--t-small);
}
.ui-facts dd {
  min-width: 0;
  overflow-wrap: anywhere;
}
.ui-stat {
  min-width: 0;
  border: 1px solid var(--k-fill-quaternary);
  border-radius: var(--r-8);
  padding: var(--sp-4);
}
.ui-stat-value {
  font-size: var(--t-title-small);
  line-height: var(--t-title-small-lh);
  font-weight: var(--fw-medium);
  font-feature-settings: var(--k-features-tnum);
  overflow-wrap: anywhere;
}
.ui-tooltip {
  z-index: var(--z-tooltip);
  max-width: var(--w-tooltip);
  border-radius: var(--r-8);
  padding: var(--sp-2) var(--sp-3);
  color: var(--k-text-inverse);
  background: var(--k-fill-primary);
  font-size: var(--t-mini);
  line-height: var(--t-mini-lh);
}
@media (max-width: 640px) {
  .ui-facts {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--sp-2);
  }
}