/*
 * Generated by tools/build/build.mjs from bh-design-system tokens/.
 * Do not edit. Change the token source and run `npm run build`.
 */

:root {
  --bh-color-neutral-canvas: #0A0A0C;
  --bh-color-neutral-charcoal: #121212;
  --bh-color-neutral-panel: #1A1922;
  --bh-color-neutral-panel-raised: #2A2833;
  --bh-color-neutral-bone: #FAFAFA;
  --bh-color-neutral-mist: #D8D6E0;
  --bh-color-neutral-muted-v1: #8C8A9A;
  --bh-color-neutral-muted: #A6A4B4;
  --bh-color-neutral-bone-deep: #F2F1F4;
  --bh-color-neutral-slate: #5B5966;
  --bh-color-white: #FFFFFF;
  --bh-color-black: #000000;
  --bh-color-violet-300: #A78BFA;
  --bh-color-violet-450: #7C5CE7;
  --bh-color-violet-500: #6C5CE7;
  --bh-color-violet-600: #5B4ED6;
  --bh-color-lavender-400: #A99BFF;
  --bh-color-orchid-400: #D695FF;
  --bh-color-gold-200: #D8C39A;
  --bh-color-gold-300: #C9A86A;
  --bh-color-gold-400: #C9AE7E;
  --bh-color-gold-500: #B89B6D;
  --bh-color-cyan-200: #7FD8F5;
  --bh-color-cyan-300: #5BC5F5;
  --bh-color-cyan-500: #05B0F0;
  --bh-color-green-300: #7FCF9F;
  --bh-color-amber-400: #E8B04E;
  --bh-color-red-300: #EA857D;
  --bh-color-red-300-v1: #E0736B;
  --bh-color-graph-red: #E5484D;
  --bh-color-graph-green: #30A46C;
  --bh-color-graph-grey: #8B8B94;
  --bh-color-graph-blue: #6FB3D1;
  --bh-color-graph-amber: #E0A458;
  --bh-color-glass-solid-window: #16151D;
  --bh-color-glass-solid-panel: #1E1D26;
  --bh-color-glass-solid-raised: #24232D;
  --bh-color-glass-solid-ornament: #1E1D27;
  --bh-color-glass-tint-pane: #3A3A42;
  --bh-color-glass-tint-plate: #16161C;
  --bh-color-alpha-white-06: rgba(255, 255, 255, 0.06);
  --bh-color-alpha-white-10: rgba(255, 255, 255, 0.1);
  --bh-color-alpha-white-11: rgba(255, 255, 255, 0.11);
  --bh-color-alpha-white-30: rgba(255, 255, 255, 0.3);
  --bh-color-alpha-canvas-82: rgba(10, 10, 12, 0.82);
  --bh-color-alpha-violet-tint-45: rgba(139, 127, 237, 0.45);
  --bh-color-alpha-lilac-95: rgba(200, 190, 252, 0.95);
  --bh-color-alpha-white-76: rgba(255, 255, 255, 0.76);
  --bh-color-alpha-white-36: rgba(255, 255, 255, 0.36);
  --bh-color-ink-200: #DFE2EE;
  --bh-color-night-700: #241A4D;
  --bh-color-night-800: #0D0B1A;
  --bh-color-night-900: #07070C;
  --bh-color-night-base: var(--bh-color-night-900);
  --bh-color-night-glow-mid: var(--bh-color-night-800);
  --bh-color-night-glow-top: var(--bh-color-night-700);
  --bh-color-domain-hue-mind: #A1B4F8;
  --bh-color-domain-hue-sleep: #94B8F8;
  --bh-color-domain-hue-nerves: #88BCF6;
  --bh-color-domain-hue-senses: #7CBFF2;
  --bh-color-domain-hue-cardio: #C88191;
  --bh-color-domain-hue-breathing: #CA8281;
  --bh-color-domain-hue-metabolic: #7BE6DF;
  --bh-color-domain-hue-digestion: #8FE6C1;
  --bh-color-domain-hue-immune: #C381A0;
  --bh-color-domain-hue-kidney: #A8E3A9;
  --bh-color-domain-hue-reproductive: #F59D87;
  --bh-color-domain-hue-movement: #EFA374;
  --bh-color-domain-hue-skin: #E6AA67;
  --bh-color-domain-hue-context: #9A98A8;
  --bh-color-domain-hue-unplaced: #7E7C8C;
  --bh-color-chart-plot-ground: #0F0F13;
  --bh-color-chart-series-1: #6BCCF1;
  --bh-color-chart-series-2: #BEB4F3;
  --bh-color-chart-series-3: #DDC89D;
  --bh-color-chart-series-4: #F5F4F7;
  --bh-color-chart-series-5: #BBA172;
  --bh-color-chart-series-6: #D8D6DE;
  --bh-color-chart-focus: #886CEC;
  --bh-color-chart-band-usual: rgba(255, 255, 255, 0.05);
  --bh-color-chart-band-compare: rgba(255, 255, 255, 0.04);
  --bh-color-chart-band-compare-strong: rgba(255, 255, 255, 0.09);
  --bh-color-chart-range-lab: rgba(255, 255, 255, 0.06);
  --bh-color-chart-range-lab-edge: rgba(255, 255, 255, 0.16);
  --bh-color-chart-grid-hairline: rgba(255, 255, 255, 0.055);
  --bh-color-chart-grid-axis: rgba(255, 255, 255, 0.13);
  --bh-color-ground: var(--bh-color-neutral-canvas);
  --bh-color-surface-charcoal: var(--bh-color-neutral-charcoal);
  --bh-color-surface-panel: var(--bh-color-neutral-panel);
  --bh-color-surface-raised: var(--bh-color-neutral-panel-raised);
  --bh-color-text-primary: var(--bh-color-neutral-bone);
  --bh-color-text-secondary: var(--bh-color-neutral-mist);
  --bh-color-text-tertiary: var(--bh-color-neutral-muted);
  --bh-color-text-on-accent: var(--bh-color-neutral-bone);
  --bh-color-text-on-bone: var(--bh-color-neutral-canvas);
  --bh-color-border-default: var(--bh-color-alpha-white-10);
  --bh-color-border-subtle: var(--bh-color-alpha-white-06);
  --bh-color-accent-default: var(--bh-color-violet-500);
  --bh-color-accent-pressed: var(--bh-color-violet-600);
  --bh-color-accent-soft: var(--bh-color-lavender-400);
  --bh-color-accent-orchid: var(--bh-color-orchid-400);
  --bh-color-evidence-published: var(--bh-color-gold-500);
  --bh-color-evidence-published-text: var(--bh-color-gold-400);
  --bh-color-evidence-observed: var(--bh-color-cyan-500);
  --bh-color-evidence-observed-text: var(--bh-color-cyan-300);
  --bh-color-live: var(--bh-color-cyan-500);
  --bh-color-polarity-harmful: var(--bh-color-graph-red);
  --bh-color-polarity-protective: var(--bh-color-graph-green);
  --bh-color-polarity-association: var(--bh-color-violet-500);
  --bh-color-polarity-diagnostic: var(--bh-color-gold-500);
  --bh-color-polarity-neutral: var(--bh-color-graph-grey);
  --bh-color-status-asserted: var(--bh-color-graph-blue);
  --bh-color-status-contested: var(--bh-color-graph-amber);
  --bh-color-status-hypothesis: var(--bh-color-violet-500);
  --bh-color-feedback-pass: var(--bh-color-green-300);
  --bh-color-feedback-open: var(--bh-color-amber-400);
  --bh-color-feedback-fail: var(--bh-color-red-300);
  --bh-color-feedback-unmeasured: var(--bh-color-neutral-muted);
  --bh-color-figure-leader: var(--bh-color-alpha-violet-tint-45);
  --bh-color-figure-leader-focus: var(--bh-color-alpha-lilac-95);
  --bh-color-figure-label: var(--bh-color-alpha-white-76);
  --bh-color-figure-label-focus: var(--bh-color-white);
  --bh-color-figure-verb: var(--bh-color-alpha-white-36);
  --bh-color-figure-bloom: var(--bh-color-violet-450);
  --bh-color-shimmer-ink: var(--bh-color-ink-200);
  --bh-color-shimmer-violet: var(--bh-color-violet-300);
  --bh-color-shimmer-gold: var(--bh-color-gold-300);
  --bh-color-attention-sand: var(--bh-color-gold-200);
  --bh-color-domain-mind: var(--bh-color-domain-hue-mind);
  --bh-color-domain-sleep: var(--bh-color-domain-hue-sleep);
  --bh-color-domain-nerves: var(--bh-color-domain-hue-nerves);
  --bh-color-domain-senses: var(--bh-color-domain-hue-senses);
  --bh-color-domain-cardio: var(--bh-color-domain-hue-cardio);
  --bh-color-domain-breathing: var(--bh-color-domain-hue-breathing);
  --bh-color-domain-metabolic: var(--bh-color-domain-hue-metabolic);
  --bh-color-domain-digestion: var(--bh-color-domain-hue-digestion);
  --bh-color-domain-immune: var(--bh-color-domain-hue-immune);
  --bh-color-domain-kidney: var(--bh-color-domain-hue-kidney);
  --bh-color-domain-reproductive: var(--bh-color-domain-hue-reproductive);
  --bh-color-domain-movement: var(--bh-color-domain-hue-movement);
  --bh-color-domain-skin: var(--bh-color-domain-hue-skin);
  --bh-color-domain-context: var(--bh-color-domain-hue-context);
  --bh-color-domain-unplaced: var(--bh-color-domain-hue-unplaced);
  --bh-gradient-salutome: linear-gradient(120deg, #6C5CE7 0%, #A99BFF 28%, #D695FF 48%, #D8C39A 76%, #B89B6D 100%);
  --bh-gradient-horizon: linear-gradient(90deg, #00B0F0 0%, #215F9A 25%, #92AEC9 50%, #F2F2F2 60%, #AC9FD8 68%, #4928B2 85%, #6C5CE7 100%);
  --bh-font-family-display: var(--font-space-grotesk, "Space Grotesk"), ui-sans-serif, system-ui, sans-serif;
  --bh-font-family-text: var(--font-inter, Inter), ui-sans-serif, system-ui, sans-serif;
  --bh-font-family-wordmark: var(--font-archivo, Archivo), ui-sans-serif, system-ui, sans-serif;
  --bh-font-family-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --bh-font-weight-light: 300;
  --bh-font-weight-regular: 400;
  --bh-font-weight-medium: 500;
  --bh-font-weight-semibold: 600;
  --bh-font-weight-bold: 700;
  --bh-font-weight-black: 900;
  --bh-tracking-display: -0.02em;
  --bh-tracking-kicker: 0.22em;
  --bh-tracking-mono-label: 0.14em;
  --bh-line-height-prose: 1.6;
  --bh-line-height-display: 1.05;
  --bh-space-2: 2px;
  --bh-space-4: 4px;
  --bh-space-8: 8px;
  --bh-space-12: 12px;
  --bh-space-16: 16px;
  --bh-space-20: 20px;
  --bh-space-24: 24px;
  --bh-space-32: 32px;
  --bh-space-40: 40px;
  --bh-space-48: 48px;
  --bh-space-60: 60px;
  --bh-space-80: 80px;
  --bh-space-gutter: var(--bh-space-24);
  --bh-radius-2: 2px;
  --bh-radius-6: 6px;
  --bh-radius-8: 8px;
  --bh-radius-12: 12px;
  --bh-radius-14: 14px;
  --bh-radius-16: 16px;
  --bh-radius-18: 18px;
  --bh-radius-20: 20px;
  --bh-radius-24: 24px;
  --bh-radius-28: 28px;
  --bh-radius-36: 36px;
  --bh-radius-full: 9999px;
  --bh-radius-chip: var(--bh-radius-6);
  --bh-radius-control: var(--bh-radius-8);
  --bh-radius-card: var(--bh-radius-14);
  --bh-radius-panel: var(--bh-radius-18);
  --bh-radius-window: var(--bh-radius-36);
  --bh-motion-tab-duration: 150ms;
  --bh-motion-tab-easing: ease-out;
  --bh-motion-reduced-duration: 150ms;
  --bh-motion-reduced-easing: ease-out;
  --bh-motion-enter-duration: 300ms;
  --bh-motion-enter-easing: ease-out;
  --bh-motion-enter-offset-y: 10px;
  --bh-motion-window-appear-scale-from: 0.97;
  --bh-motion-window-appear-blur-from: 6px;
  --bh-motion-figure-reveal-duration: 900ms;
  --bh-motion-figure-reveal-easing: ease;
  --bh-motion-figure-bloom-duration: 800ms;
  --bh-motion-figure-bloom-easing: ease;
  --bh-motion-figure-dim-duration: 500ms;
  --bh-motion-figure-dim-easing: ease;
  --bh-glass-window-radius: var(--bh-radius-36);
  --bh-glass-window-dim: 0.2;
  --bh-glass-window-edge-dim: 0.08;
  --bh-glass-window-tint: var(--bh-color-glass-tint-pane);
  --bh-glass-window-solid: var(--bh-color-glass-solid-window);
  --bh-glass-panel-radius: var(--bh-radius-24);
  --bh-glass-panel-dim: 0.4;
  --bh-glass-panel-edge-dim: 0.28;
  --bh-glass-panel-tint: var(--bh-color-glass-tint-plate);
  --bh-glass-panel-solid: var(--bh-color-glass-solid-panel);
  --bh-glass-tile-radius: var(--bh-radius-24);
  --bh-glass-tile-dim: 0.4;
  --bh-glass-tile-edge-dim: 0.28;
  --bh-glass-tile-tint: var(--bh-color-glass-tint-plate);
  --bh-glass-tile-solid: var(--bh-color-glass-solid-panel);
  --bh-glass-raised-radius: var(--bh-radius-18);
  --bh-glass-raised-dim: 0.22;
  --bh-glass-raised-edge-dim: 0.16;
  --bh-glass-raised-tint: var(--bh-color-glass-tint-plate);
  --bh-glass-raised-solid: var(--bh-color-glass-solid-raised);
  --bh-glass-ornament-radius: var(--bh-radius-full);
  --bh-glass-ornament-dim: 0.42;
  --bh-glass-ornament-edge-dim: 0.3;
  --bh-glass-ornament-tint: var(--bh-color-glass-tint-plate);
  --bh-glass-ornament-solid: var(--bh-color-glass-solid-ornament);
  --bh-glass-effect-rim-top: 0.55;
  --bh-glass-effect-rim-mid: 0.14;
  --bh-glass-effect-rim-bottom: 0.05;
  --bh-glass-effect-contact-edge: 0.22;
  --bh-glass-effect-top-highlight: 0.06;
  --bh-glass-effect-top-highlight-height: 18;
  --bh-glass-effect-top-line: 0.2;
  --bh-glass-effect-bottom-shade: 0.2;
  --bh-glass-effect-bottom-shade-height: 16;
  --bh-glass-effect-grain: 0.015;
  --bh-glass-effect-pill-base: 0.35;
  --bh-glass-effect-pill-base-glass: 0.8;
  --bh-glass-effect-small-plate: 0.52;
  --bh-glass-effect-vibrant-primary: 1;
  --bh-glass-effect-vibrant-secondary: 0.8;
  --bh-glass-effect-vibrant-tertiary: 0.62;
  --bh-glass-effect-ambient-glow: 0.34;
  --bh-glass-effect-ambient-glow-corner: 0.08;
  --bh-glass-effect-ambient-point: 0.22;
  --bh-glass-effect-ambient-point-bright: 0.55;
  --bh-glass-effect-node-glow: 0.4;
  --bh-glass-effect-node-glow-focus: 0.9;
  --bh-glass-effect-node-glow-radius: 4;
  --bh-glass-effect-node-glow-radius-focus: 8;
  --bh-glass-rim: var(--bh-color-alpha-white-11);
  --bh-glass-rim-strong: var(--bh-color-alpha-white-30);
  --bh-glass-window-fill: rgba(22, 21, 29, 0.55);
  --bh-glass-window-blur: 24px;
  --bh-glass-window-saturate: 1.2;
  --bh-glass-panel-fill: rgba(30, 29, 38, 0.62);
  --bh-glass-panel-blur: 16px;
  --bh-glass-panel-saturate: 1;
  --bh-glass-raised-fill: rgba(36, 35, 45, 0.7);
  --bh-glass-raised-blur: 12px;
  --bh-glass-raised-saturate: 1;
  --bh-glass-ornament-fill: rgba(30, 29, 39, 0.7);
  --bh-glass-ornament-blur: 20px;
  --bh-glass-ornament-saturate: 1;
  --bh-frost-shared-body: #14131B;
  --bh-frost-shared-tint-neutral: #A8A4BE;
  --bh-frost-shared-saturate: 1.6;
  --bh-frost-shared-no-backdrop-body-alpha: 0.985;
  --bh-frost-shared-border: rgba(255, 255, 255, 0.07);
  --bh-frost-shared-rim-top: rgba(255, 255, 255, 0.38);
  --bh-frost-shared-rim-mid: rgba(255, 255, 255, 0.07);
  --bh-frost-shared-rim-mid-stop: 0.28;
  --bh-frost-shared-rim-low: rgba(255, 255, 255, 0.03);
  --bh-frost-shared-rim-low-stop: 0.7;
  --bh-frost-shared-edge-light-alpha: 0.22;
  --bh-frost-shared-refraction: linear-gradient(170deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0) 32%, rgba(0, 0, 0, 0.08) 100%);
  --bh-frost-shared-grain-alpha: 0.035;
  --bh-frost-shared-grain-frequency: 0.9;
  --bh-frost-shared-grain-octaves: 2;
  --bh-frost-shared-grain-tile: 160;
  --bh-frost-shared-grain-noise-alpha: 0.55;
  --bh-frost-shared-hover-lift: rgba(255, 255, 255, 0.04);
  --bh-frost-shared-press: rgba(0, 0, 0, 0.14);
  --bh-frost-shared-press-offset: 0.5;
  --bh-frost-shared-state-duration: 0.12;
  --bh-frost-shared-solid: var(--bh-color-neutral-panel);
  --bh-frost-surface-blur: 28px;
  --bh-frost-surface-body-alpha: 0.94;
  --bh-frost-surface-tint-alpha: 0.12;
  --bh-frost-surface-tint-mid-alpha: 0.05;
  --bh-frost-surface-tint-mid-stop: 0.38;
  --bh-frost-surface-tint-spread: 0.72;
  --bh-frost-surface-radius: var(--bh-radius-18);
  --bh-frost-surface-shadow-soft: 0px 28px 72px 0px rgba(0, 0, 0, 0.46);
  --bh-frost-surface-shadow-contact: 0px 2px 6px 0px rgba(0, 0, 0, 0.5);
  --bh-frost-surface-inner-shade: inset 0px 0px 28px 0px rgba(0, 0, 0, 0.28);
  --bh-frost-surface-top-line: rgba(255, 255, 255, 0.05);
  --bh-frost-popover-blur: 20px;
  --bh-frost-popover-body-alpha: 1;
  --bh-frost-popover-tint-alpha: 0.1;
  --bh-frost-popover-tint-mid-alpha: 0.05;
  --bh-frost-popover-tint-mid-stop: 0.35;
  --bh-frost-popover-tint-spread: 0.7;
  --bh-frost-popover-radius: var(--bh-radius-12);
  --bh-frost-popover-shadow: 0px 12px 32px 0px rgba(0, 0, 0, 0.4);
  --bh-frost-popover-inner-shade: inset 0px 0px 18px 0px rgba(0, 0, 0, 0.26);
  --bh-frost-tooltip-blur: 20px;
  --bh-frost-tooltip-body-alpha: 1;
  --bh-frost-tooltip-tint-alpha: 0.1;
  --bh-frost-tooltip-tint-mid-alpha: 0.05;
  --bh-frost-tooltip-tint-mid-stop: 0.35;
  --bh-frost-tooltip-tint-spread: 0.7;
  --bh-frost-tooltip-radius: 10px;
  --bh-frost-tooltip-shadow: 0px 12px 32px 0px rgba(0, 0, 0, 0.4);
  --bh-frost-tooltip-inner-shade: inset 0px 0px 18px 0px rgba(0, 0, 0, 0.26);
  --bh-chart-confidence-full: 1;
  --bh-chart-confidence-partial: 0.6;
  --bh-chart-confidence-estimated: 0.32;
  --bh-chart-confidence-none: 0;
  --bh-chart-line-width: 1.2;
  --bh-chart-line-width-sparse: 1.8;
  --bh-chart-line-sparse-below: 12;
  --bh-chart-line-glow-blur: 3;
  --bh-chart-line-glow-width: 2.4;
  --bh-chart-tint-band-fill: 0.06;
  --bh-chart-tint-band-edge: 0.18;
  --bh-chart-tint-band-forming: 0.04;
  --bh-chart-tint-area-top: 0.18;
  --bh-chart-tint-halo: 0.25;
  --bh-chart-tint-glow: 0.35;
  --bh-chart-plot-ground: var(--bh-color-chart-plot-ground);
  --bh-chart-series-1: var(--bh-color-chart-series-1);
  --bh-chart-series-2: var(--bh-color-chart-series-2);
  --bh-chart-series-3: var(--bh-color-chart-series-3);
  --bh-chart-series-4: var(--bh-color-chart-series-4);
  --bh-chart-series-5: var(--bh-color-chart-series-5);
  --bh-chart-series-6: var(--bh-color-chart-series-6);
  --bh-chart-focus: var(--bh-color-chart-focus);
  --bh-chart-band-usual: var(--bh-color-chart-band-usual);
  --bh-chart-band-compare: var(--bh-color-chart-band-compare);
  --bh-chart-band-compare-strong: var(--bh-color-chart-band-compare-strong);
  --bh-chart-range-lab: var(--bh-color-chart-range-lab);
  --bh-chart-range-lab-edge: var(--bh-color-chart-range-lab-edge);
  --bh-chart-grid-hairline: var(--bh-color-chart-grid-hairline);
  --bh-chart-grid-axis: var(--bh-color-chart-grid-axis);
  --bh-chart-grid-label: var(--bh-color-neutral-muted);
  --bh-surface-radius: 16px;
  --bh-surface-padding: 24px;
  --bh-surface-top: 56px;
  --bh-surface-bottom: 28px;
  --bh-surface-gutter: 28px;
  --bh-surface-column-gap: 16px;
  --bh-surface-sheet-max-width: 1040px;
  --bh-surface-inspector-width: 400px;
  --bh-surface-inspector-gap: 16px;
  --bh-surface-popover-width: 240px;
  --bh-surface-popover-offset: 6px;
  --bh-surface-popover-margin: 12px;
  --bh-surface-popover-padding-x: 14px;
  --bh-surface-popover-padding-y: 12px;
  --bh-surface-header-height: 48px;
  --bh-surface-header-compact-height: 40px;
  --bh-surface-header-fill: rgba(24, 23, 32, 0.97);
  --bh-surface-header-rule: rgba(255, 255, 255, 0.07);
  --bh-surface-header-gap: 12px;
  --bh-surface-crumb-font-size: 12.5px;
  --bh-surface-crumb-gap: 6px;
  --bh-surface-crumb-padding-x: 6px;
  --bh-surface-crumb-padding-y: 2px;
  --bh-surface-crumb-radius: 6px;
  --bh-surface-crumb-hover-fill: rgba(255, 255, 255, 0.08);
  --bh-surface-close-height: 32px;
  --bh-surface-close-padding-x: 12px;
  --bh-surface-close-radius: 8px;
  --bh-surface-close-font-size: 12.5px;
  --bh-surface-close-fill: rgba(255, 255, 255, 0.04);
  --bh-surface-body-padding-top: 8px;
  --bh-surface-foot-padding-top: 12px;
  --bh-surface-foot-padding-bottom: 16px;
  --bh-surface-fade-sheet-height: 48px;
  --bh-surface-fade-inspector-height: 56px;
  --bh-surface-fade-color: rgba(20, 19, 27, 0.96);
  --bh-surface-fade-duration: 0.2;
  --bh-surface-scrim-color: rgba(10, 10, 12, 0.34);
  --bh-surface-recede-blur: 3px;
  --bh-surface-recede-brightness: 0.5;
  --bh-surface-recede-saturation: 0.7;
  --bh-surface-recede-inspector-blur: 2px;
  --bh-surface-recede-inspector-brightness: 0.55;
  --bh-surface-grow-duration: 0.32;
  --bh-surface-grow-easing: cubic-bezier(0.2, 0.7, 0.2, 1);
  --bh-surface-grow-opacity-from: 0.35;
  --bh-surface-grow-opacity-duration: 0.22;
  --bh-surface-grow-scale-min: 0.04;
  --bh-surface-reduced-fade-duration: 0.16;
  --bh-surface-dismiss-duration: 0.2;
  --bh-surface-dismiss-opacity-duration: 0.16;
  --bh-surface-dismiss-scale: 0.985;
  --bh-surface-dismiss-sheet-offset-y: 10px;
  --bh-surface-dismiss-inspector-offset-x: 12px;
  --bh-elevation-window: 0px 18px 46px 0px rgba(0, 0, 0, 0.45);
  --bh-type-web-h1-size: clamp(2.2rem, 5vw, 3.4rem);
  --bh-type-web-h1-weight: 500;
  --bh-type-web-h1-line-height: 1.05;
  --bh-type-web-h1-tracking: -0.025em;
  --bh-type-web-h2-size: clamp(1.5rem, 3vw, 2rem);
  --bh-type-web-h2-weight: 500;
  --bh-type-web-h2-tracking: -0.02em;
  --bh-type-web-h3-size: 1.02rem;
  --bh-type-web-h3-weight: 500;
  --bh-type-web-lead-size: 1.12rem;
  --bh-type-web-lead-weight: 300;
  --bh-type-web-body-size: 1rem;
  --bh-type-web-body-weight: 300;
  --bh-type-web-body-line-height: 1.6;
  --bh-type-web-kicker-size: 11px;
  --bh-type-web-kicker-weight: 500;
  --bh-type-web-kicker-tracking: 0.22em;
  --bh-type-web-eyebrow-size: 10px;
  --bh-type-web-eyebrow-weight: 500;
  --bh-type-web-eyebrow-tracking: 0.22em;
  --bh-type-desktop-display-size: 50px;
  --bh-type-desktop-display-weight: 600;
  --bh-type-desktop-stage-size: 34px;
  --bh-type-desktop-stage-weight: 500;
  --bh-type-desktop-hero-size: 30px;
  --bh-type-desktop-hero-weight: 500;
  --bh-type-desktop-title-size: 22px;
  --bh-type-desktop-title-weight: 500;
  --bh-type-desktop-heading-size: 15px;
  --bh-type-desktop-heading-weight: 500;
  --bh-type-desktop-text-size: 13px;
  --bh-type-desktop-text-weight: 400;
  --bh-type-desktop-callout-size: 12px;
  --bh-type-desktop-callout-weight: 400;
  --bh-type-desktop-caption-size: 11px;
  --bh-type-desktop-caption-weight: 400;
  --bh-type-desktop-micro-size: 10px;
  --bh-type-desktop-micro-weight: 500;
  --bh-type-desktop-lede-size: 18px;
  --bh-type-desktop-lede-weight: 300;
  --bh-type-mobile-display-size: 32px;
  --bh-type-mobile-display-weight: 700;
  --bh-type-mobile-title-size: 24px;
  --bh-type-mobile-title-weight: 700;
  --bh-type-mobile-headline-size: 22px;
  --bh-type-mobile-headline-weight: 700;
  --bh-type-mobile-subhead-size: 20px;
  --bh-type-mobile-subhead-weight: 700;
  --bh-type-mobile-body-large-size: 18px;
  --bh-type-mobile-body-large-weight: 600;
  --bh-type-mobile-body-large-line-height: 28px;
  --bh-type-mobile-body-size: 16px;
  --bh-type-mobile-body-weight: 600;
  --bh-type-mobile-body-line-height: 22px;
  --bh-type-mobile-body-regular-size: 16px;
  --bh-type-mobile-body-regular-weight: 400;
  --bh-type-mobile-body-regular-line-height: 22px;
  --bh-type-mobile-body-small-size: 14px;
  --bh-type-mobile-body-small-weight: 400;
  --bh-type-mobile-body-small-line-height: 22px;
  --bh-type-mobile-caption-size: 12px;
  --bh-type-mobile-caption-weight: 600;
  --bh-type-mobile-mini-size: 11px;
  --bh-type-mobile-mini-weight: 400;
}

/* Reduce Transparency: every glass level is its solid colour. */
@media (prefers-reduced-transparency: reduce) {
  :root {
    --bh-glass-window-fill: var(--bh-glass-window-solid);
    --bh-glass-panel-fill: var(--bh-glass-panel-solid);
    --bh-glass-raised-fill: var(--bh-glass-raised-solid);
    --bh-glass-ornament-fill: var(--bh-glass-ornament-solid);
  }
}

/* OKLCH primitives in Display P3, computed from their components; roles follow through var(). */
@supports (color: color(display-p3 0 0 0)) {
  @media (color-gamut: p3) {
    :root {
      --bh-color-domain-hue-mind: color(display-p3 0.644528 0.702435 0.951486);
      --bh-color-domain-hue-sleep: color(display-p3 0.609449 0.716394 0.951516);
      --bh-color-domain-hue-nerves: color(display-p3 0.575759 0.730261 0.944613);
      --bh-color-domain-hue-senses: color(display-p3 0.544813 0.743629 0.930953);
      --bh-color-domain-hue-cardio: color(display-p3 0.743554 0.516857 0.567871);
      --bh-color-domain-hue-breathing: color(display-p3 0.751481 0.520822 0.513335);
      --bh-color-domain-hue-metabolic: color(display-p3 0.587897 0.893094 0.873243);
      --bh-color-domain-hue-digestion: color(display-p3 0.640223 0.894035 0.765003);
      --bh-color-domain-hue-immune: color(display-p3 0.726621 0.517787 0.622626);
      --bh-color-domain-hue-kidney: color(display-p3 0.706332 0.883175 0.681086);
      --bh-color-domain-hue-reproductive: color(display-p3 0.911497 0.632839 0.548157);
      --bh-color-domain-hue-movement: color(display-p3 0.895023 0.652223 0.485522);
      --bh-color-domain-hue-skin: color(display-p3 0.865978 0.675461 0.443537);
    }
  }
}

/* Light theme (D8): semantic roles only; primitives are shared. Opt in with data-theme="light".
   Roles with no light value yet are set to initial (pending, docs/decisions.md). */
[data-theme="light"] {
  --bh-color-ground: var(--bh-color-neutral-bone-deep);
  --bh-color-surface-charcoal: var(--bh-color-neutral-bone);
  --bh-color-surface-panel: var(--bh-color-neutral-bone);
  --bh-color-surface-raised: var(--bh-color-neutral-bone);
  --bh-color-text-primary: var(--bh-color-neutral-canvas);
  --bh-color-text-secondary: var(--bh-color-neutral-panel-raised);
  --bh-color-text-tertiary: var(--bh-color-neutral-slate);
  --bh-color-text-on-accent: var(--bh-color-neutral-bone);
  --bh-color-text-on-bone: var(--bh-color-neutral-canvas);
  --bh-color-border-default: rgba(10, 10, 12, 0.1);
  --bh-color-border-subtle: rgba(10, 10, 12, 0.06);
  --bh-color-accent-default: var(--bh-color-violet-600);
  --bh-color-accent-pressed: var(--bh-color-violet-600);
  --bh-color-accent-soft: var(--bh-color-violet-600);
  --bh-color-accent-orchid: initial;
  --bh-color-evidence-published: initial;
  --bh-color-evidence-published-text: initial;
  --bh-color-evidence-observed: initial;
  --bh-color-evidence-observed-text: initial;
  --bh-color-live: initial;
  --bh-color-polarity-harmful: initial;
  --bh-color-polarity-protective: initial;
  --bh-color-polarity-association: initial;
  --bh-color-polarity-diagnostic: initial;
  --bh-color-polarity-neutral: initial;
  --bh-color-status-asserted: initial;
  --bh-color-status-contested: initial;
  --bh-color-status-hypothesis: initial;
  --bh-color-feedback-pass: initial;
  --bh-color-feedback-open: initial;
  --bh-color-feedback-fail: initial;
  --bh-color-feedback-unmeasured: initial;
  --bh-color-figure-leader: initial;
  --bh-color-figure-leader-focus: initial;
  --bh-color-figure-label: initial;
  --bh-color-figure-label-focus: initial;
  --bh-color-figure-verb: initial;
  --bh-color-figure-bloom: initial;
  --bh-color-shimmer-ink: initial;
  --bh-color-shimmer-violet: initial;
  --bh-color-shimmer-gold: initial;
  --bh-color-night-base: initial;
  --bh-color-night-glow-mid: initial;
  --bh-color-night-glow-top: initial;
  --bh-color-attention-sand: initial;
  --bh-color-domain-mind: initial;
  --bh-color-domain-sleep: initial;
  --bh-color-domain-nerves: initial;
  --bh-color-domain-senses: initial;
  --bh-color-domain-cardio: initial;
  --bh-color-domain-breathing: initial;
  --bh-color-domain-metabolic: initial;
  --bh-color-domain-digestion: initial;
  --bh-color-domain-immune: initial;
  --bh-color-domain-kidney: initial;
  --bh-color-domain-reproductive: initial;
  --bh-color-domain-movement: initial;
  --bh-color-domain-skin: initial;
  --bh-color-domain-context: initial;
  --bh-color-domain-unplaced: initial;
  --bh-chart-plot-ground: initial;
  --bh-chart-series-1: initial;
  --bh-chart-series-2: initial;
  --bh-chart-series-3: initial;
  --bh-chart-series-4: initial;
  --bh-chart-series-5: initial;
  --bh-chart-series-6: initial;
  --bh-chart-focus: initial;
  --bh-chart-band-usual: initial;
  --bh-chart-band-compare: initial;
  --bh-chart-band-compare-strong: initial;
  --bh-chart-range-lab: initial;
  --bh-chart-range-lab-edge: initial;
  --bh-chart-grid-hairline: initial;
  --bh-chart-grid-axis: initial;
  --bh-chart-grid-label: initial;
}

/* bh-design-system light roles for the whole page (build-page.py). */
:root {
  --bh-color-ground: var(--bh-color-neutral-bone-deep);
  --bh-color-surface-charcoal: var(--bh-color-neutral-bone);
  --bh-color-surface-panel: var(--bh-color-neutral-bone);
  --bh-color-surface-raised: var(--bh-color-neutral-bone);
  --bh-color-text-primary: var(--bh-color-neutral-canvas);
  --bh-color-text-secondary: var(--bh-color-neutral-panel-raised);
  --bh-color-text-tertiary: var(--bh-color-neutral-slate);
  --bh-color-text-on-accent: var(--bh-color-neutral-bone);
  --bh-color-text-on-bone: var(--bh-color-neutral-canvas);
  --bh-color-border-default: rgba(10, 10, 12, 0.1);
  --bh-color-border-subtle: rgba(10, 10, 12, 0.06);
  --bh-color-accent-default: var(--bh-color-violet-600);
  --bh-color-accent-pressed: var(--bh-color-violet-600);
  --bh-color-accent-soft: var(--bh-color-violet-600);
  --bh-color-accent-orchid: initial;
  --bh-color-evidence-published: initial;
  --bh-color-evidence-published-text: initial;
  --bh-color-evidence-observed: initial;
  --bh-color-evidence-observed-text: initial;
  --bh-color-live: initial;
  --bh-color-polarity-harmful: initial;
  --bh-color-polarity-protective: initial;
  --bh-color-polarity-association: initial;
  --bh-color-polarity-diagnostic: initial;
  --bh-color-polarity-neutral: initial;
  --bh-color-status-asserted: initial;
  --bh-color-status-contested: initial;
  --bh-color-status-hypothesis: initial;
  --bh-color-feedback-pass: initial;
  --bh-color-feedback-open: initial;
  --bh-color-feedback-fail: initial;
  --bh-color-feedback-unmeasured: initial;
  --bh-color-figure-leader: initial;
  --bh-color-figure-leader-focus: initial;
  --bh-color-figure-label: initial;
  --bh-color-figure-label-focus: initial;
  --bh-color-figure-verb: initial;
  --bh-color-figure-bloom: initial;
  --bh-color-shimmer-ink: initial;
  --bh-color-shimmer-violet: initial;
  --bh-color-shimmer-gold: initial;
  --bh-color-night-base: initial;
  --bh-color-night-glow-mid: initial;
  --bh-color-night-glow-top: initial;
  --bh-color-attention-sand: initial;
  --bh-color-domain-mind: initial;
  --bh-color-domain-sleep: initial;
  --bh-color-domain-nerves: initial;
  --bh-color-domain-senses: initial;
  --bh-color-domain-cardio: initial;
  --bh-color-domain-breathing: initial;
  --bh-color-domain-metabolic: initial;
  --bh-color-domain-digestion: initial;
  --bh-color-domain-immune: initial;
  --bh-color-domain-kidney: initial;
  --bh-color-domain-reproductive: initial;
  --bh-color-domain-movement: initial;
  --bh-color-domain-skin: initial;
  --bh-color-domain-context: initial;
  --bh-color-domain-unplaced: initial;
  --bh-chart-plot-ground: initial;
  --bh-chart-series-1: initial;
  --bh-chart-series-2: initial;
  --bh-chart-series-3: initial;
  --bh-chart-series-4: initial;
  --bh-chart-series-5: initial;
  --bh-chart-series-6: initial;
  --bh-chart-focus: initial;
  --bh-chart-band-usual: initial;
  --bh-chart-band-compare: initial;
  --bh-chart-band-compare-strong: initial;
  --bh-chart-range-lab: initial;
  --bh-chart-range-lab-edge: initial;
  --bh-chart-grid-hairline: initial;
  --bh-chart-grid-axis: initial;
  --bh-chart-grid-label: initial;
}

/*
 * HealthMemory for Mac download page (https://blockhaven.health/mac/).
 * Every colour, radius, tracking and font family is a bh-design-system token:
 * build-page.py publishes one stylesheet, site/tokens.css (the design
 * system's packages/tokens/dist/tokens.css at the pinned release, verbatim),
 * then its light roles (the [data-theme="light"] block) on :root, then this
 * file. The page is always light: product pages are light (bone), the
 * company site stays dark.
 * Type (product standard): one family, Inter, variable with the optical-size
 * axis, from google/fonts ofl/inter/Inter[opsz,wght].ttf at 23e54b51 (sha256
 * 29160a80..., the file bh-design-system bundles), SIL OFL 1.1, licence in
 * fonts/. Headings are Inter Display (opsz 32), weight 600; body text uses the
 * optical size of its font size. Made with fontTools 4.60:
 *   python3 -m fontTools.varLib.instancer <ttf> wght=300:600 -o <i.ttf>
 *   python3 -m fontTools.subset <i.ttf> --flavor=woff2 --layout-features=kern,liga,calt,tnum
 *     --unicodes=U+0020-007E,U+00A0,U+00A9,U+00B7,U+2013,U+2018-201D,U+2022,U+2026,U+2122,U+2190-2193,U+2212
 */

@font-face {
  font-family: "Inter";
  src: url("/mac/page/fonts/inter.9ece8e7d.woff2") format("woff2");
  font-weight: 300 600;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Page roles, from the design system's semantic roles. */
  --page: var(--bh-color-ground);
  --surface: var(--bh-color-surface-charcoal);
  --ink: var(--bh-color-text-primary);
  --ink-2: var(--bh-color-text-secondary);
  --ink-3: var(--bh-color-text-tertiary);
  --hairline: var(--bh-color-border-default);
  --accent-ink: var(--bh-color-accent-soft);
  --focus: var(--bh-color-accent-soft);
  --button: var(--bh-color-text-primary);
  --button-ink: var(--bh-color-ground);
  --glow: color-mix(in srgb, var(--bh-color-accent-default) 9%, transparent);
  --code: var(--bh-color-border-subtle);
  /* Inter Display tracking, from the design system's display tracking
     (-0.02em): -0.03em on the page title, -0.012em on smaller headings. */
  --display-tracking-title: calc(var(--bh-tracking-display) * 1.5);
  --display-tracking-heading: calc(var(--bh-tracking-display) * 0.6);
  color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: var(--page);
  background-image: radial-gradient(70% 520px at 50% 0, var(--glow), transparent 75%);
  background-repeat: no-repeat;
  color: var(--ink);
  font-family: var(--bh-font-family-text);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

main { flex: 1 0 auto; }

a { color: inherit; }

:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 3px;
  border-radius: var(--bh-radius-chip);
}

img { display: block; max-width: 100%; height: auto; }

.wrap {
  width: 100%;
  max-width: 1080px;
  margin-inline: auto;
  padding-inline: 16px;
}

@media (min-width: 600px) {
  .wrap { padding-inline: 32px; }
}

/* Header: the BlockHaven logo and a link back to www.blockhaven.ai. */

.top { border-bottom: 1px solid var(--hairline); }

.top-in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 72px;
}

.brand { display: inline-flex; align-items: center; padding: 8px 0; }
.brand img { width: 168px; }

@media (min-width: 600px) {
  .brand img { width: 206px; }
}

.top-link {
  padding: 8px 2px;
  font-size: 0.875rem;
  color: var(--ink-2);
  text-decoration: none;
}

.top-link:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }

/* Hero */

.hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-top: 56px;
}

@media (min-width: 900px) {
  .hero { padding-top: 80px; }
}

.app-icon {
  width: 112px;
  height: 112px;
  margin-bottom: 24px;
  filter: drop-shadow(0 10px 28px var(--glow));
}

@media (min-width: 600px) {
  .app-icon { width: 128px; height: 128px; }
}

.kicker {
  margin: 0 0 12px;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: var(--bh-tracking-kicker);
  text-transform: uppercase;
  color: var(--accent-ink);
}

h1, h2, h3, .foot-name {
  font-family: var(--bh-font-family-text);
  font-variation-settings: "opsz" 32;
  font-weight: 600;
  letter-spacing: var(--display-tracking-heading);
  color: var(--ink);
}

h1 {
  margin: 0;
  font-size: clamp(2.25rem, 1.6rem + 3vw, 3.75rem);
  letter-spacing: var(--display-tracking-title);
  line-height: 1.05;
  text-wrap: balance;
}

.lead {
  max-width: 36rem;
  margin: 20px 0 0;
  font-size: clamp(1.0625rem, 1rem + 0.4vw, 1.25rem);
  font-weight: 300;
  line-height: 1.55;
  color: var(--ink-2);
  text-wrap: balance;
}

.download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 56px;
  margin-top: 32px;
  padding: 0 36px;
  border-radius: var(--bh-radius-full);
  background: var(--button);
  color: var(--button-ink);
  font-size: 1.0625rem;
  font-weight: 500;
  text-decoration: none;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.download:hover { background: color-mix(in srgb, var(--button) 86%, var(--page)); transform: translateY(-1px); }
.download:active { transform: none; }
.download:focus-visible { outline-offset: 4px; border-radius: var(--bh-radius-full); }

.facts {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px 28px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
  font-size: 0.875rem;
  color: var(--ink-3);
}

.facts li { white-space: nowrap; }
.facts span + span::before { content: "\00B7"; padding: 0 10px; }

.signed {
  max-width: 22rem;
  margin: 14px 0 0;
  font-size: 0.875rem;
  color: var(--ink-2);
  text-wrap: balance;
}

@media (min-width: 600px) {
  .signed { max-width: none; }
}

.signed svg {
  display: inline-block;
  margin-right: 6px;
  vertical-align: -4px;
  color: var(--accent-ink);
}

/* Product picture */

.shot { margin-block: 56px 0; }
.shot img { width: 100%; max-width: 820px; margin-inline: auto; }

/* Install */

.install { padding-block: 64px 80px; }

h2 {
  margin: 0 0 28px;
  font-size: clamp(1.625rem, 1.3rem + 1.4vw, 2.25rem);
  line-height: 1.15;
  text-align: center;
}

.steps {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 820px) {
  .steps { grid-template-columns: repeat(3, 1fr); }
}

.step {
  padding: 24px;
  border: 1px solid var(--hairline);
  border-radius: var(--bh-radius-panel);
  background: var(--surface);
}

.step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid currentColor;
  border-radius: var(--bh-radius-full);
  color: var(--accent-ink);
  font-size: 0.875rem;
  font-weight: 500;
}

h3 {
  margin: 16px 0 6px;
  font-size: 1.1875rem;
  line-height: 1.3;
}

.step p {
  margin: 0;
  color: var(--ink-2);
  font-weight: 300;
}

/* Check the download */

.check {
  max-width: 760px;
  margin: 32px auto 0;
  border: 1px solid var(--hairline);
  border-radius: var(--bh-radius-panel);
  background: var(--surface);
}

.check summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 24px;
  font-weight: 500;
  cursor: pointer;
  list-style: none;
  border-radius: var(--bh-radius-panel);
}

.check summary::-webkit-details-marker { display: none; }

.check summary::after {
  content: "";
  flex: none;
  width: 8px;
  height: 8px;
  margin-right: 4px;
  border-right: 1.5px solid var(--ink-3);
  border-bottom: 1.5px solid var(--ink-3);
  transform: translateY(-2px) rotate(45deg);
  transition: transform 0.2s ease;
}

.check[open] summary::after { transform: translateY(2px) rotate(-135deg); }

.check-body {
  padding: 0 24px 24px;
  font-size: 0.9375rem;
  color: var(--ink-2);
}

.check-body p { margin: 16px 0 8px; }

.file-facts { margin: 0; border-top: 1px solid var(--hairline); }

.file-facts > div {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2px;
  padding: 12px 0;
  border-bottom: 1px solid var(--hairline);
}

@media (min-width: 600px) {
  .file-facts > div { grid-template-columns: 7.5rem 1fr; gap: 16px; }
}

.file-facts dt { color: var(--ink-3); font-size: 0.875rem; }
.file-facts dd { margin: 0; color: var(--ink); overflow-wrap: anywhere; }

code, pre {
  font-family: var(--bh-font-family-mono);
  font-size: 0.875rem;
}

.check-body p code { color: var(--ink); }

.hash { overflow-wrap: anywhere; word-break: break-all; }

pre {
  margin: 0;
  padding: 12px 14px;
  border-radius: var(--bh-radius-control);
  background: var(--code);
  color: var(--ink);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/* Footer: the BlockHaven name and line, social links, legal links. */

.foot {
  padding-block: 48px;
  border-top: 1px solid var(--bh-color-border-subtle);
  background: var(--surface);
  color: var(--ink-3);
}

.foot p { margin: 0; }

.foot-top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px 32px;
}

.foot-name {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: var(--bh-color-neutral-charcoal);
}

.foot-tm { color: color-mix(in srgb, var(--bh-color-neutral-charcoal) 30%, transparent); }

.foot .foot-line {
  margin-top: 6px;
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--ink-2);
  text-wrap: balance;
}

.social {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: -8px;
}

.social a {
  display: inline-flex;
  padding: 8px;
  color: var(--ink-3);
  border-radius: var(--bh-radius-control);
  transition: color 0.2s ease;
}

.social a:hover { color: var(--ink); }

.foot-legal ul {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 24px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.foot-legal a {
  display: inline-block;
  padding: 4px 0;
  font-size: 0.875rem;
  color: var(--ink-2);
  text-decoration: none;
}

.foot-legal a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }

.foot-bottom {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--bh-color-border-subtle);
  font-size: 0.75rem;
  color: var(--ink-3);
}

@media (min-width: 1024px) {
  .foot-bottom { flex-direction: row; align-items: center; justify-content: space-between; gap: 24px; }
}

@media (prefers-reduced-motion: reduce) {
  .download, .check summary::after { transition: none; }
  .download:hover { transform: none; }
}