:root {
  --size-scale-px-27: 27px;
  --size-scale-px-33: 33px;
  --size-scale-px-39: 39px;
  --size-scale-px-116: 116px;
  --size-scale-px-360: 360px;
  --size-scale-px-408: 408px;
  --size-scale-px-420: 420px;
  --size-scale-px-432: 432px;
  --size-scale-px-620: 620px;
  --size-scale-px-760: 760px;
  --space-scale-px-23: 23px;
  --space-scale-px-33: 33px;
  /* Generated primitive scales: public components consume these through semantic properties. */
  --size-scale-px-1: 1px;
  --size-scale-px-2: 2px;
  --size-scale-px-4: 4px;
  --size-scale-px-5: 5px;
  --size-scale-px-6: 6px;
  --size-scale-px-7: 7px;
  --size-scale-px-8: 8px;
  --size-scale-px-10: 10px;
  --size-scale-px-11: 11px;
  --size-scale-px-12: 12px;
  --size-scale-px-13: 13px;
  --size-scale-px-14: 14px;
  --size-scale-px-15: 15px;
  --size-scale-px-16: 16px;
  --size-scale-px-17: 17px;
  --size-scale-px-18: 18px;
  --size-scale-px-19: 19px;
  --size-scale-px-20: 20px;
  --size-scale-px-21: 21px;
  --size-scale-px-22: 22px;
  --size-scale-px-23: 23px;
  --size-scale-px-24: 24px;
  --size-scale-px-26: 26px;
  --size-scale-px-28: 28px;
  --size-scale-px-30: 30px;
  --size-scale-px-32: 32px;
  --size-scale-px-34: 34px;
  --size-scale-px-36: 36px;
  --size-scale-px-38: 38px;
  --size-scale-px-40: 40px;
  --size-scale-px-42: 42px;
  --size-scale-px-44: 44px;
  --size-scale-px-46: 46px;
  --size-scale-px-47: 47px;
  --size-scale-px-48: 48px;
  --size-scale-px-50: 50px;
  --size-scale-px-52: 52px;
  --size-scale-px-56: 56px;
  --size-scale-px-58: 58px;
  --size-scale-px-64: 64px;
  --size-scale-px-66: 66px;
  --size-scale-px-68: 68px;
  --size-scale-px-70: 70px;
  --size-scale-px-72: 72px;
  --size-scale-px-74: 74px;
  --size-scale-px-76: 76px;
  --size-scale-px-82: 82px;
  --size-scale-px-88: 88px;
  --size-scale-px-90: 90px;
  --size-scale-px-92: 92px;
  --size-scale-px-96: 96px;
  --size-scale-px-100: 100px;
  --size-scale-px-104: 104px;
  --size-scale-px-106: 106px;
  --size-scale-px-110: 110px;
  --size-scale-px-128: 128px;
  --size-scale-px-132: 132px;
  --size-scale-px-136: 136px;
  --size-scale-px-138: 138px;
  --size-scale-px-140: 140px;
  --size-scale-px-150: 150px;
  --size-scale-px-160: 160px;
  --size-scale-px-164: 164px;
  --size-scale-px-180: 180px;
  --size-scale-px-190: 190px;
  --size-scale-px-196: 196px;
  --size-scale-px-200: 200px;
  --size-scale-px-210: 210px;
  --size-scale-px-220: 220px;
  --size-scale-px-222: 222px;
  --size-scale-px-224: 224px;
  --size-scale-px-236: 236px;
  --size-scale-px-240: 240px;
  --size-scale-px-250: 250px;
  --size-scale-px-260: 260px;
  --size-scale-px-280: 280px;
  --size-scale-px-300: 300px;
  --size-scale-px-320: 320px;
  --size-scale-px-380: 380px;
  --size-scale-px-440: 440px;
  --size-scale-px-460: 460px;
  --size-scale-px-480: 480px;
  --size-scale-px-520: 520px;
  --size-scale-px-560: 560px;
  --size-scale-px-640: 640px;
  --size-scale-px-720: 720px;
  --size-scale-px-780: 780px;
  --size-scale-px-820: 820px;
  --size-scale-px-860: 860px;
  --size-scale-px-900: 900px;
  --size-scale-px-980: 980px;
  --size-scale-px-1040: 1040px;
  --size-scale-px-1120: 1120px;
  --size-scale-px-1180: 1180px;
  --size-scale-px-1280: 1280px;
  --size-scale-px-1680: 1680px;
  --space-scale-px-1: 1px;
  --space-scale-px-2: 2px;
  --space-scale-px-3: 3px;
  --space-scale-px-4: 4px;
  --space-scale-px-5: 5px;
  --space-scale-px-6: 6px;
  --space-scale-px-7: 7px;
  --space-scale-px-8: 8px;
  --space-scale-px-9: 9px;
  --space-scale-px-10: 10px;
  --space-scale-px-11: 11px;
  --space-scale-px-12: 12px;
  --space-scale-px-13: 13px;
  --space-scale-px-14: 14px;
  --space-scale-px-15: 15px;
  --space-scale-px-16: 16px;
  --space-scale-px-17: 17px;
  --space-scale-px-18: 18px;
  --space-scale-px-20: 20px;
  --space-scale-px-22: 22px;
  --space-scale-px-24: 24px;
  --space-scale-px-28: 28px;
  --space-scale-px-30: 30px;
  --space-scale-px-32: 32px;
  --space-scale-px-36: 36px;
  --space-scale-px-37: 37px;
  --space-scale-px-38: 38px;
  --space-scale-px-48: 48px;
  --space-scale-px-56: 56px;
  --space-scale-px-64: 64px;
  --space-scale-px-80: 80px;
  --space-scale-rem--5: 0.5rem;
  --space-scale-rem--25: 0.25rem;
  --space-scale-rem--75: 0.75rem;
  --space-scale-rem--125: 0.125rem;
  --space-scale-rem--375: 0.375rem;
  --space-scale-rem--625: 0.625rem;
  --space-scale-rem-0-75: 0.75rem;
  --space-scale-rem-0-375: 0.375rem;
  --space-scale-rem-1: 1rem;
  --space-scale-rem-1-5: 1.5rem;
  --space-scale-rem-2: 2rem;
  --space-scale-rem-3: 3rem;
  --space-scale-rem-4: 4rem;
  --type-scale-rem--75: 0.75rem;
  --type-scale-rem--875: 0.875rem;
  --type-scale-rem-1: 1rem;
  --type-scale-rem-1-5: 1.5rem;
  --type-scale-rem-1-25: 1.25rem;
  --type-scale-rem-1-125: 1.125rem;
  --type-page-title: 23px;
  --type-content-title: 22px;
  --type-lead: 12px;
  --type-section: 13px;
  --type-subsection: var(--type-lead);
  --type-card-title: 12.5px;
  --type-card-copy: 11.5px;
  --type-label: 9.5px;
  --type-kicker: 10px;
  --type-meta: 11px;
  --type-control: 12px;
  --type-value: 14.5px;
  --type-price: 22px;
  /* UI-005 3a: single continuous clamp 320->1024px replaces the old flat-14px desktop default
     + separate @media(max-width:767px) mobile clamp pair (see git history for the removed
     mobile override) -- endpoints unchanged (9.5px@320, 14px@1024+), only the 600->768 step is gone. */
  --type-resource-title: clamp(.59375rem, .46603rem + .63920vw, .875rem);
  --type-resource-meta: var(--type-meta);
  /* UI-005 3a: same treatment, endpoints unchanged (7px@320, 10px@1024+). */
  --type-resource-badge: clamp(.4375rem, .35227rem + .42614vw, .625rem);
  --type-compact-title: 11.75px;
  --type-compact-meta: 10.5px;
  --type-compact-label: 9.5px;
  --type-dialog-title: 16px;
  --type-dialog-copy: var(--type-card-copy);
  --type-dialog-meta: var(--type-meta);
  --type-dialog-price: 18px;
  /* Semantic component typography: pages consume roles, not primitive tiers. */
  --type-field-label: var(--type-meta);
  --type-field-value: var(--type-card-copy);
  --type-person-name: var(--type-compact-meta);
  --type-person-role: var(--type-compact-label);
  --type-document-title: var(--type-page-title);
  --type-document-body: var(--type-resource-title);
  --type-document-eyebrow: var(--type-control);
  --type-document-panel-title: var(--type-section);
  --type-document-control: var(--type-resource-title);
  --type-admin-micro: clamp(.5625rem, 2.4vw, .625rem);
  --type-admin-meta: clamp(.625rem, 2.6vw, .6875rem);
  --type-admin-body: clamp(.65625rem, 2.85vw, .75rem);
  --type-admin-title: clamp(.6875rem, 3vw, .8125rem);
  --type-admin-emphasis: clamp(.75rem, 3.25vw, .875rem);
  --type-admin-subheading: clamp(.8125rem, 3.5vw, .9375rem);
  --type-admin-heading: clamp(.84375rem, 3.75vw, 1rem);
  --type-admin-heading-lg: clamp(.9375rem, 4.25vw, 1.125rem);
  --type-admin-page-title: clamp(1.125rem, 4.8vw, 1.3125rem);
  --type-admin-metric: clamp(1.25rem, 5.5vw, 1.5rem);
  --type-admin-metric-md: clamp(1.5rem, 7vw, 1.875rem);
  --type-admin-metric-lg: clamp(2rem, 10vw, 2.75rem);
  --leading-title: 1.12;
  --leading-section: 1.25;
  --leading-copy: 1.45;
  --leading-meta: 1.35;
  --leading-compact: 1.2;
  --leading-utility-xs: 1.333333;
  --leading-utility-sm: 1.428571;
  --leading-utility-base: 1.5;
  --leading-utility-lg: 1.555556;
  --leading-utility-xl: var(--leading-detail-value);
  --leading-utility-snug: 1.375;
  --leading-utility-tight: var(--leading-section);
  --leading-utility-relaxed: 1.625;
  --weight-page-title: 900;
  --weight-content-title: 800;
  --weight-section: 840;
  --weight-card-title: 830;
  --weight-control: 820;
  --weight-resource-tech: 400;
  --space-ui-0-5: 2px;
  --space-ui-1: 4px;
  --space-ui-1-5: 6px;
  --space-ui-2: 8px;
  --space-ui-2-5: 10px;
  --space-ui-3: 12px;
  --space-ui-3-5: 14px;
  --space-ui-4: 16px;
  --space-ui-4-5: 18px;
  --space-ui-5: 20px;
  --space-ui-6: 24px;
  --space-ui-7: 28px;
  --space-ui-8: 32px;
  --space-ui-9: 36px;
  --space-ui-10: 44px;
  --space-ui-11: 56px;
  --space-ui-12: 64px;
  --radius-ui-xs: 4px;
  --radius-ui-sm: 7px;
  --radius-ui-md: 10px;
  --radius-ui-lg: 12px;
  --radius-header-control: var(--radius-ui-sm);
  --radius-header-field: var(--radius-header-control);
  --radius-pill: 999px;
  --radius-circle: 50%;
  --radius-admin-hairline: var(--size-scale-px-1);
  --radius-admin-bar: var(--space-scale-px-2);
  --radius-admin-chart: var(--space-scale-px-3);
  --size-control-base: 44px;
  --size-control-compact: 36px;
  --size-brand-mark: 36px;
  --size-icon-sm: 12px;
  --size-icon-md: 14px;
  --size-content-3xl: 48rem;
  --size-content-5xl: 64rem;
  --resource-list-gap: var(--space-ui-2);
  --resource-card-gap: var(--space-ui-3);
  /* UI-005 3a: continuous clamp 320->1024px, endpoints unchanged (4.8px@320, 12px/14px@1024+);
     replaces flat --space-ui-3/-3-5 default + separate @media(max-width:640px) mobile override. */
  --resource-card-pad-block: clamp(.3rem, .09545rem + 1.02273vw, .75rem);
  --resource-card-pad-inline: clamp(.3rem, .03864rem + 1.30682vw, .875rem);
  --resource-card-hub-kind: 34px;
  --resource-card-hub-actions-min: 260px;
  --resource-card-hub-actions-max: 360px;
  --resource-card-hub-min-height: 74px;
  --resource-card-focus-width: var(--size-scale-px-2);
  --resource-card-focus-offset: var(--size-scale-px-2);
  --resource-card-focus-outline: var(--accent, #d4a04a);
  --resource-card-compact-source: 76px;
  --resource-card-compact-gap-row: var(--space-ui-2);
  --resource-card-compact-gap-column: var(--space-ui-2-5);
  --resource-card-nested-pad-block: var(--space-ui-2-5);
  --resource-card-nested-pad-inline: var(--space-ui-3);
  --resource-badge-height: 18px;
  --resource-spec-radius: 3px;
  --resource-spec-border-width: var(--size-scale-px-1);
  --resource-spec-letter-spacing: .02em;
  --resource-spec-border: color-mix(in srgb, currentColor 10%, transparent);
  --resource-lock-badge-border: color-mix(in srgb, currentColor 6%, transparent);
  --resource-spec-shadow: none;
  /* UI-005 3a: continuous clamp 320->1024px, endpoints unchanged (0px/3.2px@320, 2px/6px@1024+);
     replaces flat --space-ui-0-5/-1-5 default + separate @media(max-width:640px) mobile override. */
  --resource-spec-padding-block: clamp(0rem, -.05682rem + .28409vw, .125rem);
  --resource-spec-padding-inline: clamp(.2rem, .12045rem + .39773vw, .375rem);
  --resource-spec-line-height: 1;
  --resource-spec-weight: 650;
  --home-resource-tech-text: var(--text-muted);
  --home-resource-tech-gap: var(--space-ui-1);
  /* Semantic visual tokens: shared resource cards and their states. */
  --resource-card-border: var(--border, rgba(255,255,255,0.06));
  --resource-card-surface: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.012)), var(--bg-card, var(--bg-surface, #151517));
  --resource-card-edge-shadow: inset 0 1px 0 rgba(255,255,255,0.025);
  --resource-card-hover-border: var(--accent-border-soft, rgba(212,160,74,0.28));
  --resource-card-hover-surface: linear-gradient(180deg, rgba(212,160,74,0.045), rgba(255,255,255,0.014)), var(--bg-card, var(--bg-surface, #151517));
  --resource-card-locked-hover-border: rgba(212,160,74,0.30);
  --resource-card-locked-hover-shadow: inset 1px 0 0 rgba(251,191,36,0.82), var(--resource-card-edge-shadow);
  --resource-card-locked-hover-surface: linear-gradient(90deg, rgba(212,160,74,0.055), rgba(255,255,255,0.022) 34%, rgba(255,255,255,0.012)), var(--bg-card, var(--bg-surface, #151517));
  --resource-source-border: rgba(212,160,74,0.30);
  --resource-source-bg: rgba(212,160,74,0.13);
  --resource-source-text: #dfb968;
  --resource-kind-movie-bg: var(--status-green-soft, rgba(74,222,128,0.12));
  --resource-kind-movie-text: var(--status-green, #4ade80);
  --resource-kind-movie-border: var(--status-green-border, rgba(74,222,128,0.25));
  --resource-kind-tv-bg: var(--status-blue-soft, rgba(96,165,250,0.12));
  --resource-kind-tv-text: var(--status-blue, #60a5fa);
  --resource-kind-tv-border: var(--status-blue-border, rgba(96,165,250,0.25));
  --resource-kind-doc-bg: var(--status-orange-soft, rgba(251,146,60,0.12));
  --resource-kind-doc-text: var(--status-orange, #fb923c);
  --resource-kind-doc-border: var(--status-orange-border, rgba(251,146,60,0.25));
  --resource-badge-neutral-bg: rgba(255,255,255,0.035);
  --resource-badge-neutral-text: var(--text-secondary, #a09890);
  --resource-badge-remux-bg: rgba(245,158,11,0.18);
  --resource-badge-remux-text: #fcd34d;
  --resource-badge-webdl-bg: rgba(59,130,246,0.18);
  --resource-badge-webdl-text: #93c5fd;
  --resource-badge-disc-bg: rgba(251,191,36,0.12);
  --resource-badge-disc-text: #fde68a;
  --resource-badge-dv-bg: rgba(139,92,246,0.22);
  --resource-badge-dv-text: #d8b4fe;
  --resource-badge-hdr-bg: rgba(16,185,129,0.16);
  --resource-badge-hdr-text: #86efac;
  --resource-badge-audio-bg: rgba(239,68,68,0.14);
  --resource-badge-audio-text: #fca5a5;
  --resource-badge-hevc-bg: rgba(30,64,175,0.18);
  --resource-badge-hevc-text: #93c5fd;
  --resource-badge-av1-bg: rgba(6,182,212,0.16);
  --resource-badge-av1-text: #67e8f9;
  --resource-badge-lock-bg: rgba(212,160,74,0.16);
  --resource-badge-lock-text: #f3c35d;
  --resource-fact-border: var(--border, rgba(255,255,255,0.06));
  --resource-fact-bg: rgba(255,255,255,0.018);
  --resource-fact-seed-hot-bg: rgba(34,197,94,0.12);
  --resource-fact-seed-hot-border: rgba(34,197,94,0.24);
  --resource-fact-seed-hot-text: #86efac;
  --resource-fact-seed-warm-bg: rgba(212,160,74,0.10);
  --resource-fact-seed-warm-border: rgba(212,160,74,0.22);
  --resource-fact-seed-warm-text: #f3c35d;
  --resource-hub-fact-height: var(--resource-badge-height);
  --resource-hub-fact-padding-inline: var(--space-ui-1);
  --resource-hub-fact-border: transparent;
  --resource-hub-fact-radius: var(--resource-spec-radius);
  --resource-hub-fact-bg: transparent;
  --resource-lock-action-border: rgba(212,160,74,0.30);
  --resource-lock-action-bg: rgba(212,160,74,0.10);
  --resource-lock-action-hover-border: rgba(212,160,74,0.46);
  --resource-lock-action-hover-bg: rgba(212,160,74,0.14);
  /* Shared visual states: opacity and stacking roles. */
  --opacity-hidden: 0;
  --opacity-visible: 1;
  --opacity-disabled: 0.55;
  --opacity-muted: 0.4;
  --opacity-subtle: 0.25;
  --opacity-soft: 0.3;
  --opacity-medium: 0.6;
  --opacity-secondary: 0.68;
  --opacity-backdrop-art: 0.72;
  --opacity-quiet: 0.75;
  --opacity-emphasis: 0.85;
  --opacity-strong: 0.92;
  --opacity-hover: 0.8;
  --layer-base: 0;
  --layer-content: 1;
  --layer-raised: 2;
  --layer-menu: 30;
  --layer-sticky: 40;
  --layer-popover: 50;
  --layer-overlay: 120;
  --layer-overlay-raised: 121;
  --layer-toast: 999;
  --layer-dialog: 1000;
  --motion-duration-instant: 0.01ms;
  --motion-duration-fast: 0.1s;
  --motion-duration-base: 0.15s;
  --motion-duration-spin: 1s;
  --motion-ease-standard: cubic-bezier(.4,0,.2,1);
  --motion-ease-out: cubic-bezier(0,0,.2,1);
  /* Shared visual surfaces and borders. */
  --visual-overlay-modal: rgba(0,0,0,0.66);
  --visual-overlay-page: rgba(10,10,12,0.72);
  --visual-control-wash: rgba(255,255,255,0.03);
  --visual-surface-wash: rgba(255,255,255,0.018);
  --visual-surface-sheen: linear-gradient(135deg, rgba(255,255,255,0.02), rgba(255,255,255,0.005));
  --visual-dialog-surface-soft: linear-gradient(180deg, rgba(212,160,74,0.055), transparent 118px), var(--bg-header);
  --visual-dialog-surface: linear-gradient(180deg, rgba(212,160,74,0.07), transparent 112px), var(--bg-header);
  --visual-highlight-panel: linear-gradient(180deg, rgba(212,160,74,0.08), rgba(212,160,74,0.025));
  --visual-selected-surface: linear-gradient(180deg, rgba(212,160,74,0.12), rgba(212,160,74,0.045)), var(--bg-surface);
  --visual-selected-border: rgba(212,160,74,0.18);
  --visual-input-focus-border: rgba(212,160,74,0.40);
  --visual-input-focus-ring: rgba(212,160,74,0.12);
  --visual-accent-bright: #e2b35d;
  --visual-accent-copy: #f5d08a;
  --visual-border-medium: rgba(255,255,255,0.13);
  --visual-border-soft-medium: rgba(255,255,255,0.11);
  --visual-page-backdrop: linear-gradient(to bottom, rgba(10,10,12,0.36) 0%, rgba(10,10,12,0.84) 58%, #0a0a0c 100%);
  --visual-show-backdrop: linear-gradient(to bottom, rgba(10,10,12,0.3) 0%, #0a0a0c 100%);
  --visual-success-solid: #22c55e;
  --visual-body-solid: #0a0a0c;
  --visual-success-border: rgba(84,190,121,0.26);
  --visual-success-surface: rgba(84,190,121,0.10);
  --visual-dialog-brand-border: rgba(212,160,74,0.28);
  --visual-series-chip-bg: rgba(212,160,74,0.16);
  --visual-series-chip-text: #dfb968;
  --visual-series-chip-border: rgba(212,160,74,0.28);
  --visual-version-locked-border: rgba(212,160,74,0.22);
  --visual-version-locked-surface: linear-gradient(90deg, rgba(212,160,74,0.07), rgba(255,255,255,0.026) 34%, rgba(255,255,255,0.012)), var(--bg-surface);
  --visual-calendar-border: rgba(230,228,224,0.10);
  --visual-calendar-border-hover: rgba(230,228,224,0.16);
  --visual-calendar-surface: rgba(26,26,30,0.72);
  --visual-calendar-surface-hover: rgba(36,36,42,0.82);
  --visual-calendar-card: rgba(24,24,28,0.78);
  --visual-calendar-card-hover: rgba(34,34,39,0.88);
  --visual-calendar-accent-soft: rgba(212,160,74,0.11);
  --visual-calendar-accent-border: rgba(212,160,74,0.26);
  --visual-calendar-accent-hover: rgba(212,160,74,0.15);
  --visual-calendar-accent-hover-border: rgba(212,160,74,0.34);
  --visual-accent-fill-soft: rgba(212,160,74,0.15);
  --visual-accent-fill-strong: rgba(212,160,74,0.25);
  --visual-transparent: transparent;
  /* Document, hub, checkout, and operations-console surfaces. */
  --visual-document-page: radial-gradient(circle at top, rgba(212,160,74,0.14), transparent 35%), linear-gradient(180deg, var(--bg-body) 0%, var(--bg-header) 100%);
  --visual-hub-page: radial-gradient(circle at top, rgba(212,160,74,0.16), transparent 38%), linear-gradient(180deg, var(--bg-body) 0%, var(--bg-header) 100%);
  --visual-document-panel: linear-gradient(180deg, rgba(28,28,34,0.96), rgba(20,20,24,0.96));
  --visual-hub-dialog: linear-gradient(180deg, rgba(32,32,38,0.98), rgba(20,20,24,0.98));
  --visual-hub-selected: linear-gradient(180deg, rgba(212,160,74,0.08), rgba(20,20,24,0.94));
  --visual-hub-selected-border: rgba(212,160,74,0.55);
  --visual-hub-border: rgba(255,255,255,0.1);
  --visual-checkout-border: rgba(212,160,74,0.28);
  --visual-checkout-surface: #171511;
  --visual-checkout-deep: #12110f;
  --visual-checkout-qr: #f4ead8;
  --visual-plan-surface: #111114;
  --visual-plan-border: rgba(212,160,74,0.38);
  --visual-plan-highlight: linear-gradient(180deg, rgba(212,160,74,0.14), rgba(212,160,74,0.045));
  --visual-plan-glass: rgba(17,17,20,0.72);
  --visual-plan-selected-border: rgba(212,160,74,0.72);
  --visual-plan-selected-border-soft: rgba(212,160,74,0.62);
  --visual-plan-selected-surface: linear-gradient(180deg, rgba(212,160,74,0.12), rgba(212,160,74,0.035)), var(--panel);
  --visual-plan-overlay: rgba(0,0,0,0.62);
  --visual-error-surface: #3f1515;
  --visual-error-text: #f87171;
  --visual-error-border: #7f1d1d;
  --status-green: #4ade80;
  --status-blue: #60a5fa;
  --status-blue-hover: #3b82f6;
  --status-blue-active: #2563eb;
  --opacity-faint: 0.42;
  --opacity-half: 0.52;
  --opacity-admin-muted: 0.7;
  --layer-hub-menu: 10;
  /* Operations console palette. */
  --admin-surface: #15130f;
  --admin-surface-deep: #14120f;
  --admin-surface-panel: rgba(24,22,19,0.96);
  --admin-surface-warm: #1c1812;
  --admin-surface-warm-hover: #211c14;
  --admin-surface-selected: #252119;
  --admin-accent-soft: rgba(212,160,74,0.12);
  --admin-accent-faint: rgba(212,160,74,0.05);
  --admin-accent-wash: rgba(212,160,74,0.08);
  --admin-accent-wash-strong: rgba(212,160,74,0.11);
  --admin-accent-border: rgba(212,160,74,0.34);
  --admin-accent-border-medium: rgba(212,160,74,0.45);
  --admin-accent-border-strong: rgba(212,160,74,0.7);
  --admin-accent-border-focus: rgba(212,160,74,0.58);
  --admin-accent-border-32: rgba(212,160,74,0.32);
  --admin-accent-border-subtle: rgba(212,160,74,0.28);
  --admin-accent-border-faint: rgba(212,160,74,0.24);
  --admin-accent-surface-faint: rgba(212,160,74,0.06);
  --admin-accent-text: #171006;
  --admin-grid-line: rgba(56,51,42,0.72);
  --admin-grid-line-strong: rgba(56,51,42,0.8);
  --admin-grid-line-soft: rgba(56,51,42,0.58);
  --admin-chart-grid: linear-gradient(to bottom, rgba(56,51,42,0.42) var(--size-scale-px-1), transparent var(--size-scale-px-1));
  --admin-neutral: #6f6d67;
  --admin-teal: #4fb8a6;
  --admin-blue: #4f86c6;
  --admin-purple: #8e5bb7;
  --admin-teal-text: #66c8b7;
  --admin-blue-text: #78a8df;
  --admin-purple-text: #b58ad2;
  --admin-on-teal: #10201c;
  --admin-on-gold: #241a08;
  --admin-on-error: #2a0b07;
  --admin-error-border: rgba(226,122,104,0.55);
  --admin-error-border-soft: rgba(226,122,104,0.45);
  --admin-error-border-faint: rgba(226,122,104,0.4);
  --admin-error-text: #f1b0a5;
  --admin-warning-border: rgba(226,180,92,0.55);
  --admin-warning-border-soft: rgba(226,180,92,0.45);
  --admin-warning-border-faint: rgba(226,180,92,0.34);
  --admin-warning-border-subtle: rgba(226,180,92,0.28);
  --admin-warning-surface: rgba(226,180,92,0.06);
  --admin-warning-surface-strong: rgba(226,180,92,0.07);
  --admin-warning-text: #e9ca87;
  --admin-success-border: rgba(137,201,130,0.5);
  --admin-success-border-soft: rgba(137,201,130,0.42);
  --admin-success-border-faint: rgba(137,201,130,0.4);
  --admin-success-text: #a9d6a2;
  --admin-teal-border: rgba(79,184,166,0.58);
  --admin-teal-surface: rgba(79,184,166,0.1);
  --admin-title-rule: rgba(238,231,220,0.48);
  --admin-progress: linear-gradient(90deg, rgba(212,160,74,0.55), rgba(137,201,130,0.78));
  --admin-danger-on-solid: #210a06;
  --admin-chart-label-filter: drop-shadow(0 var(--size-scale-px-1) var(--size-scale-px-2) rgba(0,0,0,0.55));
  /* Shared effect roles. */
  --shadow-accent-inset: inset 0 0 0 2px var(--accent);
  --shadow-dialog: 0 22px 72px rgba(0,0,0,0.48);
  --shadow-surface-hairline: inset 0 0 0 1px rgba(255,255,255,0.025);
  --shadow-card-hairline: inset 0 1px 0 rgba(255,255,255,0.025);
  --shadow-card-hairline-strong: inset 0 1px 0 rgba(255,255,255,0.03);
  --shadow-card-hairline-soft: inset 0 1px 0 rgba(255,255,255,0.02);
  --shadow-selected-inset: 0 0 0 1px var(--visual-selected-border) inset;
  --shadow-disabled-focus: 0 0 0 2px var(--accent-soft);
  --shadow-accent-control: 0 0 0 1px rgba(212,160,74,0.16), 0 4px 14px rgba(212,160,74,0.18);
  --shadow-border-ring: 0 0 0 1px var(--border);
  --shadow-input-focus: 0 0 0 2px var(--visual-input-focus-ring);
  --shadow-page-art: 0 8px 32px rgba(0,0,0,0.6);
  --shadow-floating: 0 4px 16px rgba(0,0,0,0.4);
  --shadow-version-locked-rail: inset 3px 0 0 rgba(251,191,36,0.62);
  --shadow-menu: 0 12px 28px rgba(0,0,0,0.32);
  --shadow-category-rail: inset var(--size-scale-px-2) 0 0 var(--cat-accent, transparent);
  --shadow-accent-rail: inset var(--size-scale-px-2) 0 0 var(--accent);
  --shadow-premium-rail: inset var(--size-scale-px-2) 0 0 var(--premium-row-accent);
  --shadow-premium-rail-hover: inset var(--size-scale-px-2) 0 0 var(--premium-row-accent-hover);
  --shadow-status-blue-dot: 0 0 4px var(--status-blue-glow);
  --shadow-status-blue-ring: 0 0 0 2px var(--bg-surface), 0 0 8px var(--status-blue-glow);
  --shadow-search-active: 0 0 0 2px var(--accent-glow), var(--shadow-search-focus);
  --shadow-gold-glow: 0 0 10px var(--overlay-gold-glow);
  --shadow-plan-selected: var(--shadow-selected-inset);
  --shadow-plan-selected-soft: 0 0 0 1px rgba(212,160,74,0.14) inset;
  --shadow-plan-card: 0 0 0 1px rgba(212,160,74,0.2) inset, 0 10px 28px rgba(0,0,0,0.14);
  --shadow-plan-dialog: 0 24px 80px rgba(0,0,0,0.42);
  --shadow-admin-selected: inset 0 0 0 var(--size-scale-px-1) rgba(212,160,74,0.2);
  --shadow-admin-ring: 0 0 0 var(--size-scale-px-1) rgba(212,160,74,0.2);
  --shadow-admin-accent-ring: 0 0 0 var(--size-scale-px-1) var(--accent);
  --shadow-auth-focus: 0 0 0 var(--space-ui-0-5) var(--accent-soft);
  --shadow-none: none;
  --space-person-name-gap: var(--space-ui-1);
  --space-resource-list-inset: var(--space-ui-2);
  --space-resource-meta-separator: var(--space-ui-1);
  --leading-person-name: var(--leading-compact);
  --leading-person-role: var(--leading-meta);
  /* Detail page rhythm: components consume relationships, not numbered pixels. */
  --space-detail-intra: var(--space-ui-1);
  --space-detail-item: var(--space-ui-2);
  --space-detail-group: var(--space-ui-3);
  --space-detail-section: var(--space-ui-4);
  /* Same 12px as --space-card-pad at desktop, but they diverge under the
     mobile breakpoint below (this tracks --space-ui-3's fluid clamp,
     --space-card-pad switches to the separate --space-mobile-card-pad
     scale) -- checked 2026-08-24 and kept distinct on purpose rather than
     merged, since collapsing them would be a real (if small) mobile-width
     visual change to one of the two card families, not a risk-free rename. */
  --space-detail-card-inset: var(--space-ui-3);
  --space-detail-row-block: var(--space-ui-1);
  --space-detail-row-inline: var(--space-ui-2);
  --leading-detail-heading: var(--leading-section);
  --leading-detail-control: 1.15;
  --leading-detail-meta: 1.3;
  --leading-detail-value: 1.4;
  --leading-detail-prose: 1.52;
  --visual-detail-divider: rgba(255,255,255,0.04);
  --size-calendar-poster-width: 44px;
  --size-calendar-poster-height: 66px;
  --size-auth-panel: 20rem;
  --size-notice-panel: 34rem;
  --size-challenge-panel: 26.25rem;
  --size-challenge-widget-min: 4.0625rem;
  --space-auth-panel-pad: var(--space-ui-8);
  --space-challenge-panel-pad: var(--space-ui-7);
  --space-document-page-block: var(--space-ui-8) 0 var(--space-ui-12);
  --space-document-hero-pad: var(--space-ui-6) var(--space-ui-7);
  --space-document-content-pad: var(--space-ui-6) var(--space-ui-7) var(--space-ui-8);
  --space-document-panel-head-pad: var(--space-ui-3-5) var(--space-ui-4-5);
  --space-document-inline-mobile: var(--space-ui-4-5);
  --resource-action-height: 28px;
  --resource-action-icon: 13px;
  --resource-source-min-width: 42px;
  --resource-source-min-height: 22px;
  --resource-kind-min-width: 23px;
  --resource-fact-height: 32px;
  --space-1: var(--space-ui-1);
  --space-2: var(--space-ui-2);
  --space-3: var(--space-ui-3);
  --space-4: var(--space-ui-4);
  --space-5: var(--space-ui-5);
  --space-6: var(--space-ui-6);
  --space-7: var(--space-ui-7);
  --space-8: var(--space-ui-8);
  --space-9: var(--space-ui-9);
  --space-10: var(--space-ui-10);
  --space-11: var(--space-ui-11);
  --space-12: var(--space-ui-12);
  --radius-xs: var(--radius-ui-xs);
  --radius-sm: var(--radius-ui-sm);
  --radius-md: var(--radius-ui-md);
  --radius-lg: var(--radius-ui-lg);
  --control-min: var(--size-control-base);
  --control-compact: var(--size-control-compact);
  --brand-mark-size: var(--size-brand-mark);
  --size-mobile-control: clamp(1.6875rem, 7vw, 1.875rem);
  --size-mobile-lock: clamp(2.4375rem, 10.3vw, 2.6875rem);
  --size-mobile-icon: clamp(.5rem, 2.3vw, .59375rem);
  --size-mobile-action-nudge: clamp(.4375rem, 2vw, .5625rem);
  --size-mobile-poster: clamp(4.875rem, 20.5vw, 5.375rem);
  --size-mobile-avatar: clamp(2.375rem, 10vw, 2.5rem);
  --size-mobile-thumbnail: clamp(1.875rem, 8vw, 2rem);
  --size-mobile-kind-pill: clamp(1.3125rem, 6vw, 1.5rem);
  --size-mobile-row-height: clamp(1.125rem, 5vw, 1.25rem);
  --size-mobile-date-button: clamp(3.25rem, 14vw, 3.75rem);
  --size-mobile-date-label: clamp(5.5rem, 23.5vw, 5.875rem);
  --size-dialog-control: 44px;
  --size-dialog-logo: 34px;
  --size-dialog-action-min: 88px;
  --size-payment-qr-responsive: clamp(11.25rem, 56vw, 13.75rem);
  --space-mobile-gap: clamp(.125rem, 1vw, .3125rem);
  --space-mobile-action-gap: clamp(.125rem, .7vw, .1875rem);
  --space-mobile-card-pad: clamp(.25rem, 1.5vw, .4375rem);
  --space-mobile-gutter: clamp(.5rem, 2.5vw, .75rem);
  --space-card-pad: 12px;
  --space-card-gap: var(--space-dialog-gap);
  --space-section-gap: 18px;
  --space-row-pad-block: 9px;
  --space-row-pad-inline: 14px;
  --size-control: 44px;
  --size-tap-target-min: 44px;
  --size-content-row: 40px;
  --space-dialog-pad: 16px;
  --space-dialog-gap: 10px;
  --space-dialog-card-pad: 11px;
  --radius-mobile-sm: .375rem;
  --radius-mobile-md: .5rem;
  --radius-mobile-lg: .625rem;
}

@media (max-width: 767px) {
  :root {
    /* --type-resource-title / --type-resource-badge moved out of this media block for UI-005
       3a: they're now single continuous clamp()s defined once, unconditionally, above. */
    --type-resource-meta: clamp(.5rem, 2.15vw, .53125rem);
    --type-compact-title: clamp(.53125rem, 2.25vw, .5625rem);
    --type-compact-meta: clamp(.46875rem, 2vw, .5rem);
    --type-compact-label: clamp(.40625rem, 1.75vw, .4375rem);
    --type-dialog-title: var(--type-content-title);
    --type-dialog-copy: var(--type-card-copy);
    --type-dialog-meta: var(--type-meta);
    --type-dialog-price: var(--type-price);
    --size-dialog-control: var(--size-mobile-control);
    --size-dialog-logo: var(--size-mobile-control);
    --size-dialog-action-min: clamp(4.5rem, 19vw, 5rem);
    --space-dialog-pad: clamp(.5rem, 2.8vw, .6875rem);
    --space-dialog-gap: var(--space-mobile-gap);
    --space-dialog-card-pad: var(--space-mobile-card-pad);
  }
}

@media (max-width: 640px) {
  :root {
    --size-scale-px-27: clamp(1.51875rem, 6.9231vw, 1.85625rem);
    --size-scale-px-33: clamp(1.85625rem, 8.4615vw, 2.26875rem);
    --size-scale-px-39: clamp(2.19375rem, 10vw, 2.68125rem);
    --size-scale-px-116: clamp(6.525rem, 29.7436vw, 7.975rem);
    --size-scale-px-360: clamp(20.25rem, 92.3077vw, 24.75rem);
    --size-scale-px-408: clamp(22.95rem, 104.6154vw, 28.05rem);
    --size-scale-px-420: clamp(23.625rem, 107.6923vw, 28.875rem);
    --size-scale-px-432: clamp(24.3rem, 110.7692vw, 29.7rem);
    --size-scale-px-620: clamp(34.875rem, 158.9744vw, 42.625rem);
    --size-scale-px-760: clamp(42.75rem, 194.8718vw, 52.25rem);
    --space-scale-px-23: clamp(1.29375rem, 5.8974vw, 1.58125rem);
    --space-scale-px-33: clamp(1.85625rem, 8.4615vw, 2.26875rem);
    /* Continuous phone-width adaptation; tablet and desktop keep the base scale. */
    --size-scale-px-1: clamp(0.05625rem, 0.2564vw, 0.06875rem);
    --size-scale-px-2: clamp(0.1125rem, 0.5128vw, 0.1375rem);
    --size-scale-px-4: clamp(0.225rem, 1.0256vw, 0.275rem);
    --size-scale-px-5: clamp(0.28125rem, 1.2821vw, 0.34375rem);
    --size-scale-px-6: clamp(0.3375rem, 1.5385vw, 0.4125rem);
    --size-scale-px-7: clamp(0.39375rem, 1.7949vw, 0.48125rem);
    --size-scale-px-8: clamp(0.45rem, 2.0513vw, 0.55rem);
    --size-scale-px-10: clamp(0.5625rem, 2.5641vw, 0.6875rem);
    --size-scale-px-11: clamp(0.61875rem, 2.8205vw, 0.75625rem);
    --size-scale-px-12: clamp(0.675rem, 3.0769vw, 0.825rem);
    --size-scale-px-13: clamp(0.73125rem, 3.3333vw, 0.89375rem);
    --size-scale-px-14: clamp(0.7875rem, 3.5897vw, 0.9625rem);
    --size-scale-px-15: clamp(0.84375rem, 3.8462vw, 1.03125rem);
    --size-scale-px-16: clamp(0.9rem, 4.1026vw, 1.1rem);
    --size-scale-px-17: clamp(0.95625rem, 4.359vw, 1.16875rem);
    --size-scale-px-18: clamp(1.0125rem, 4.6154vw, 1.2375rem);
    --size-scale-px-19: clamp(1.06875rem, 4.8718vw, 1.30625rem);
    --size-scale-px-20: clamp(1.125rem, 5.1282vw, 1.375rem);
    --size-scale-px-21: clamp(1.18125rem, 5.3846vw, 1.44375rem);
    --size-scale-px-22: clamp(1.2375rem, 5.641vw, 1.5125rem);
    --size-scale-px-23: clamp(1.29375rem, 5.8974vw, 1.58125rem);
    --size-scale-px-24: clamp(1.35rem, 6.1538vw, 1.65rem);
    --size-scale-px-26: clamp(1.4625rem, 6.6667vw, 1.7875rem);
    --size-scale-px-28: clamp(1.575rem, 7.1795vw, 1.925rem);
    --size-scale-px-30: clamp(1.6875rem, 7.6923vw, 2.0625rem);
    --size-scale-px-32: clamp(1.8rem, 8.2051vw, 2.2rem);
    --size-scale-px-34: clamp(1.9125rem, 8.7179vw, 2.3375rem);
    --size-scale-px-36: clamp(2.025rem, 9.2308vw, 2.475rem);
    --size-scale-px-38: clamp(2.1375rem, 9.7436vw, 2.6125rem);
    --size-scale-px-40: clamp(2.25rem, 10.2564vw, 2.75rem);
    --size-scale-px-42: clamp(2.3625rem, 10.7692vw, 2.8875rem);
    --size-scale-px-44: clamp(2.475rem, 11.2821vw, 3.025rem);
    --size-scale-px-46: clamp(2.5875rem, 11.7949vw, 3.1625rem);
    --size-scale-px-47: clamp(2.64375rem, 12.0513vw, 3.23125rem);
    --size-scale-px-48: clamp(2.7rem, 12.3077vw, 3.3rem);
    --size-scale-px-50: clamp(2.8125rem, 12.8205vw, 3.4375rem);
    --size-scale-px-52: clamp(2.925rem, 13.3333vw, 3.575rem);
    --size-scale-px-56: clamp(3.15rem, 14.359vw, 3.85rem);
    --size-scale-px-58: clamp(3.2625rem, 14.8718vw, 3.9875rem);
    --size-scale-px-64: clamp(3.6rem, 16.4103vw, 4.4rem);
    --size-scale-px-66: clamp(3.7125rem, 16.9231vw, 4.5375rem);
    --size-scale-px-68: clamp(3.825rem, 17.4359vw, 4.675rem);
    --size-scale-px-70: clamp(3.9375rem, 17.9487vw, 4.8125rem);
    --size-scale-px-72: clamp(4.05rem, 18.4615vw, 4.95rem);
    --size-scale-px-74: clamp(4.1625rem, 18.9744vw, 5.0875rem);
    --size-scale-px-76: clamp(4.275rem, 19.4872vw, 5.225rem);
    --size-scale-px-82: clamp(4.6125rem, 21.0256vw, 5.6375rem);
    --size-scale-px-88: clamp(4.95rem, 22.5641vw, 6.05rem);
    --size-scale-px-90: clamp(5.0625rem, 23.0769vw, 6.1875rem);
    --size-scale-px-92: clamp(5.175rem, 23.5897vw, 6.325rem);
    --size-scale-px-96: clamp(5.4rem, 24.6154vw, 6.6rem);
    --size-scale-px-100: clamp(5.625rem, 25.641vw, 6.875rem);
    --size-scale-px-104: clamp(5.85rem, 26.6667vw, 7.15rem);
    --size-scale-px-106: clamp(5.9625rem, 27.1795vw, 7.2875rem);
    --size-scale-px-110: clamp(6.1875rem, 28.2051vw, 7.5625rem);
    --size-scale-px-128: clamp(7.2rem, 32.8205vw, 8.8rem);
    --size-scale-px-132: clamp(7.425rem, 33.8462vw, 9.075rem);
    --size-scale-px-136: clamp(7.65rem, 34.8718vw, 9.35rem);
    --size-scale-px-138: clamp(7.7625rem, 35.3846vw, 9.4875rem);
    --size-scale-px-140: clamp(7.875rem, 35.8974vw, 9.625rem);
    --size-scale-px-150: clamp(8.4375rem, 38.4615vw, 10.3125rem);
    --size-scale-px-160: clamp(9rem, 41.0256vw, 11rem);
    --size-scale-px-164: clamp(9.225rem, 42.0513vw, 11.275rem);
    --size-scale-px-180: clamp(10.125rem, 46.1538vw, 12.375rem);
    --size-scale-px-190: clamp(10.6875rem, 48.7179vw, 13.0625rem);
    --size-scale-px-196: clamp(11.025rem, 50.2564vw, 13.475rem);
    --size-scale-px-200: clamp(11.25rem, 51.2821vw, 13.75rem);
    --size-scale-px-210: clamp(11.8125rem, 53.8462vw, 14.4375rem);
    --size-scale-px-220: clamp(12.375rem, 56.4103vw, 15.125rem);
    --size-scale-px-222: clamp(12.4875rem, 56.9231vw, 15.2625rem);
    --size-scale-px-224: clamp(12.6rem, 57.4359vw, 15.4rem);
    --size-scale-px-236: clamp(13.275rem, 60.5128vw, 16.225rem);
    --size-scale-px-240: clamp(13.5rem, 61.5385vw, 16.5rem);
    --size-scale-px-250: clamp(14.0625rem, 64.1026vw, 17.1875rem);
    --size-scale-px-260: clamp(14.625rem, 66.6667vw, 17.875rem);
    --size-scale-px-280: clamp(15.75rem, 71.7949vw, 19.25rem);
    --size-scale-px-300: clamp(16.875rem, 76.9231vw, 20.625rem);
    --size-scale-px-320: clamp(18rem, 82.0513vw, 22rem);
    --size-scale-px-380: clamp(21.375rem, 97.4359vw, 26.125rem);
    --size-scale-px-440: clamp(24.75rem, 112.8205vw, 30.25rem);
    --size-scale-px-460: clamp(25.875rem, 117.9487vw, 31.625rem);
    --size-scale-px-480: clamp(27rem, 123.0769vw, 33rem);
    --size-scale-px-520: clamp(29.25rem, 133.3333vw, 35.75rem);
    --size-scale-px-560: clamp(31.5rem, 143.5897vw, 38.5rem);
    --size-scale-px-640: clamp(36rem, 164.1026vw, 44rem);
    --size-scale-px-720: clamp(40.5rem, 184.6154vw, 49.5rem);
    --size-scale-px-780: clamp(43.875rem, 200vw, 53.625rem);
    --size-scale-px-820: clamp(46.125rem, 210.2564vw, 56.375rem);
    --size-scale-px-860: clamp(48.375rem, 220.5128vw, 59.125rem);
    --size-scale-px-900: clamp(50.625rem, 230.7692vw, 61.875rem);
    --size-scale-px-980: clamp(55.125rem, 251.2821vw, 67.375rem);
    --size-scale-px-1040: clamp(58.5rem, 266.6667vw, 71.5rem);
    --size-scale-px-1120: clamp(63rem, 287.1795vw, 77rem);
    --size-scale-px-1180: clamp(66.375rem, 302.5641vw, 81.125rem);
    --size-scale-px-1280: clamp(72rem, 328.2051vw, 88rem);
    --size-scale-px-1680: clamp(94.5rem, 430.7692vw, 115.5rem);
    --space-scale-px-1: clamp(0.05625rem, 0.2564vw, 0.06875rem);
    --space-scale-px-2: clamp(0.1125rem, 0.5128vw, 0.1375rem);
    --space-scale-px-3: clamp(0.16875rem, 0.7692vw, 0.20625rem);
    --space-scale-px-4: clamp(0.225rem, 1.0256vw, 0.275rem);
    --space-scale-px-5: clamp(0.28125rem, 1.2821vw, 0.34375rem);
    --space-scale-px-6: clamp(0.3375rem, 1.5385vw, 0.4125rem);
    --space-scale-px-7: clamp(0.39375rem, 1.7949vw, 0.48125rem);
    --space-scale-px-8: clamp(0.45rem, 2.0513vw, 0.55rem);
    --space-scale-px-9: clamp(0.50625rem, 2.3077vw, 0.61875rem);
    --space-scale-px-10: clamp(0.5625rem, 2.5641vw, 0.6875rem);
    --space-scale-px-11: clamp(0.61875rem, 2.8205vw, 0.75625rem);
    --space-scale-px-12: clamp(0.675rem, 3.0769vw, 0.825rem);
    --space-scale-px-13: clamp(0.73125rem, 3.3333vw, 0.89375rem);
    --space-scale-px-14: clamp(0.7875rem, 3.5897vw, 0.9625rem);
    --space-scale-px-15: clamp(0.84375rem, 3.8462vw, 1.03125rem);
    --space-scale-px-16: clamp(0.9rem, 4.1026vw, 1.1rem);
    --space-scale-px-17: clamp(0.95625rem, 4.359vw, 1.16875rem);
    --space-scale-px-18: clamp(1.0125rem, 4.6154vw, 1.2375rem);
    --space-scale-px-20: clamp(1.125rem, 5.1282vw, 1.375rem);
    --space-scale-px-22: clamp(1.2375rem, 5.641vw, 1.5125rem);
    --space-scale-px-24: clamp(1.35rem, 6.1538vw, 1.65rem);
    --space-scale-px-28: clamp(1.575rem, 7.1795vw, 1.925rem);
    --space-scale-px-30: clamp(1.6875rem, 7.6923vw, 2.0625rem);
    --space-scale-px-32: clamp(1.8rem, 8.2051vw, 2.2rem);
    --space-scale-px-36: clamp(2.025rem, 9.2308vw, 2.475rem);
    --space-scale-px-37: clamp(2.08125rem, 9.4872vw, 2.54375rem);
    --space-scale-px-38: clamp(2.1375rem, 9.7436vw, 2.6125rem);
    --space-scale-px-48: clamp(2.7rem, 12.3077vw, 3.3rem);
    --space-scale-px-56: clamp(3.15rem, 14.359vw, 3.85rem);
    --space-scale-px-64: clamp(3.6rem, 16.4103vw, 4.4rem);
    --space-scale-px-80: clamp(4.5rem, 20.5128vw, 5.5rem);
    --space-scale-rem--5: clamp(0.45rem, 2.0513vw, 0.55rem);
    --space-scale-rem--25: clamp(0.225rem, 1.0256vw, 0.275rem);
    --space-scale-rem--75: clamp(0.675rem, 3.0769vw, 0.825rem);
    --space-scale-rem--125: clamp(0.1125rem, 0.5128vw, 0.1375rem);
    --space-scale-rem--375: clamp(0.3375rem, 1.5385vw, 0.4125rem);
    --space-scale-rem--625: clamp(0.5625rem, 2.5641vw, 0.6875rem);
    --space-scale-rem-0-75: clamp(0.675rem, 3.0769vw, 0.825rem);
    --space-scale-rem-0-375: clamp(0.3375rem, 1.5385vw, 0.4125rem);
    --space-scale-rem-1: clamp(0.9rem, 4.1026vw, 1.1rem);
    --space-scale-rem-1-5: clamp(1.35rem, 6.1538vw, 1.65rem);
    --space-scale-rem-2: clamp(1.8rem, 8.2051vw, 2.2rem);
    --space-scale-rem-3: clamp(2.7rem, 12.3077vw, 3.3rem);
    --space-scale-rem-4: clamp(3.6rem, 16.4103vw, 4.4rem);
    --type-scale-rem--75: clamp(0.675rem, 3.0769vw, 0.825rem);
    --type-scale-rem--875: clamp(0.7875rem, 3.5897vw, 0.9625rem);
    --type-scale-rem-1: clamp(0.9rem, 4.1026vw, 1.1rem);
    --type-scale-rem-1-5: clamp(1.35rem, 6.1538vw, 1.65rem);
    --type-scale-rem-1-25: clamp(1.125rem, 5.1282vw, 1.375rem);
    --type-scale-rem-1-125: clamp(1.0125rem, 4.6154vw, 1.2375rem);
    --type-page-title: clamp(.875rem, 3.7vw, .9375rem);
    --type-content-title: clamp(.8125rem, 3.35vw, .84375rem);
    --type-lead: clamp(.5625rem, 2.35vw, .59375rem);
    --type-section: clamp(.625rem, 2.6vw, .65625rem);
    --type-subsection: clamp(.5625rem, 2.35vw, .59375rem);
    --type-card-title: clamp(.59375rem, 2.5vw, .625rem);
    --type-card-copy: clamp(.53125rem, 2.25vw, .5625rem);
    --type-label: clamp(.4375rem, 1.9vw, .46875rem);
    --type-kicker: clamp(.5rem, 2.15vw, .53125rem);
    --type-meta: clamp(.5rem, 2.15vw, .53125rem);
    --type-control: clamp(.53125rem, 2.25vw, .5625rem);
    --type-value: clamp(.6875rem, 2.85vw, .71875rem);
    --type-price: clamp(.9375rem, 4vw, 1rem);
    --leading-copy: 1.35;
    --leading-meta: 1.3;
    --space-ui-0-5: clamp(.0625rem, .5vw, .125rem);
    --space-ui-1: clamp(.125rem, 1vw, .25rem);
    --space-ui-1-5: clamp(.1875rem, 1.25vw, .3125rem);
    --space-ui-2: clamp(.25rem, 1.5vw, .375rem);
    --space-ui-2-5: clamp(.3125rem, 1.8vw, .4375rem);
    --space-ui-3: clamp(.375rem, 2vw, .5rem);
    --space-ui-3-5: clamp(.4375rem, 2.2vw, .5625rem);
    --space-ui-4: clamp(.5rem, 2.5vw, .625rem);
    --space-ui-4-5: clamp(.5625rem, 2.8vw, .6875rem);
    --space-ui-5: clamp(.625rem, 3vw, .75rem);
    --space-ui-6: clamp(.75rem, 3.5vw, .875rem);
    --space-ui-7: clamp(.875rem, 4vw, 1rem);
    --space-ui-8: clamp(1rem, 4.5vw, 1.125rem);
    --space-ui-9: clamp(1.125rem, 5vw, 1.25rem);
    --space-ui-10: clamp(1.25rem, 5.5vw, 1.375rem);
    --space-ui-11: clamp(1.5rem, 6.5vw, 1.75rem);
    --space-ui-12: clamp(1.75rem, 7.5vw, 2rem);
    --radius-ui-xs: clamp(.1875rem, 1vw, .25rem);
    --radius-ui-sm: clamp(.3125rem, 1.5vw, .375rem);
    --radius-ui-md: clamp(.4375rem, 2vw, .5rem);
    --radius-ui-lg: clamp(.5rem, 2.5vw, .625rem);
    --radius-header-control: var(--radius-ui-sm);
    --radius-header-field: var(--radius-header-control);
    --size-control-base: var(--size-mobile-control);
    --size-control-compact: clamp(1.5rem, 6.2vw, 1.6875rem);
    --size-brand-mark: var(--size-mobile-control);
    --size-icon-sm: var(--size-mobile-icon);
    --size-icon-md: clamp(.5625rem, 2.5vw, .6875rem);
    --resource-list-gap: var(--space-mobile-gap);
    --resource-card-gap: var(--space-mobile-gap);
    /* --resource-card-pad-block / --resource-card-pad-inline moved out of this media block for
       UI-005 3a: they're now single continuous clamp()s defined once, unconditionally, above. */
    --resource-card-hub-kind: var(--size-mobile-kind-pill);
    --resource-card-hub-actions-min: 0px;
    --resource-card-hub-actions-max: 0px;
    --resource-card-hub-min-height: 0px;
    --resource-card-compact-source: clamp(3rem, 13.5vw, 3.375rem);
    --resource-card-compact-gap-row: var(--space-mobile-gap);
    --resource-card-compact-gap-column: var(--space-mobile-card-pad);
    --resource-card-nested-pad-block: var(--space-mobile-card-pad);
    --resource-card-nested-pad-inline: var(--space-mobile-card-pad);
    --resource-badge-height: clamp(.8125rem, 3.6vw, .875rem);
    --resource-spec-radius: clamp(.09375rem, .45vw, .125rem);
    /* --resource-spec-padding-block / --resource-spec-padding-inline moved out of this media
       block for UI-005 3a: they're now single continuous clamp()s defined once, unconditionally,
       above. */
    --space-person-name-gap: var(--space-ui-0-5);
    --space-resource-list-inset: var(--space-mobile-card-pad);
    --space-resource-meta-separator: clamp(.1875rem, 1.5vw, .375rem);
    --space-detail-intra: var(--space-ui-1);
    --space-detail-item: var(--space-ui-2);
    --space-detail-group: var(--space-ui-3);
    --space-detail-section: var(--space-ui-4);
    --space-detail-card-inset: var(--space-ui-3);
    --space-detail-row-block: var(--space-ui-1);
    --space-detail-row-inline: var(--space-ui-2);
    --size-calendar-poster-width: var(--size-mobile-thumbnail);
    --size-calendar-poster-height: auto;
    --space-auth-panel-pad: var(--space-ui-6);
    --space-challenge-panel-pad: var(--space-ui-6);
    --resource-action-height: clamp(1.25rem, 5.6vw, 1.375rem);
    --resource-action-icon: var(--size-mobile-icon);
    --resource-source-min-width: clamp(1.9rem, 8.5vw, 2.2rem);
    --resource-source-min-height: clamp(.9rem, 4vw, 1.05rem);
    --resource-kind-min-width: clamp(1.15rem, 5vw, 1.35rem);
    --resource-fact-height: clamp(.9rem, 4vw, 1rem);
    --space-card-pad: var(--space-mobile-card-pad);
    --space-card-gap: var(--space-mobile-gap);
    --space-section-gap: clamp(.5rem, 2.5vw, .75rem);
    --space-row-pad-block: clamp(.1875rem, 1vw, .25rem);
    --space-row-pad-inline: var(--space-mobile-card-pad);
    --size-control: var(--size-mobile-control);
    --size-content-row: var(--size-mobile-row-height);
  }
}