/* 2026-09-03: gate widened from 16 to 22 scopes. The blog and docs templates
   (.uc-bsp .uc-bcg .uc-bau .uc-dsg .uc-dcg .uc-dsr) shipped LIVE without being
   registered here, so on those pages the shared header widget kept the
   `.uc-f2e{background:var(--background)}` paint from uichemy-f2e.css and showed a
   #F9F9FB strip either side of the pill instead of computing transparent.
   Verified none of the six classes appears on any pre-migration page, so this
   cannot alter an old page. See tools/wp-migration/README.md, "The coloured strip
   behind the shared header". */
/* uichemy-header-fix.css — shared header & footer parity fixes, 2026-09-01.
   Loaded site-wide AFTER uichemy-f2e.css, which is Cloudflare-cached for 30 days and
   so cannot be patched in place. Declarations are copied from React's own compiled CSS
   and from components/uichemy/Nav.tsx. Nothing here is an invented value.

   EVERY rule is gated on
       :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx))
   because the SAME header and footer templates render on the OLD pages too. Verified:
   /figma-to-elementor/ (page 261) carries .uc-f2e on its header and footer and a
   #020202 body — an ungated `body:has(.uc-f2e){background:#fff}` would have turned every
   old page white. The gate matches only a v6 page body. :where() keeps it at zero
   specificity, so the cascade inside the header is exactly React's.

   Consequence to be aware of: the old pages keep the current header behaviour, bugs and
   all. Lifting the gate is a deliberate, separate decision.

   Fixes, in order: (1) 49 utilities the header markup uses that were never emitted —
   this is why grid-cols-4 collapsed the Resources panel to one column, the scrim had no
   dim or blur, and the open-state classes did nothing; (2) the Nav component's inline
   <style>; (3) reverse sticky; (4) the page background behind the translucent bar.
   ========================================================================== */

:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .group-hover\/nav\:-translate-y-full{ &:is(:where(.group\/nav):hover *) { @media (hover: hover) { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .hover\:text-\[var\(--uc-text-strong\)\]{ &:hover { @media (hover: hover) { color: var(--uc-text-strong); } } }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .group-hover\/i\:translate-x-0\.5{ &:is(:where(.group\/i):hover *) { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .tracking-\[0\.04em\]{ --tw-tracking: 0.04em; letter-spacing: 0.04em; }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .hover\:border-\[var\(--uc-border\)\]{ &:hover { @media (hover: hover) { border-color: var(--uc-border); } } }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .hover\:bg-\[var\(--uc-surface-sunken\)\]{ &:hover { @media (hover: hover) { background-color: var(--uc-surface-sunken); } } }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .hover\:text-sprout-color-text-default{ &:hover { @media (hover: hover) { color: var(--color-sprout-color-text-default); } } }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .group-hover\/i\:-translate-y-0\.5{ &:is(:where(.group\/i):hover *) { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .border-b{ border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .lg\:flex{ @media (width >= 64rem) { display: flex; } }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .lg\:hidden{ @media (width >= 64rem) { display: none; } }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .uc-step-visual > div > img:first-child, :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .uc-step-visual > div > .lg\:hidden:first-child + img{ display: none; }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .lg\:block{ @media (width >= 64rem) { display: block; } }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .lg\:-mx-8{ @media (width >= 64rem) { margin-inline: calc(var(--spacing) * -8); } }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .fixed{ position: fixed; }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .py-1{ padding-block: calc(var(--spacing) * 1); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .py-3{ padding-block: calc(var(--spacing) * 3); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .pb-2{ padding-bottom: calc(var(--spacing) * 2); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .pl-1{ padding-left: calc(var(--spacing) * 1); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .sm\:px-5{ @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 5); } }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .bg-white\/70{ background-color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 70%, transparent); } }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .lg\:px-5{ @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 5); } }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .lg\:px-8{ @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 8); } }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .z-\[90\]{ z-index: 90; }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .bg-black\/40{ background-color: color-mix(in srgb, #000 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .backdrop-blur-\[4px\]{ --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .rounded-b-none{ border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) .uc-f2e .border-b-0.border-b-0{ border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
/* NOT :where(.uc-f2e) .border-b-0. That is (0,1,0) and loses to `.uc-f2e .border`
   at (0,2,0) in uichemy-f2e.css, which stays on the bar in BOTH states, so the open
   navbar kept a 1px bottom border across the seam with the mega panel. In React both
   are plain utilities at (0,1,0) and `border-b-0` wins on source order; scoping with a
   descendant prefix instead of :where() inflated the competitor, so the winner has to
   be restored explicitly. Doubled class = (0,3,0), which beats it without depending on
   file order. `rounded-b-none` needs no such help: the JS REMOVES `rounded-b-[20px]`
   when it opens, so that one has no competitor left. */
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .bg-white{ background-color: var(--color-white); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .shadow-\[0_2px_10px_-4px_rgba\(10\, :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) 10\, :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) 10\, :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) \.10\)\]{ --tw-shadow: 0 2px 10px -4px var(--tw-shadow-color, rgba(10,10,10,.10)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .backdrop-blur-xl{ --tw-backdrop-blur: blur(var(--blur-xl)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .backdrop-saturate-150{ --tw-backdrop-saturate: saturate(150%); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .rounded-b-\[20px\]{ border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e)    @font-face{ font-family:"Zalando Sans"; font-style:normal; font-weight:400; font-display:swap; src:url("/fonts/ZalandoSans-Regular.ttf") format("truetype"); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .ds-caption{ font-weight: 500; font-size: 12px; line-height: 18px; letter-spacing: -.16px; color: var(--color-sprout-color-text-weaker); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) #top section, :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) #top .ds-display, :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) #top .ds-h2, :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) #top .ds-t28, :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) #top .ds-t24, :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) #top .ds-lead, :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) #top .ds-body, :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) #top .ds-caption, :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) #top .ds-overline, :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) #top .ds-fine, :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) #top h1, :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) #top h2, :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) #top h3, :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) #top p, :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) #top li{ transition: background-color .55s cubic-bezier(.4, 0, .2, 1), color .55s cubic-bezier(.4, 0, .2, 1), border-color .55s cubic-bezier(.4, 0, .2, 1); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .ds-caption-regular{ font-weight: 400; }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e)   .Button_button__8M0Ui{ --_h: var(--uc-control-h-md); --_px: var(--uc-space-16); --_fs: var(--uc-text-base); display: inline-flex; align-items: center; justify-content: center; gap: var(--uc-space-8); height: var(--_h); padding: 0 var(--_px); font-family: var(--uc-font-sans); font-size: var(--_fs); font-weight: var(--uc-weight-medium); line-height: 1; white-space: nowrap; border: none; border-radius: var(--uc-radius-md); cursor: pointer; user-select: none; position: relative; isolation: isolate; transition: background var(--uc-dur-fast) var(--uc-ease-standard), box-shadow var(--uc-dur-fast) var(--uc-ease-standard), transform var(--uc-dur-fast) var(--uc-ease-standard), color var(--uc-dur-fast) var(--uc-ease-standard); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .Button_button__8M0Ui:focus-visible{ outline: 2px solid var(--uc-ring); outline-offset: 2px; }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .Button_button__8M0Ui:active:not(:disabled){ transform: translateY(0.5px); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .Button_button__8M0Ui:disabled{ opacity: 0.5; cursor: not-allowed; box-shadow: none; }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e)  .Button_solid__hu289.Button_neutral__jwE0u{ color: var(--uc-inverse-fg); background: var(--uc-inverse-bg); box-shadow: var(--uc-shadow-control); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e)  .Button_solid__hu289.Button_neutral__jwE0u:hover:not(:disabled){ background-image: linear-gradient(to bottom, rgba(128, 128, 128, 0.16), rgba(128, 128, 128, 0.16)); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .Button_solid__hu289.Button_neutral__jwE0u:active:not(:disabled){ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.14)); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .Button_outline__Zwmoe.Button_neutral__jwE0u{ color: var(--uc-text-strong); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .Button_md__0_bmU{ --_h: var(--uc-control-h-md); --_px: var(--uc-space-16); --_fs: var(--uc-text-base); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e)  .Button_outline__Zwmoe{ color: var(--_fg, var(--uc-brand-fg)); background: var(--uc-surface-control); background-image: var(--uc-sheen); box-shadow: inset 0 0 0 1px var(--_border, var(--uc-border-subtle)), var(--uc-shadow-raised); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .Button_outline__Zwmoe:hover:not(:disabled){ background-image: var(--uc-sheen), linear-gradient(var(--_glow, var(--uc-brand-glow-hover)), var(--_glow, var(--uc-brand-glow-hover))); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .Button_soft__o47wg .Button_spinner__D8hjY, :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .Button_outline__Zwmoe .Button_spinner__D8hjY, :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .Button_ghost__e52lE .Button_spinner__D8hjY{ color: var(--uc-text); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e)  .Button_solid__hu289{ color: var(--uc-brand-on); background: var(--_fill, var(--uc-brand)); background-image: var(--uc-sheen); box-shadow: var(--_shadow, var(--uc-shadow-control-brand)); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .Button_solid__hu289:hover:not(:disabled){ background-image: linear-gradient(rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)), var(--uc-sheen); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .Button_solid__hu289:active:not(:disabled){ background-image: linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), var(--uc-sheen); box-shadow: var(--uc-shadow-control-pressed); }
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .uc-conv-src{position:absolute;left:4px;top:4px;width:11px;height:11px;
          object-fit:contain;
          
          transform:translate(7.5px,7.5px) scale(1.8182);
          transition:transform .2s cubic-bezier(.4,0,.2,1)}
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .uc-conv-trail{position:absolute;left:2px;bottom:5px;width:13px;height:13px;
          color:#9aa0a6;opacity:0;
          transition:opacity .12s ease}
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .uc-conv-wp{position:absolute;right:4px;bottom:4px;width:19px;height:19px;
          object-fit:contain;opacity:0;transform:scale(.55);
          transition:opacity .14s ease,transform .2s cubic-bezier(.4,0,.2,1)}
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .uc-conv-row:hover .uc-conv-src, :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .uc-conv-row:focus-visible .uc-conv-src{
          transform:none;
          transition:transform .32s cubic-bezier(.23,1,.32,1)}
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .uc-conv-row:hover .uc-conv-wp, :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .uc-conv-row:focus-visible .uc-conv-wp{
          opacity:1;transform:none;
          transition:opacity .22s ease .06s,
                     transform .34s cubic-bezier(.34,1.56,.64,1) .06s}
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .uc-conv-row:hover .uc-conv-trail, :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .uc-conv-row:focus-visible .uc-conv-trail{
          opacity:1;
          transition:opacity .18s ease .26s}
@media (prefers-reduced-motion: reduce){:where(.uc-f2e) .uc-conv-src, :where(.uc-f2e) .uc-conv-trail, :where(.uc-f2e) .uc-conv-wp{transition:none}}
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) .uc-f2e [data-f2e-navhost]{position:fixed;top:0;left:0;right:0}
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) .uichemy-header-1.uc-f2e{min-height:61px;overflow:visible;background-color:transparent}
html:has(.ucx-sec):has(.uc-f2e), html:has(.uicf2w-root), html:has(.uc-f2w), html:has(.uc-f2g), body:has(.ucx-sec), body:has(.uicf2w-root), body:has(.uc-f2w), body:has(.uc-f2g), html:has(.uc-lgl), body:has(.uc-lgl), html:has(.uc-n4f), body:has(.uc-n4f), html:has(.uc-dsg), body:has(.uc-dsg), html:has(.uc-dcg), body:has(.uc-dcg), html:has(.uc-dsr), body:has(.uc-dsr), html:has(.uc-bsp), body:has(.uc-bsp), html:has(.uc-bcg), body:has(.uc-bcg), html:has(.uc-bau), body:has(.uc-bau){background-color:#FFFFFF !important}


/* 5. The old design system's page aurora.
   `.uc-aurora` is a body-level position:fixed overlay defined ONLY in #uichemy-globals:
   three radial gradients in the retired palette — .au-1 rgba(75,34,204) (#4B22CC purple)
   top-left, .au-2 rgba(128,114,252) violet top-right, .au-3 rgba(227,237,93) (#E3ED5D
   lemon) lower centre. At z-index 0 the opaque page sections cover it, but the strip
   either side of the header is not covered, so it tinted exactly that band and the header
   never matched the body. React has no aurora element at all.

   It also explains a blind spot: the globals-independence test walks elements INSIDE the
   page scope, and this sits on <body> outside it, so the test could never see it. The same
   blind spot hid the stray .conv-tip. Body-level nodes need checking separately.

   Hidden on v6 pages only — the old pages are built on this and keep it. */
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) .uc-aurora{display:none}


/* 6. Mobile drawer utilities, added after a corrected re-scan.
   The first scan under-reported because the detector recursed past a rule's own
   selectorText, and Tailwind v4 nests variants INSIDE the class rule
   (`.lg\:flex{@media(width>=64rem){display:flex}}`). Reading selectorText before
   recursing is what surfaced these six, all used only by [data-f2e-drawer], which
   is display:none above the lg breakpoint — so the gap was invisible on desktop.
   Verbatim from React's compiled CSS. */
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .z-\[95\]{z-index:95}
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .overflow-y-auto{overflow-y:auto}
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .pt-\[92px\]{padding-top:92px}
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .pb-8{padding-bottom:calc(var(--spacing) * 8)}
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .gap-1{gap:calc(var(--spacing) * 1)}
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) :where(.uc-f2e) .py-4{padding-block:calc(var(--spacing) * 4)}


/* 7. Button box-shadow on the pages whose own stylesheet scopes with :where().
   Elementor's frontend.min.css ships `.elementor a{box-shadow:none}` at (0,1,1).
   uichemy-f2g/f2b/f2a.css declare the button shadow as
   `:where(.uc-fXX) .Button_solid__hu289{...}` — (0,1,0) — so Elementor wins and both
   CTAs render flat on those three pages. (f2e and f2w already use a plain `.uc-fXX`
   prefix at (0,2,0) and are unaffected.) The tokens resolve fine; the rule just loses.
   Note this is NOT the old globals: Elementor ships the same rule, so deleting
   #uichemy-globals would not have fixed it.

   Declarations copied verbatim from each page's own stylesheet, re-emitted at (0,2,0).
   Only the BASE rules need lifting: the :active and .Button_neutral variants already
   carry enough specificity. No body gate here: these scope classes exist only on v6 pages.

   2026-09-01: .uc-f2c (classic-mode-v6) and .uc-f4a (v4-atomic-v6) added. Both pages were
   migrated after this rule was written and shipped with 15 flat buttons between them.
   The outline ones were the visible damage: an outline button's whole ring is the
   `inset 0 0 0 1px` inside this box-shadow, so suppressing it leaves a plain white box.
   ANY new page scope must be added HERE and to the body:has() gate above, or it silently
   loses every shared fix in this file.

   2026-09-08: .uc-prc (pricing) added to the OUTLINE list only. It had been missing from
   both lists since this section was written, so pricing alone fell back to its page sheet's
   `:where(.uc-prc) .Button_outline__Zwmoe` at (0,1,0) and lost its ring to Elementor's
   `.elementor a{box-shadow:none}` at (0,1,1) -- three flat white CTAs on the plan cards.
   Deliberately NOT added to the SOLID list above: pricing's solid CTA currently resolves
   `--uc-shadow-control` and adding it here would switch it to `--uc-shadow-control-brand`,
   measurably changing it (gains `inset 0 0 0 1px rgba(0,0,0,.14)`). That may well be the
   right call for consistency with the other ten pages, but it is a visible design change
   and was left for a deliberate decision rather than smuggled in with a bug fix. */
.uc-f2g .Button_solid__hu289,
.uc-f2b .Button_solid__hu289,
.uc-f2a .Button_solid__hu289,
.uc-f2c .Button_solid__hu289,
.uc-f4a .Button_solid__hu289,
.uc-awc .Button_solid__hu289,
.uc-awf .Button_solid__hu289,
.uc-ucc .Button_solid__hu289,
.uc-atw .Button_solid__hu289,
.uc-hom .Button_solid__hu289{box-shadow:var(--_shadow, var(--uc-shadow-control-brand))}
.uc-prc .Button_outline__Zwmoe,
.uc-f2g .Button_outline__Zwmoe,
.uc-f2b .Button_outline__Zwmoe,
.uc-f2a .Button_outline__Zwmoe,
.uc-f2c .Button_outline__Zwmoe,
.uc-f4a .Button_outline__Zwmoe,
.uc-awc .Button_outline__Zwmoe,
.uc-awf .Button_outline__Zwmoe,
.uc-ucc .Button_outline__Zwmoe,
.uc-atw .Button_outline__Zwmoe,
.uc-hom .Button_outline__Zwmoe{box-shadow:inset 0 0 0 1px var(--_border, var(--uc-border-subtle)), var(--uc-shadow-raised)}


/* 9. `max-w-none` on an <img>, same Elementor conflict as section 7.
   Elementor's frontend.min.css ships `.elementor img{max-width:100%}` at (0,1,1), which
   beats a page's `:where(.uc-fXX) .max-w-none` at (0,1,0), so an image the design meant to
   overflow its box gets silently capped. Found on pricing-v6 (the studio glow in the cards
   section); currently the only v6 page with `max-w-none` on an img, but the conflict is
   generic, so every :where()-scoped page scope is listed rather than just that one.

   NOT a globals issue: globals' own `img{max-width:100%}` is (0,0,1) and loses to the page
   either way, which is why the globals-independence test passes with this still broken. */
.uc-f2g .max-w-none,
.uc-f2b .max-w-none,
.uc-f2a .max-w-none,
.uc-f2c .max-w-none,
.uc-f4a .max-w-none,
.uc-prc .max-w-none,
.uc-awc .max-w-none,
.uc-hom .max-w-none, .uc-n4f .max-w-none{max-width:none}


/* 10. Header and footer LOGO height. Both render at the SVG's intrinsic 40x178 instead of
   the design's 28px (header) and 30px (footer), so the mobile footer column is 10px tall
   and the header logo 12px too big. Three rules match each logo:

     .elementor img{height:auto}          Elementor frontend.min.css   (0,1,1)
     .uc-f2e img{height:auto}             uichemy-f2e.css ITSELF       (0,1,1)
     .uc-f2e .h-\[28px\]{height:28px}       uichemy-f2e.css              (0,1,0)  <- loses

   Only half of this is Elementor. uichemy-f2e.css ships its own `height:auto` at (0,1,1) —
   the f2b double-class answer applied more broadly than it needed to be — and that beats the
   utility on its own, so removing Elementor would not fix it.

   Re-declared at (0,2,1) via `.uc-f2e img.h-[..]`, which clears both. Width needs nothing:
   `w-auto` is already in effect and follows the corrected height (28px -> 124.594px,
   30px -> 133.5px, matching the React render exactly).

   GATED, unlike sections 7 and 9. The header and footer templates render on OLD pages too,
   where this logo is also 40px; rule 2 says those stay exactly as they are. The body:has()
   gate is the only thing keeping this off them, so do not lift it to a bare selector.
   Any NEW sized image added to the header or footer needs its utility added here. */
/* (0,2,1) was NOT enough. Elementor also emits PER-WIDGET responsive CSS with its element
   class DOUBLED for specificity, three times, one per breakpoint:

     @media (max-width:1024px|768px|480px){
       .elementor-element-ogxiomx.elementor-element-ogxiomx .uichemy-header-1 img{height:auto}
       .elementor-element-lpyu8l3.elementor-element-lpyu8l3 .uichemy-footer-1 img{height:auto}
     }

   That is (0,3,1) and it wins below 1024px, which is exactly why the desktop run looked
   clean and only the 376px run caught this. Media queries add NO specificity, so ONE
   unconditioned rule at (0,4,1) beats all three breakpoints at once. The element ids
   (ogxiomx / lpyu8l3) are per-install and must not be referenced, so this doubles OUR OWN
   wrapper class instead: .uichemy-header-1 twice (0,2,0) + .uc-f2e (0,1,0) + img (0,0,1)
   + .h-[28px] (0,1,0) = (0,4,1). Same trick Elementor is using, applied to a class we own. */
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) .uichemy-header-1.uichemy-header-1.uc-f2e img.h-\[28px\]{height:28px}
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) .uichemy-footer-1.uichemy-footer-1.uc-f2e img.h-\[30px\]{height:30px}


/* 11. Hero CTA note overlapping the secondary button on mobile.
   "No credit card required" is `position:absolute` under the PRIMARY button, so it takes
   no space in flow — while `.cta-row` has `flex-wrap:wrap`. Below the wrap point the
   secondary button ("Download the plugin") rises onto the note's line and they collide.
   Measured on figma-to-elementor-v6 at 376px: note at y=783 h=18 w=145, secondary button
   at y=787 — 14px of vertical overlap across the full width of the note.

   This is a SOURCE bug, not a conversion defect: localhost React overlaps identically.
   Fixed in components/uichemy/figma-to-wordpress.css too, so the two stay in parity.

   Once we are narrow enough to wrap, stack the note under its own button in normal flow;
   the row then pushes the secondary button clear (y=787 -> 813). `translate` is cleared as
   well as `transform` because the markup uses Tailwind's -translate-x-1/2, which in v4
   compiles to the `translate` property — clearing only `transform` leaves the note 73px
   left of its button. Gated: old pages carry .cta-primary too and must not move. */
@media (max-width: 640px) {
  :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) .cta-primary{flex-direction:column;align-items:center}
  :where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) .cta-primary .uc-note{position:static;transform:none;translate:none;margin-top:8px;text-align:center}
}


/* 12. The "how it works" step videos, tablet/mobile.
   Below 860px the pinned #axTrack is hidden and #axStack takes over. Each step is
   .ax-s-frame (a 4px tray) > .ax-s-inner (the 16/10 card) > .ax-m-vid (absolute, inset 0).
   The .ax-s-inner wrapper was MISSING from the markup on figma-to-elementor,
   figma-to-gutenberg, classic-mode and figma-to-wordpress, so the tray had no in-flow
   child, collapsed to its 8px padding, and the video rendered 114px tall OUTSIDE it,
   landing on the next step's text. Measured at 768: frame 714x8 with a 714x114 video.
   The markup is now fixed on all four (and in the React source, which had the same gap).

   uichemy-f2g/f2b/f2a/f2c.css already carry the .ax-s-inner rule. uichemy-f2e.css and
   uichemy-f2w.css do NOT, and f2e.css is loaded site-wide with no ?v= cache buster, so a
   patch there would not reach visitors for 30 days. Declared here instead, values copied
   verbatim from uichemy-f2g.css. Gated: .uc-f2e is also the header/footer on every OLD
   page, which must not change. */
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) .uc-f2e .ax-s-inner,
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) .uc-f2w .ax-s-inner{position:relative;aspect-ratio:16 / 10;border-radius:14px;overflow:hidden;background:var(--mist);border:1px solid var(--cardbd)}


/* 8. Header/footer heading tracking vs the old globals block.
   #uichemy-globals ships `body h1..h6{letter-spacing:-.02em!important}`, which outranks
   the header's own tracking utilities. Only !important beats !important, so each value
   this design already declares is restated at heading specificity. Measured effect
   before this: the mega-menu column headings sat at -0.28px instead of -0.14px.

   This was originally added to PAGE code on 32973 and 33040 only, which left the other
   v6 pages still depending on globals for it. Shared here so every v6 page is covered —
   the page-code copies are now redundant duplicates and can be dropped.
   Values copied from uichemy-f2e.css; nothing invented. */
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) .uc-f2e .ds-t24{letter-spacing:-0.3px !important}
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) .uc-f2e .f2w .ax-h h3{letter-spacing:-0.01em !important}
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) .uc-f2e .tracking-\[-\.03em\]{letter-spacing:-.03em !important}
:where(body:has(.ucx-sec,.uicf2w-root,.uc-f2w,.uc-f2g,.uc-f2b,.uc-f2a,.uc-f2c,.uc-f4a,.uc-prc,.uc-awc,.uc-awf,.uc-ucc,.uc-atw,.uc-hom,.uc-lgl,.uc-spk,.uc-dsg,.uc-dcg,.uc-dsr,.uc-bsp,.uc-bcg,.uc-bau,.uc-n4f,.uc-odx)) .uc-f2e .tracking-\[-0\.01em\]{letter-spacing:-.01em !important}