/*! tailwindcss v4 layer bundle | source: scripts/build-assets.mjs */
/* resources/core/assets/layout.input.css */
body {
  min-height: 100vh;
  margin: 0;
}

:root {
  --ui-public-max-width: clamp(70rem, 92vw, 90rem);
  --ui-public-max-width-wide: clamp(76rem, 94vw, 104rem);
  --ui-public-max-width-narrow: clamp(42rem, 74vw, 60rem);
  --ui-content-width-wide: clamp(64rem, 84vw, 78rem);
  --ui-content-width-default: clamp(48rem, 72vw, 64rem);
  --ui-content-width-narrow: clamp(36rem, 58vw, 48rem);
  --ui-public-gutter: clamp(1rem, 2.4vw, 2rem);
  --ui-public-rail-width: min(var(--ui-public-max-width), calc(100% - (var(--ui-public-gutter) * 2)));
  --ui-public-result-workspace-gap: var(--ui-space-lg);
  --ui-public-result-sidebar-width: clamp(14rem, 18vw, 17.5rem);
  --ui-public-result-main-min-width: 0;
  --ui-public-result-card-summary-min: 14rem;
  --ui-public-result-card-evidence-min: 18rem;
  --ui-public-result-card-signal-min: 7rem;
  --ui-public-inline: max(var(--ui-public-gutter), calc((100% - var(--ui-public-max-width)) / 2));
  --ui-page-component-zone-display: grid;
  --ui-page-component-zone-columns: minmax(0, 1fr);
  --ui-page-component-zone-desktop-columns: minmax(0, 1.35fr) minmax(min(100%, 24rem), 0.65fr);
  --ui-page-component-zone-gap: var(--ui-stack-gap-sm);
  --ui-page-component-zone-width: var(--ui-public-rail-width);
  --ui-page-component-zone-max-width: none;
  --ui-page-component-zone-margin-inline: auto;
  --ui-page-component-zone-padding-inline: 0;
  --ui-page-component-zone-padding-block-start: 0;
  --ui-page-component-zone-align-items: start;
  --ui-page-component-zone-full-item-width: auto;
  --ui-page-component-zone-full-item-max-width: none;
  --ui-page-component-zone-full-item-margin-inline: 0;
  --ui-backend-gutter: clamp(0.875rem, 1.8vw, 1.75rem);
  --ui-shell-public-chrome-height: 8.875rem;
  --ui-shell-protected-chrome-height: 8.125rem;
  --ui-public-topbar-position: static;
  --ui-public-topbar-top: auto;
  --ui-public-topbar-z-index: 30;
  --ui-public-topbar-min-height: 4.375rem;
  --ui-public-topbar-inner-width: var(--ui-public-rail-width);
  --ui-public-topbar-inner-margin-inline: auto;
  --ui-public-topbar-inner-min-height: auto;
  --ui-public-topbar-inner-padding-block: 0;
  --ui-public-topbar-inner-columns: minmax(0, 1fr) auto;
  --ui-public-topbar-inner-areas: "brand actions";
  --ui-public-topbar-inner-desktop-columns: auto minmax(0, 1fr) auto;
  --ui-public-topbar-inner-desktop-areas: "brand nav actions";
  --ui-public-topbar-inner-desktop-align-items: center;
  --ui-public-topbar-inner-align-items: center;
  --ui-public-topbar-inner-gap: var(--ui-public-topbar-gap);
  --ui-public-topbar-inner-column-gap: var(--ui-public-topbar-gap);
  --ui-public-topbar-inner-row-gap: var(--ui-public-topbar-gap);
  --ui-public-topbar-inner-justify-content: stretch;
  --ui-public-menu-top-offset: var(--ui-public-topbar-min-height);
  --ui-public-footer-min-height: var(--ui-dashboard-topbar-height);
  --ui-public-brand-logo-width: clamp(10.5rem, 18vw, 12.75rem);
  --ui-public-brand-logo-height: clamp(2.55rem, 4.8vw, 3.6rem);
  --ui-public-footer-logo-width: min(13.125rem, 60vw);
  --ui-public-footer-logo-height: clamp(2.625rem, 5vw, 3.625rem);
  --ui-public-footer-container-width: var(--ui-public-rail-width);
  --ui-public-footer-container-max-width: none;
  --ui-public-footer-container-margin-inline: auto;
  --ui-public-footer-grid-columns: minmax(0, 1fr);
  --ui-public-footer-grid-desktop-columns: minmax(0, 1.15fr) minmax(12rem, 0.62fr) minmax(18rem, 0.88fr);
  --ui-public-footer-grid-align-items: stretch;
  --ui-public-footer-grid-gap: var(--ui-public-footer-section-gap);
  --ui-public-footer-grid-padding-block: var(--ui-public-footer-padding-block);
  --ui-public-footer-mobile-padding-block: var(--ui-public-footer-padding-block);
  --ui-public-footer-padding-inline: var(--ui-public-inline);
  --ui-public-footer-grid-mobile-gap: var(--ui-public-footer-grid-gap);
  --ui-public-footer-grid-mobile-padding-block: var(--ui-public-footer-grid-padding-block);
  --ui-public-footer-grid-active-columns: var(--ui-public-footer-grid-columns);
  --ui-public-footer-grid-active-gap: var(--ui-public-footer-grid-mobile-gap);
  --ui-public-footer-grid-active-padding-block: var(--ui-public-footer-grid-mobile-padding-block);
  --ui-public-footer-links-list-columns: minmax(0, 1fr);
  --ui-public-footer-links-list-gap: var(--ui-space-2);
  --ui-public-footer-links-list-mobile-columns: var(--ui-public-footer-links-list-columns);
  --ui-public-footer-links-list-mobile-gap: var(--ui-public-footer-links-list-gap);
  --ui-public-footer-links-list-active-columns: var(--ui-public-footer-links-list-mobile-columns);
  --ui-public-footer-links-list-active-gap: var(--ui-public-footer-links-list-mobile-gap);
  --ui-public-footer-link-min-height: var(--ui-control-height);
  --ui-public-footer-link-mobile-min-height: var(--ui-public-footer-link-min-height);
  --ui-public-footer-link-active-min-height: var(--ui-public-footer-link-mobile-min-height);
  --ui-public-footer-link-padding: var(--ui-space-2) var(--ui-space-3);
  --ui-public-footer-link-border: 0;
  --ui-public-footer-link-background: transparent;
  --ui-public-footer-link-font-weight: var(--ui-font-weight-control);
  --ui-public-footer-empty-copy-display: none;
  --ui-public-footer-newsletter-form-gap: var(--ui-stack-gap-xs);
  --ui-public-footer-newsletter-control-columns: minmax(0, 1fr);
  --ui-public-footer-newsletter-button-width: 100%;
  --ui-public-footer-newsletter-button-grid-column: 1 / -1;
  --ui-public-footer-newsletter-mobile-padding: var(--ui-card-padding);
  --ui-public-footer-newsletter-active-padding: var(--ui-public-footer-newsletter-mobile-padding);
  --ui-public-footer-newsletter-active-padding-inline-start: var(--ui-public-footer-newsletter-mobile-padding);
  --ui-public-footer-newsletter-form-mobile-gap: var(--ui-public-footer-newsletter-form-gap, var(--ui-stack-gap-xs));
  --ui-public-footer-newsletter-form-active-gap: var(--ui-public-footer-newsletter-form-mobile-gap);
  --ui-public-footer-newsletter-control-mobile-columns: var(--ui-public-footer-newsletter-control-columns, minmax(0, 1fr));
  --ui-public-footer-newsletter-control-active-columns: var(--ui-public-footer-newsletter-control-mobile-columns);
  --ui-public-footer-newsletter-control-mobile-child-grid-column: auto;
  --ui-public-footer-newsletter-control-active-child-grid-column: var(--ui-public-footer-newsletter-control-mobile-child-grid-column);
  --ui-public-footer-newsletter-button-mobile-width: var(--ui-public-footer-newsletter-button-width, 100%);
  --ui-public-footer-newsletter-button-mobile-min-width: 0;
  --ui-public-footer-newsletter-button-mobile-padding-inline: var(--ui-control-padding-inline);
  --ui-public-footer-newsletter-button-active-grid-column: var(--ui-public-footer-newsletter-button-grid-column, 1 / -1);
  --ui-public-footer-newsletter-button-active-width: var(--ui-public-footer-newsletter-button-mobile-width);
  --ui-public-footer-newsletter-button-active-min-width: var(--ui-public-footer-newsletter-button-mobile-min-width);
  --ui-public-footer-newsletter-button-active-padding-inline: var(--ui-public-footer-newsletter-button-mobile-padding-inline);
  --ui-public-footer-newsletter-button-label-mobile-position: static;
  --ui-public-footer-newsletter-button-label-mobile-width: auto;
  --ui-public-footer-newsletter-button-label-mobile-height: auto;
  --ui-public-footer-newsletter-button-label-mobile-padding: 0;
  --ui-public-footer-newsletter-button-label-mobile-margin: 0;
  --ui-public-footer-newsletter-button-label-mobile-overflow: visible;
  --ui-public-footer-newsletter-button-label-mobile-clip: auto;
  --ui-public-footer-newsletter-button-label-mobile-white-space: normal;
  --ui-public-footer-newsletter-button-label-mobile-border: 0;
  --ui-public-footer-newsletter-button-label-active-position: var(--ui-public-footer-newsletter-button-label-mobile-position);
  --ui-public-footer-newsletter-button-label-active-width: var(--ui-public-footer-newsletter-button-label-mobile-width);
  --ui-public-footer-newsletter-button-label-active-height: var(--ui-public-footer-newsletter-button-label-mobile-height);
  --ui-public-footer-newsletter-button-label-active-padding: var(--ui-public-footer-newsletter-button-label-mobile-padding);
  --ui-public-footer-newsletter-button-label-active-margin: var(--ui-public-footer-newsletter-button-label-mobile-margin);
  --ui-public-footer-newsletter-button-label-active-overflow: var(--ui-public-footer-newsletter-button-label-mobile-overflow);
  --ui-public-footer-newsletter-button-label-active-clip: var(--ui-public-footer-newsletter-button-label-mobile-clip);
  --ui-public-footer-newsletter-button-label-active-white-space: var(--ui-public-footer-newsletter-button-label-mobile-white-space);
  --ui-public-footer-newsletter-button-label-active-border: var(--ui-public-footer-newsletter-button-label-mobile-border);
  --ui-public-footer-newsletter-consent-mobile-font-size: var(--ui-font-size-caption);
  --ui-public-footer-newsletter-consent-mobile-line-height: var(--ui-line-height-body);
  --ui-public-footer-newsletter-consent-active-font-size: var(--ui-public-footer-newsletter-consent-mobile-font-size);
  --ui-public-footer-newsletter-consent-active-line-height: var(--ui-public-footer-newsletter-consent-mobile-line-height);
  --ui-public-footer-bottom-display: flex;
  --ui-public-footer-bottom-flex-wrap: wrap;
  --ui-public-footer-bottom-columns: none;
  --ui-public-footer-bottom-min-height: auto;
  --ui-public-footer-bottom-align-items: flex-start;
  --ui-public-footer-bottom-gap: var(--ui-gap-md);
  --ui-public-footer-bottom-padding-block: var(--ui-gap-md);
  --ui-public-footer-bottom-mobile-display: var(--ui-public-footer-bottom-display);
  --ui-public-footer-bottom-mobile-columns: var(--ui-public-footer-bottom-columns);
  --ui-public-footer-bottom-mobile-align-items: var(--ui-public-footer-bottom-align-items);
  --ui-public-footer-bottom-mobile-gap: var(--ui-public-footer-bottom-gap);
  --ui-public-footer-bottom-mobile-padding-block: var(--ui-public-footer-bottom-padding-block);
  --ui-public-footer-bottom-active-display: var(--ui-public-footer-bottom-mobile-display);
  --ui-public-footer-bottom-active-columns: var(--ui-public-footer-bottom-mobile-columns);
  --ui-public-footer-bottom-active-align-items: var(--ui-public-footer-bottom-mobile-align-items);
  --ui-public-footer-bottom-active-gap: var(--ui-public-footer-bottom-mobile-gap);
  --ui-public-footer-bottom-active-padding-block: var(--ui-public-footer-bottom-mobile-padding-block);
  --ui-public-footer-bottom-border-block-start: 1px solid color-mix(in oklch, var(--ui-color-on-primary) 20%, transparent);
  --ui-public-footer-bottom-color: color-mix(in oklch, var(--ui-color-on-primary) 66%, transparent);
  --ui-public-footer-bottom-nav-display: flex;
  --ui-public-footer-bottom-nav-flex-wrap: wrap;
  --ui-public-footer-bottom-nav-grid-column: auto;
  --ui-public-footer-bottom-nav-columns: none;
  --ui-public-footer-bottom-nav-justify-content: flex-start;
  --ui-public-footer-bottom-nav-gap: var(--ui-gap-xs) var(--ui-gap-md);
  --ui-public-footer-bottom-nav-mobile-display: var(--ui-public-footer-bottom-nav-display);
  --ui-public-footer-bottom-nav-mobile-grid-column: var(--ui-public-footer-bottom-nav-grid-column);
  --ui-public-footer-bottom-nav-mobile-columns: var(--ui-public-footer-bottom-nav-columns);
  --ui-public-footer-bottom-nav-mobile-gap: var(--ui-public-footer-bottom-nav-gap);
  --ui-public-footer-bottom-nav-active-display: var(--ui-public-footer-bottom-nav-mobile-display);
  --ui-public-footer-bottom-nav-active-grid-column: var(--ui-public-footer-bottom-nav-mobile-grid-column);
  --ui-public-footer-bottom-nav-active-columns: var(--ui-public-footer-bottom-nav-mobile-columns);
  --ui-public-footer-bottom-nav-active-gap: var(--ui-public-footer-bottom-nav-mobile-gap);
  --ui-public-footer-locale-inline-size: auto;
  --ui-public-footer-locale-block-size: auto;
  --ui-public-footer-locale-flex: 0 1 auto;
  --ui-public-footer-locale-label-inline-size: auto;
  --ui-public-footer-locale-label-block-size: auto;
  --ui-public-footer-locale-label-display: inline-flex;
  --ui-public-footer-locale-label-place-items: center;
  --ui-public-footer-locale-select-position: static;
  --ui-public-footer-locale-select-inset: auto;
  --ui-public-footer-locale-select-inline-size: auto;
  --ui-public-footer-locale-select-block-size: auto;
  --ui-public-footer-locale-select-opacity: 1;
  --ui-public-footer-locale-select-cursor: auto;
  --ui-public-actions-max-width: min(100%, clamp(14rem, 42vw, 28rem));
  --ui-public-icon-action-display: inline-flex;
  --ui-public-icon-action-place-items: normal;
  --ui-public-menu-nav-display: grid;
  --ui-public-menu-nav-grid-area: auto;
  --ui-public-menu-nav-columns: minmax(0, 1fr);
  --ui-public-menu-nav-width: 100%;
  --ui-public-menu-nav-max-width: min(var(--ui-public-max-width), 100%);
  --ui-public-menu-nav-justify-self: auto;
  --ui-public-menu-nav-justify-content: stretch;
  --ui-public-menu-nav-wrap: wrap;
  --ui-public-menu-nav-gap: var(--ui-space-2);
  --ui-public-nav-item-align: center;
  --ui-public-nav-item-gap: var(--ui-icon-label-gap, var(--ui-control-gap));
  --ui-public-menu-summary-gap: var(--ui-icon-label-gap, var(--ui-control-gap));
  --ui-public-menu-position: relative;
  --ui-public-menu-flex: 0 0 auto;
  --ui-public-menu-min-width: 0;
  --ui-public-menu-width: auto;
  --ui-public-menu-max-width: 100%;
  --ui-public-menu-summary-display: inline-flex;
  --ui-public-menu-summary-align-items: center;
  --ui-public-menu-summary-min-height: var(--ui-control-height-sm);
  --ui-public-menu-summary-padding: 0;
  --ui-public-menu-summary-color: var(--ui-color-muted);
  --ui-public-menu-summary-active-color: var(--ui-color-primary);
  --ui-public-menu-summary-font-size: var(--ui-font-size-body-sm);
  --ui-public-menu-summary-font-weight: var(--ui-font-weight-bold);
  --ui-public-menu-summary-line-height: var(--ui-line-height-tight);
  --ui-public-menu-summary-white-space: nowrap;
  --ui-public-menu-summary-cursor: pointer;
  --ui-public-menu-summary-list-style: none;
  --ui-public-menu-summary-appearance: none;
  --ui-public-menu-panel-position: fixed;
  --ui-public-menu-panel-inset: var(--ui-public-menu-top-offset) 0 auto;
  --ui-public-menu-panel-z-index: 48;
  --ui-public-menu-panel-display: grid;
  --ui-public-menu-panel-closed-display: none;
  --ui-public-menu-panel-open-display: var(--ui-public-menu-panel-display);
  --ui-public-menu-panel-columns: minmax(0, 1fr);
  --ui-public-menu-panel-link-align: center;
  --ui-public-menu-panel-item-gap: var(--ui-icon-label-gap-relaxed, var(--ui-control-gap));
  --ui-public-menu-panel-gap: var(--ui-stack-gap-sm);
  --ui-public-menu-panel-width: 100%;
  --ui-public-menu-panel-box-sizing: border-box;
  --ui-public-menu-panel-max-height: calc(100dvh - var(--ui-public-menu-top-offset));
  --ui-public-menu-panel-overflow-y: auto;
  --ui-public-menu-panel-overscroll-behavior: contain;
  --ui-public-menu-panel-margin-block-start: 0;
  --ui-public-menu-panel-padding: var(--ui-card-padding-md) max(var(--ui-public-gutter), env(safe-area-inset-right)) var(--ui-card-padding-lg) max(var(--ui-public-gutter), env(safe-area-inset-left));
  --ui-public-menu-panel-border-block-start: 0;
  --ui-public-menu-panel-border-block-end: 1px solid color-mix(in oklch, var(--ui-color-border) 82%, transparent);
  --ui-public-menu-panel-border-inline: 0;
  --ui-public-menu-panel-radius-start: 0;
  --ui-public-menu-panel-radius-end: var(--ui-radius-lg);
  --ui-public-menu-panel-background: color-mix(in oklch, var(--ui-color-surface) 98%, transparent);
  --ui-public-menu-panel-shadow: var(--ui-shadow-lg);
  --ui-public-menu-panel-backdrop-filter: var(--ui-backdrop-filter-md);
  --ui-public-menu-panel-link-display: inline-flex;
  --ui-public-menu-panel-link-min-height: var(--ui-size-touch-target);
  --ui-public-menu-panel-link-padding: var(--ui-space-2) var(--ui-control-padding-inline);
  --ui-public-menu-panel-link-border: 1px solid var(--ui-color-border);
  --ui-public-menu-panel-link-radius: var(--ui-radius-md);
  --ui-public-menu-panel-link-background: var(--ui-color-surface);
  --ui-public-menu-panel-link-color: var(--ui-color-text);
  --ui-public-menu-panel-link-font-weight: var(--ui-font-weight-control);
  --ui-public-menu-panel-link-white-space: normal;
  --ui-public-menu-panel-link-hover-background: var(--ui-color-surface-muted);
  --ui-public-menu-panel-link-hover-color: var(--ui-color-text);
  --ui-public-menu-panel-nav-padding: 0;
  --ui-public-menu-panel-nav-border: 0;
  --ui-public-menu-panel-nav-border-block-start: 0;
  --ui-public-menu-panel-nav-radius: 0;
  --ui-public-menu-panel-nav-background: transparent;
  --ui-public-menu-panel-nav-shadow: none;
  --ui-public-submenu-panel-position: static;
  --ui-public-submenu-panel-inset: auto;
  --ui-public-submenu-panel-z-index: auto;
  --ui-public-submenu-panel-display: contents;
  --ui-public-submenu-panel-closed-display: none;
  --ui-public-submenu-panel-open-display: var(--ui-public-submenu-panel-display);
  --ui-public-submenu-panel-columns: minmax(0, 1fr);
  --ui-public-submenu-panel-gap: var(--ui-public-menu-panel-gap);
  --ui-public-submenu-panel-width: auto;
  --ui-public-submenu-panel-padding: 0;
  --ui-public-submenu-panel-border-block-start: 0;
  --ui-public-submenu-panel-border-block-end: 0;
  --ui-public-submenu-panel-border-inline: 0;
  --ui-public-submenu-panel-radius-start: 0;
  --ui-public-submenu-panel-radius-end: 0;
  --ui-public-submenu-panel-background: transparent;
  --ui-public-submenu-panel-shadow: none;
  --ui-public-menu-nav-margin-inline: auto;
  --ui-public-menu-nav-overflow: visible;
  --ui-public-menu-nav-link-width: 100%;
  --ui-public-menu-nav-link-justify: flex-start;
  --ui-public-nav-grid-area: nav;
  --ui-public-nav-width: auto;
  --ui-public-nav-max-width: 100%;
  --ui-public-nav-justify-content: flex-start;
  --ui-public-nav-wrap: wrap;
  --ui-public-nav-align-items: center;
  --ui-public-nav-gap: var(--ui-nav-gap);
  --ui-public-nav-column-gap: var(--ui-public-nav-gap);
  --ui-public-nav-row-gap: var(--ui-public-nav-gap);
  --ui-public-nav-padding: 0;
  --ui-public-nav-border: 0;
  --ui-public-nav-radius: 0;
  --ui-public-nav-background: transparent;
  --ui-public-nav-border-top: 0;
  --ui-public-nav-overflow: visible;
  --ui-public-nav-link-flex: 1 1 min(100%, 9rem);
  --ui-public-nav-link-display: inline-flex;
  --ui-public-nav-link-width: auto;
  --ui-public-nav-link-max-width: 100%;
  --ui-public-nav-link-min-height: var(--ui-size-touch-target);
  --ui-public-nav-link-padding: 0 var(--ui-control-padding-inline);
  --ui-public-nav-link-border: 1px solid transparent;
  --ui-public-nav-link-radius: var(--ui-radius-md);
  --ui-public-nav-link-background: transparent;
  --ui-public-nav-link-font-size: var(--ui-font-size-control);
  --ui-public-nav-link-white-space: nowrap;
  --ui-public-menu-actions-display: grid;
  --ui-public-menu-actions-grid-area: auto;
  --ui-public-menu-actions-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr));
  --ui-public-menu-actions-width: 100%;
  --ui-public-menu-actions-max-width: min(var(--ui-public-max-width), 100%);
  --ui-public-menu-actions-gap: var(--ui-space-2);
  --ui-public-menu-actions-justify: stretch;
  --ui-public-menu-actions-wrap: wrap;
  --ui-public-menu-actions-margin-inline: auto;
  --ui-public-menu-actions-padding-block-start: var(--ui-stack-gap-sm);
  --ui-public-menu-actions-border-block-start: 1px solid var(--ui-color-border);
  --ui-public-menu-actions-overflow: visible;
  --ui-public-menu-action-item-width: 100%;
  --ui-public-menu-action-item-max-width: none;
  --ui-public-menu-icon-action-width: 100%;
  --ui-public-menu-icon-action-justify: flex-start;
  --ui-public-menu-icon-action-padding-inline: var(--ui-control-padding-inline);
  --ui-public-actions-display: flex;
  --ui-public-actions-grid-area: actions;
  --ui-public-actions-align-items: center;
  --ui-public-actions-justify-self: auto;
  --ui-public-actions-justify-content: flex-start;
  --ui-public-actions-wrap: wrap;
  --ui-public-actions-gap: var(--ui-space-1);
  --ui-public-actions-width: auto;
  --ui-public-actions-max-width: 100%;
  --ui-public-actions-overflow: visible;
  --ui-public-actions-border: 0;
  --ui-public-actions-radius: 0;
  --ui-public-actions-background: transparent;
  --ui-public-actions-shadow: none;
  --ui-public-action-min-height: var(--ui-size-touch-target);
  --ui-public-action-height: auto;
  --ui-public-action-min-inline-size: auto;
  --ui-public-action-padding-inline: var(--ui-control-padding-inline);
  --ui-public-action-gap: var(--ui-public-nav-item-gap, var(--ui-control-gap));
  --ui-public-action-border: 1px solid transparent;
  --ui-public-action-background: transparent;
  --ui-public-action-color: var(--ui-color-muted);
  --ui-public-action-radius: var(--ui-radius-md);
  --ui-public-action-font-size: var(--ui-font-size-control);
  --ui-public-action-font-weight: var(--ui-font-weight-control);
  --ui-public-action-line-height: normal;
  --ui-public-action-white-space: nowrap;
  --ui-public-action-label-position: static;
  --ui-public-action-label-inline-size: auto;
  --ui-public-action-label-block-size: auto;
  --ui-public-action-label-padding: 0;
  --ui-public-action-label-margin: 0;
  --ui-public-action-label-overflow: visible;
  --ui-public-action-label-clip: auto;
  --ui-public-action-label-white-space: nowrap;
  --ui-public-action-label-border: 0;
  --ui-public-menu-toggle-grid-area: actions;
  --ui-public-menu-toggle-justify-self: end;
  --ui-public-search-grid-area: search;
  --ui-public-search-display: grid;
  --ui-public-search-columns: minmax(0, 1fr) auto;
  --ui-public-search-align-items: center;
  --ui-public-search-justify-self: stretch;
  --ui-public-search-width: 100%;
  --ui-public-search-max-width: 100%;
  --ui-public-search-min-height: var(--ui-control-height);
  --ui-public-search-gap: var(--ui-space-xs);
  --ui-public-search-padding-inline: var(--ui-space-sm);
  --ui-public-search-border: 1px solid var(--ui-color-border);
  --ui-public-search-radius: var(--ui-radius-md);
  --ui-public-search-background: var(--ui-color-surface);
  --ui-public-search-overflow: visible;
  --ui-public-search-icon-display: inline-flex;
  --ui-public-search-input-color: var(--ui-color-text);
  --ui-public-search-button-size: var(--ui-size-touch-target);
  --ui-public-search-button-padding: 0;
  --ui-public-search-button-radius: var(--ui-radius-sm);
  --ui-public-search-button-display: inline-grid;
  --ui-public-search-button-icon-size: var(--ui-size-icon-sm);
  --ui-public-search-button-label-position: static;
  --ui-public-search-button-label-size: auto;
  --ui-public-search-button-label-overflow: visible;
  --ui-public-search-button-label-clip: auto;
  --ui-icon-label-gap: var(--ui-space-2);
  --ui-icon-label-gap-compact: var(--ui-space-2);
  --ui-icon-label-gap-relaxed: var(--ui-space-3);
  --ui-compact-breakpoint: 48rem;
  --ui-medium-breakpoint: 64rem;
  --ui-wide-breakpoint: 72rem;
}

body[data-shell="public"]:has(.ui-comparison-portal) {
  --ui-public-footer-min-height: auto;
  --ui-public-footer-mobile-padding-block: var(--ui-space-6);
  --ui-public-footer-padding-inline: max(var(--ui-public-gutter), calc((100vw - var(--ui-public-max-width)) / 2));
  --ui-public-footer-container-width: var(--ui-public-rail-width);
  --ui-public-topbar-inner-min-height: clamp(4.75rem, 12vw, 6rem);
  --ui-public-action-min-height: 2.375rem;
  --ui-public-action-height: 2.375rem;
  --ui-public-action-padding-inline: var(--ui-space-sm);
  --ui-public-action-border: 0;
  --ui-public-action-background: transparent;
  --ui-public-action-font-size: var(--ui-font-size-sm);
  --ui-public-action-line-height: var(--ui-line-height-none);
  --ui-public-action-white-space: nowrap;
}

.app-shell {
  min-height: 100vh;
}

.ui-public-main {
  min-height: calc(100vh - var(--ui-shell-public-chrome-height));
}

.ui-backend-root {
  width: var(--ui-public-rail-width);
  margin: 0 auto;
  padding: var(--ui-backend-page-padding-block-start) 0 var(--ui-backend-page-padding-block-end);
}

.ui-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--ui-grid-gap);
  align-items: start;
}

.span-12,
.span-11,
.span-10,
.span-9,
.span-8,
.span-7,
.span-6,
.span-5,
.span-4,
.span-3,
.span-2 {
  grid-column: span 12;
}

@media (min-width: 48rem) {
  .span-7,
  .span-6,
  .span-5,
  .span-4,
  .span-3,
  .span-2 {
    grid-column: span 6;
  }
}

@media (min-width: 64rem) {
  .span-12 {
    grid-column: span 12;
  }

  .span-11 {
    grid-column: span 11;
  }

  .span-10 {
    grid-column: span 10;
  }

  .span-9 {
    grid-column: span 9;
  }

  .span-8 {
    grid-column: span 8;
  }

  .span-7 {
    grid-column: span 7;
  }

  .span-6 {
    grid-column: span 6;
  }

  .span-5 {
    grid-column: span 5;
  }

  .span-4 {
    grid-column: span 4;
  }

  .span-3 {
    grid-column: span 3;
  }

  .span-2 {
    grid-column: span 2;
  }
}

.ui-grid > .ui-kpi-card:not([class*="span-"]),
.ui-grid > .ui-panel:not([class*="span-"]),
.ui-grid > .ui-table-wrap:not([class*="span-"]),
.ui-grid > .ui-record-view:not([class*="span-"]),
.ui-grid > .ui-record-summary:not([class*="span-"]) {
  grid-column: span 12;
}

@media (min-width: 48rem) {
  .ui-grid > .ui-kpi-card:not([class*="span-"]),
  .ui-grid > .ui-panel:not([class*="span-"]),
  .ui-grid > .ui-table-wrap:not([class*="span-"]),
  .ui-grid > .ui-record-view:not([class*="span-"]),
  .ui-grid > .ui-record-summary:not([class*="span-"]) {
    grid-column: span 6;
  }
}

@media (min-width: 64rem) {
  .ui-grid > .ui-kpi-card:not([class*="span-"]),
  .ui-grid > .ui-panel:not([class*="span-"]),
  .ui-grid > .ui-table-wrap:not([class*="span-"]),
  .ui-grid > .ui-record-view:not([class*="span-"]),
  .ui-grid > .ui-record-summary:not([class*="span-"]) {
    grid-column: span 4;
  }
}

.ui-shell-header,
.ui-shell-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ui-shell-gap);
  padding: var(--ui-shell-padding-block) var(--ui-public-inline);
  background: var(--ui-color-surface);
  border-bottom: 1px solid var(--ui-color-border);
}

.ui-shell-footer {
  border-top: 1px solid var(--ui-color-border);
  border-bottom: 0;
}

.ui-shell-main {
  min-height: calc(100vh - var(--ui-shell-protected-chrome-height));
}

.ui-shell-nav,
.ui-app-sidebar nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-nav-gap);
}

.ui-public-topbar {
  position: var(--ui-public-topbar-position);
  top: var(--ui-public-topbar-top);
  z-index: var(--ui-public-topbar-z-index);
  min-height: var(--ui-public-topbar-min-height);
  padding-block: var(--ui-public-topbar-padding-block);
  border-bottom: 1px solid var(--ui-color-border);
  background: color-mix(in oklch, var(--ui-color-surface) 96%, transparent);
  box-shadow: var(--ui-shadow-sm);
}

.ui-public-topbar-inner {
  width: var(--ui-public-topbar-inner-width);
  margin-inline: var(--ui-public-topbar-inner-margin-inline);
  display: grid;
  grid-template-columns: var(--ui-public-topbar-inner-columns);
  grid-template-areas: var(--ui-public-topbar-inner-areas);
  align-items: var(--ui-public-topbar-inner-align-items);
  min-height: var(--ui-public-topbar-inner-min-height);
  padding-block: var(--ui-public-topbar-inner-padding-block);
  gap: var(--ui-public-topbar-inner-gap);
  column-gap: var(--ui-public-topbar-inner-column-gap);
  row-gap: var(--ui-public-topbar-inner-row-gap);
  justify-content: var(--ui-public-topbar-inner-justify-content);
}

.ui-public-topbar,
.ui-public-topbar * {
  min-width: 0;
}

.ui-public-brand,
.ui-public-nav,
.ui-public-actions {
  display: flex;
  align-items: center;
}

.ui-public-brand {
  grid-area: brand;
  gap: var(--ui-control-gap);
  min-height: var(--ui-size-touch-target);
  color: var(--ui-color-text);
  font-weight: var(--ui-font-weight-bold);
}

.ui-public-brand .ui-icon {
  width: var(--ui-size-icon-lg);
  height: var(--ui-size-icon-lg);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  background: color-mix(in oklch, var(--ui-color-primary) 10%, var(--ui-color-surface));
  color: var(--ui-color-primary-strong);
}

.ui-public-brand-logo {
  display: block;
  width: auto;
  max-width: var(--ui-public-brand-logo-width);
  height: var(--ui-public-brand-logo-height);
  object-fit: contain;
}

.ui-public-brand-logo.is-dark {
  display: none;
}

html[data-theme="dark"] .ui-public-brand-logo.is-light {
  display: none;
}

html[data-theme="dark"] .ui-public-brand-logo.is-dark {
  display: block;
}

.ui-public-brand:hover {
  text-decoration: none;
}

.ui-public-nav {
  grid-area: var(--ui-public-nav-grid-area);
  width: var(--ui-public-nav-width);
  max-width: var(--ui-public-nav-max-width);
  align-items: var(--ui-public-nav-align-items);
  justify-content: var(--ui-public-nav-justify-content);
  flex-wrap: var(--ui-public-nav-wrap);
  gap: var(--ui-public-nav-gap);
  column-gap: var(--ui-public-nav-column-gap);
  row-gap: var(--ui-public-nav-row-gap);
  padding: var(--ui-public-nav-padding);
  border: var(--ui-public-nav-border);
  border-radius: var(--ui-public-nav-radius);
  background: var(--ui-public-nav-background);
  border-top: var(--ui-public-nav-border-top);
  min-width: 0;
  overflow-x: var(--ui-public-nav-overflow);
}

.ui-public-nav a,
.ui-public-actions a {
  min-height: var(--ui-size-touch-target);
  display: var(--ui-public-nav-link-display);
  align-items: var(--ui-public-nav-item-align, center);
  gap: var(--ui-public-nav-item-gap, var(--ui-control-gap));
  border: 1px solid transparent;
  border-radius: var(--ui-radius-md);
  color: var(--ui-color-muted);
  padding: 0 var(--ui-control-padding-inline);
  font-size: var(--ui-font-size-control);
  font-weight: var(--ui-font-weight-control);
  white-space: nowrap;
}

.ui-public-nav a {
  flex: var(--ui-public-nav-link-flex);
  width: var(--ui-public-nav-link-width);
  max-width: var(--ui-public-nav-link-max-width);
  min-height: var(--ui-public-nav-link-min-height);
  padding: var(--ui-public-nav-link-padding);
  border: var(--ui-public-nav-link-border);
  border-radius: var(--ui-public-nav-link-radius);
  background: var(--ui-public-nav-link-background);
  font-size: var(--ui-public-nav-link-font-size);
  line-height: var(--ui-line-height-tight);
  white-space: var(--ui-public-nav-link-white-space);
  justify-content: center;
}

.ui-public-nav a:hover,
.ui-public-nav a.is-active,
.ui-public-actions a:hover {
  border-color: var(--ui-color-border);
  background: var(--ui-color-surface-muted);
  color: var(--ui-color-text);
  text-decoration: none;
}

.ui-public-actions a.ui-public-action-primary {
  border-color: var(--ui-theme-brand-accent);
  background: var(--ui-theme-brand-accent);
  color: var(--ui-theme-text-on-accent);
  box-shadow: var(--ui-shadow-primary);
}

.ui-public-actions a.ui-public-action-primary:hover {
  border-color: var(--ui-theme-brand-accent-strong);
  background: var(--ui-theme-brand-accent-strong);
  color: var(--ui-theme-text-on-accent);
}

.ui-public-actions a.ui-public-action-dashboard {
  border-color: var(--ui-color-primary);
  background: var(--ui-color-primary);
  color: var(--ui-color-on-primary);
  box-shadow: var(--ui-shadow-primary);
}

.ui-public-actions a.ui-public-action-dashboard:hover {
  border-color: var(--ui-color-primary-strong);
  background: var(--ui-color-primary-strong);
  color: var(--ui-color-on-primary);
}

.ui-public-actions a.ui-public-action-secondary {
  border-color: var(--ui-color-border);
  background: var(--ui-color-surface);
  color: var(--ui-color-text);
}

.ui-public-actions .ui-locale-switcher {
  flex: 0 0 auto;
}

.ui-public-actions .ui-public-icon-form {
  display: inline-flex;
  flex: 0 0 var(--ui-size-touch-target);
  margin: 0;
}

.ui-public-actions .ui-public-icon-action,
.ui-public-actions .ui-locale-switcher label,
.ui-public-actions .theme-toggle {
  display: var(--ui-public-icon-action-display, inline-flex);
  width: var(--ui-size-touch-target);
  min-width: var(--ui-size-touch-target);
  height: var(--ui-size-touch-target);
  min-height: var(--ui-size-touch-target);
  place-items: var(--ui-public-icon-action-place-items, normal);
  justify-content: center;
  border-color: transparent;
  background: transparent;
  color: var(--ui-color-muted);
  padding: 0;
  box-shadow: none;
}

.ui-public-actions .ui-public-icon-action:hover,
.ui-public-actions .ui-public-icon-action:focus-visible,
.ui-public-actions .ui-locale-switcher label:hover,
.ui-public-actions .ui-locale-switcher label:focus-within,
.ui-public-actions .theme-toggle:hover,
.ui-public-actions .theme-toggle:focus-visible {
  border-color: transparent;
  background: color-mix(in oklch, var(--ui-color-primary) 8%, transparent);
  color: var(--ui-color-primary-strong);
  text-decoration: none;
}

.ui-public-actions .ui-locale-switcher label:hover,
.ui-public-actions .ui-locale-switcher label:focus-within {
  border-color: transparent;
}

.ui-public-actions {
  display: var(--ui-public-actions-display);
  grid-area: var(--ui-public-actions-grid-area);
  align-items: var(--ui-public-actions-align-items);
  justify-self: var(--ui-public-actions-justify-self);
  justify-content: var(--ui-public-actions-justify-content);
  flex-wrap: var(--ui-public-actions-wrap);
  gap: var(--ui-public-actions-gap);
  width: var(--ui-public-actions-width);
  max-width: var(--ui-public-actions-max-width);
  min-width: 0;
  overflow-x: var(--ui-public-actions-overflow);
  border: var(--ui-public-actions-border);
  border-radius: var(--ui-public-actions-radius);
  background: var(--ui-public-actions-background);
  box-shadow: var(--ui-public-actions-shadow);
}

.ui-public-actions a {
  min-height: var(--ui-public-action-min-height);
  height: var(--ui-public-action-height);
  min-inline-size: var(--ui-public-action-min-inline-size);
  padding-inline: var(--ui-public-action-padding-inline);
  gap: var(--ui-public-action-gap);
  border: var(--ui-public-action-border);
  background: var(--ui-public-action-background);
  color: var(--ui-public-action-color);
  border-radius: var(--ui-public-action-radius);
  font-size: var(--ui-public-action-font-size);
  font-weight: var(--ui-public-action-font-weight);
  line-height: var(--ui-public-action-line-height);
  white-space: var(--ui-public-action-white-space);
}

.ui-public-actions .ui-public-action-link span {
  position: var(--ui-public-action-label-position);
  inline-size: var(--ui-public-action-label-inline-size);
  block-size: var(--ui-public-action-label-block-size);
  padding: var(--ui-public-action-label-padding);
  margin: var(--ui-public-action-label-margin);
  overflow: var(--ui-public-action-label-overflow);
  clip: var(--ui-public-action-label-clip);
  white-space: var(--ui-public-action-label-white-space);
  border: var(--ui-public-action-label-border);
}

.ui-public-search {
  grid-area: var(--ui-public-search-grid-area);
  display: var(--ui-public-search-display);
  grid-template-columns: var(--ui-public-search-columns);
  align-items: var(--ui-public-search-align-items);
  justify-self: var(--ui-public-search-justify-self);
  width: var(--ui-public-search-width);
  max-width: var(--ui-public-search-max-width);
  min-height: var(--ui-public-search-min-height);
  gap: var(--ui-public-search-gap);
  padding-inline: var(--ui-public-search-padding-inline);
  border: var(--ui-public-search-border);
  border-radius: var(--ui-public-search-radius);
  background: var(--ui-public-search-background);
  overflow: var(--ui-public-search-overflow);
}

.ui-public-search > .ui-icon {
  display: var(--ui-public-search-icon-display);
}

.ui-public-search input {
  min-width: 0;
  border: 0;
  outline: 0;
  padding-inline: 0;
  background: transparent;
  color: var(--ui-public-search-input-color);
}

.ui-public-search .ui-btn {
  inline-size: var(--ui-public-search-button-size);
  min-inline-size: var(--ui-public-search-button-size);
  max-inline-size: var(--ui-public-search-button-size);
  block-size: var(--ui-public-search-button-size);
  min-block-size: var(--ui-public-search-button-size);
  padding: var(--ui-public-search-button-padding);
  border-radius: var(--ui-public-search-button-radius);
  display: var(--ui-public-search-button-display);
  place-items: center;
}

.ui-public-search .ui-btn .ui-icon {
  inline-size: var(--ui-public-search-button-icon-size);
  block-size: var(--ui-public-search-button-icon-size);
  flex: 0 0 var(--ui-public-search-button-icon-size);
}

.ui-public-search .ui-btn span:not(.ui-icon) {
  position: var(--ui-public-search-button-label-position);
  inline-size: var(--ui-public-search-button-label-size);
  block-size: var(--ui-public-search-button-label-size);
  overflow: var(--ui-public-search-button-label-overflow);
  clip: var(--ui-public-search-button-label-clip);
  white-space: nowrap;
}

.ui-public-menu {
  position: var(--ui-public-menu-position);
  flex: var(--ui-public-menu-flex);
  min-width: var(--ui-public-menu-min-width);
  width: var(--ui-public-menu-width);
  max-width: var(--ui-public-menu-max-width);
}

.ui-public-menu summary {
  display: var(--ui-public-menu-summary-display);
  align-items: var(--ui-public-menu-summary-align-items);
  gap: var(--ui-public-menu-summary-gap);
  min-height: var(--ui-public-menu-summary-min-height);
  padding: var(--ui-public-menu-summary-padding);
  color: var(--ui-public-menu-summary-color);
  font-size: var(--ui-public-menu-summary-font-size);
  font-weight: var(--ui-public-menu-summary-font-weight);
  line-height: var(--ui-public-menu-summary-line-height);
  white-space: var(--ui-public-menu-summary-white-space);
  cursor: var(--ui-public-menu-summary-cursor);
  list-style: var(--ui-public-menu-summary-list-style);
  list-style-type: var(--ui-public-menu-summary-list-style);
  appearance: var(--ui-public-menu-summary-appearance);
}

.ui-public-menu summary::marker {
  content: "";
  font-size: 0;
}

.ui-public-menu summary::-webkit-details-marker {
  display: none;
}

.ui-public-menu[open] summary,
.ui-public-menu summary:hover {
  color: var(--ui-public-menu-summary-active-color);
}

.ui-public-topbar-inner > .ui-public-nav,
.ui-public-topbar-inner > .ui-public-actions {
  display: none;
}

.ui-public-menu-toggle {
  grid-area: var(--ui-public-menu-toggle-grid-area);
  justify-self: var(--ui-public-menu-toggle-justify-self);
  width: var(--ui-size-touch-target);
  min-width: var(--ui-size-touch-target);
  height: var(--ui-size-touch-target);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-color-surface);
  color: var(--ui-color-text);
  box-shadow: var(--ui-shadow-sm);
}

.ui-public-menu-toggle:hover,
.ui-public-menu-toggle:focus-visible {
  border-color: color-mix(in oklch, var(--ui-color-primary) 34%, var(--ui-color-border));
  background: color-mix(in oklch, var(--ui-color-primary) 10%, var(--ui-color-surface));
  color: var(--ui-color-primary-strong);
}

@media (min-width: 48rem) {
  .ui-public-topbar {
    position: sticky;
    top: 0;
  }
}

.ui-public-topbar {
  z-index: 45;
}

body[data-ui-public-menu-lock="true"] {
  overflow: hidden;
}

body[data-ui-public-menu-lock="true"]::before {
  content: "";
  position: fixed;
  inset: var(--ui-public-menu-top-offset) 0 0;
  z-index: 47;
  background: color-mix(in oklch, var(--ui-color-text) 34%, transparent);
}

.ui-public-topbar-inner {
  position: relative;
  grid-template-columns: var(--ui-public-topbar-inner-columns);
  grid-template-areas: var(--ui-public-topbar-inner-areas);
  align-items: center;
}

.ui-public-menu-panel {
  position: var(--ui-public-menu-panel-position);
  inset: var(--ui-public-menu-panel-inset);
  z-index: var(--ui-public-menu-panel-z-index);
  display: var(--ui-public-menu-panel-display);
  grid-template-columns: var(--ui-public-menu-panel-columns);
  gap: var(--ui-public-menu-panel-gap);
  width: var(--ui-public-menu-panel-width);
  box-sizing: var(--ui-public-menu-panel-box-sizing);
  max-height: var(--ui-public-menu-panel-max-height);
  overflow-y: var(--ui-public-menu-panel-overflow-y);
  overscroll-behavior: var(--ui-public-menu-panel-overscroll-behavior);
  margin-block-start: var(--ui-public-menu-panel-margin-block-start);
  padding: var(--ui-public-menu-panel-padding);
  border-block-start: var(--ui-public-menu-panel-border-block-start);
  border-block-end: var(--ui-public-menu-panel-border-block-end);
  border-inline: var(--ui-public-menu-panel-border-inline);
  border-start-start-radius: var(--ui-public-menu-panel-radius-start);
  border-start-end-radius: var(--ui-public-menu-panel-radius-start);
  border-end-start-radius: var(--ui-public-menu-panel-radius-end);
  border-end-end-radius: var(--ui-public-menu-panel-radius-end);
  background: var(--ui-public-menu-panel-background);
  box-shadow: var(--ui-public-menu-panel-shadow);
  backdrop-filter: var(--ui-public-menu-panel-backdrop-filter);
}

.ui-public-menu-panel[data-state="closed"] {
  display: var(--ui-public-menu-panel-closed-display);
}

.ui-public-menu-panel[data-state="open"] {
  display: var(--ui-public-menu-panel-open-display);
}

.ui-public-menu-panel .ui-public-nav {
  display: var(--ui-public-menu-nav-display, grid);
  grid-area: var(--ui-public-menu-nav-grid-area, auto);
  grid-template-columns: var(--ui-public-menu-nav-columns, minmax(0, 1fr));
  width: var(--ui-public-menu-nav-width, 100%);
  max-width: var(--ui-public-menu-nav-max-width, min(var(--ui-public-max-width), 100%));
  justify-self: var(--ui-public-menu-nav-justify-self, auto);
  justify-content: var(--ui-public-menu-nav-justify-content, stretch);
  flex-wrap: var(--ui-public-menu-nav-wrap, wrap);
  gap: var(--ui-public-menu-nav-gap, var(--ui-space-2));
  margin-inline: var(--ui-public-menu-nav-margin-inline, auto);
  overflow: var(--ui-public-menu-nav-overflow, visible);
  padding: var(--ui-public-menu-panel-nav-padding);
  border: var(--ui-public-menu-panel-nav-border);
  border-block-start: var(--ui-public-menu-panel-nav-border-block-start);
  border-radius: var(--ui-public-menu-panel-nav-radius);
  background: var(--ui-public-menu-panel-nav-background);
  box-shadow: var(--ui-public-menu-panel-nav-shadow);
}

.ui-public-menu-panel .ui-public-nav a {
  width: var(--ui-public-menu-nav-link-width, 100%);
  align-items: var(--ui-public-menu-panel-link-align, center);
  justify-content: var(--ui-public-menu-nav-link-justify, flex-start);
}

.ui-public-menu-group {
  display: var(--ui-public-menu-group-display, grid);
  min-width: 0;
  gap: var(--ui-public-menu-group-gap, var(--ui-space-1));
  padding: var(--ui-public-menu-group-padding, 0);
  border-block-start: var(--ui-public-menu-group-border-block-start, 0);
  background: var(--ui-public-menu-group-background, transparent);
}

.ui-public-menu-panel a {
  display: var(--ui-public-menu-panel-link-display);
  align-items: var(--ui-public-menu-panel-link-align, center);
  gap: var(--ui-public-menu-panel-item-gap, var(--ui-gap-xs));
  min-height: var(--ui-public-menu-panel-link-min-height);
  padding: var(--ui-public-menu-panel-link-padding);
  border: var(--ui-public-menu-panel-link-border);
  border-radius: var(--ui-public-menu-panel-link-radius);
  background: var(--ui-public-menu-panel-link-background);
  color: var(--ui-public-menu-panel-link-color);
  font-weight: var(--ui-public-menu-panel-link-font-weight);
  white-space: var(--ui-public-menu-panel-link-white-space);
}

.ui-public-menu-panel a:hover {
  background: var(--ui-public-menu-panel-link-hover-background);
  color: var(--ui-public-menu-panel-link-hover-color);
}

.ui-public-menu-panel .ui-public-actions a {
  min-height: var(--ui-public-action-min-height);
  height: var(--ui-public-action-height);
  min-inline-size: var(--ui-public-action-min-inline-size);
  padding-inline: var(--ui-public-action-padding-inline);
  gap: var(--ui-public-action-gap);
  border: var(--ui-public-action-border);
  border-radius: var(--ui-public-action-radius);
  background: var(--ui-public-action-background);
  color: var(--ui-public-action-color);
  font-size: var(--ui-public-action-font-size);
  font-weight: var(--ui-public-action-font-weight);
  line-height: var(--ui-public-action-line-height);
  white-space: var(--ui-public-action-white-space);
}

.ui-public-menu-panel a > span {
  display: grid;
  min-width: 0;
  gap: var(--ui-space-1);
}

.ui-public-menu-panel a strong,
.ui-public-menu-panel a small {
  overflow-wrap: anywhere;
  line-height: var(--ui-line-height-tight);
}

.ui-public-menu-panel a strong {
  color: currentColor;
  font-size: var(--ui-font-size-control);
  font-weight: var(--ui-font-weight-black);
}

.ui-public-menu-panel a small {
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-caption);
  font-weight: var(--ui-font-weight-medium);
}

.ui-public-menu-panel .ui-public-actions {
  display: var(--ui-public-menu-actions-display, grid);
  grid-area: var(--ui-public-menu-actions-grid-area, auto);
  grid-template-columns: var(--ui-public-menu-actions-columns, repeat(auto-fit, minmax(min(100%, 11rem), 1fr)));
  width: var(--ui-public-menu-actions-width, 100%);
  max-width: var(--ui-public-menu-actions-max-width, min(var(--ui-public-max-width), 100%));
  gap: var(--ui-public-menu-actions-gap, var(--ui-space-2));
  justify-content: var(--ui-public-menu-actions-justify, stretch);
  flex-wrap: var(--ui-public-menu-actions-wrap, wrap);
  margin-inline: var(--ui-public-menu-actions-margin-inline, auto);
  padding-block-start: var(--ui-public-menu-actions-padding-block-start, var(--ui-stack-gap-sm));
  border-block-start: var(--ui-public-menu-actions-border-block-start, 1px solid var(--ui-color-border));
  overflow: var(--ui-public-menu-actions-overflow, visible);
}

.ui-public-menu-panel .ui-public-actions > *,
.ui-public-menu-panel .ui-public-actions a,
.ui-public-menu-panel .ui-public-icon-form,
.ui-public-menu-panel .ui-locale-switcher,
.ui-public-menu-panel .theme-toggle {
  width: var(--ui-public-menu-action-item-width, 100%);
  max-width: var(--ui-public-menu-action-item-max-width, none);
}

.ui-public-menu-panel .ui-public-icon-action,
.ui-public-menu-panel .theme-toggle,
.ui-public-menu-panel .ui-public-icon-form button,
.ui-public-menu-panel .ui-locale-switcher label {
  width: var(--ui-public-menu-icon-action-width, 100%);
  justify-content: var(--ui-public-menu-icon-action-justify, flex-start);
  padding-inline: var(--ui-public-menu-icon-action-padding-inline, var(--ui-control-padding-inline));
}

@media (min-width: 72rem) {
  .ui-public-topbar-inner {
    --ui-public-topbar-inner-columns: var(--ui-public-topbar-inner-desktop-columns);
    --ui-public-topbar-inner-areas: var(--ui-public-topbar-inner-desktop-areas);
    --ui-public-topbar-inner-align-items: var(--ui-public-topbar-inner-desktop-align-items);
  }

  .ui-public-nav {
    width: max-content;
    max-width: 100%;
    justify-self: end;
    justify-content: flex-end;
    flex-wrap: nowrap;
    overflow-x: visible;
  }

  .ui-public-nav a {
    flex: 0 0 auto;
  }

  .ui-public-actions {
    width: max-content;
    max-width: 100%;
    justify-content: flex-end;
    flex-wrap: nowrap;
    overflow-x: visible;
  }

  .ui-public-menu-toggle {
    display: none;
  }

  body[data-ui-public-menu-lock="true"] {
    overflow: auto;
  }

  body[data-ui-public-menu-lock="true"]::before {
    content: none;
  }

  .ui-public-menu-panel {
    --ui-public-menu-panel-padding: 0;
    --ui-public-menu-panel-border-block-start: 0;
    --ui-public-menu-panel-border-block-end: 0;
    --ui-public-menu-panel-border-inline: 0;
    --ui-public-menu-panel-radius-start: 0;
    --ui-public-menu-panel-radius-end: 0;
    --ui-public-menu-panel-background: transparent;
    --ui-public-menu-panel-shadow: none;
    --ui-public-menu-panel-backdrop-filter: none;
    --ui-public-menu-nav-display: flex;
    --ui-public-menu-nav-grid-area: nav;
    --ui-public-menu-nav-width: max-content;
    --ui-public-menu-nav-max-width: none;
    --ui-public-menu-nav-justify-self: end;
    --ui-public-menu-nav-justify-content: flex-end;
    --ui-public-menu-nav-wrap: nowrap;
    --ui-public-menu-nav-gap: var(--ui-nav-gap);
    --ui-public-menu-nav-margin-inline: 0;
    --ui-public-menu-nav-overflow: visible;
    --ui-public-menu-nav-link-width: auto;
    --ui-public-menu-nav-link-justify: center;
    --ui-public-menu-actions-display: flex;
    --ui-public-menu-actions-grid-area: actions;
    --ui-public-menu-actions-width: max-content;
    --ui-public-menu-actions-max-width: none;
    --ui-public-menu-actions-gap: var(--ui-space-1);
    --ui-public-menu-actions-justify: flex-end;
    --ui-public-menu-actions-wrap: nowrap;
    --ui-public-menu-actions-margin-inline: 0;
    --ui-public-menu-actions-padding-block-start: 0;
    --ui-public-menu-actions-border-block-start: 0;
    --ui-public-menu-actions-overflow: visible;
    --ui-public-menu-action-item-width: auto;
    --ui-public-menu-action-item-max-width: 100%;
    --ui-public-menu-icon-action-width: var(--ui-size-touch-target);
    --ui-public-menu-icon-action-justify: center;
    --ui-public-menu-icon-action-padding-inline: 0;
    --ui-public-menu-panel-position: static;
    --ui-public-menu-panel-inset: auto;
    --ui-public-menu-panel-z-index: auto;
    --ui-public-menu-panel-display: contents;
    --ui-public-menu-panel-open-display: contents;
    --ui-public-menu-panel-closed-display: contents;
    --ui-public-menu-panel-width: auto;
    --ui-public-menu-panel-max-height: none;
    --ui-public-menu-panel-overflow-y: visible;
    --ui-public-submenu-panel-position: static;
    --ui-public-submenu-panel-inset: auto;
    --ui-public-submenu-panel-z-index: auto;
    --ui-public-submenu-panel-display: contents;
    --ui-public-submenu-panel-open-display: contents;
    --ui-public-submenu-panel-closed-display: none;
  }

  .ui-public-menu > .ui-public-menu-panel {
    position: var(--ui-public-submenu-panel-position);
    inset: var(--ui-public-submenu-panel-inset);
    z-index: var(--ui-public-submenu-panel-z-index);
    display: var(--ui-public-submenu-panel-display);
    grid-template-columns: var(--ui-public-submenu-panel-columns);
    gap: var(--ui-public-submenu-panel-gap);
    width: var(--ui-public-submenu-panel-width);
    padding: var(--ui-public-submenu-panel-padding);
    border-block-start: var(--ui-public-submenu-panel-border-block-start);
    border-block-end: var(--ui-public-submenu-panel-border-block-end);
    border-inline: var(--ui-public-submenu-panel-border-inline);
    border-start-start-radius: var(--ui-public-submenu-panel-radius-start);
    border-start-end-radius: var(--ui-public-submenu-panel-radius-start);
    border-end-start-radius: var(--ui-public-submenu-panel-radius-end);
    border-end-end-radius: var(--ui-public-submenu-panel-radius-end);
    background: var(--ui-public-submenu-panel-background);
    box-shadow: var(--ui-public-submenu-panel-shadow);
  }

  .ui-public-menu:not([open]) > .ui-public-menu-panel {
    display: var(--ui-public-submenu-panel-closed-display);
  }

  .ui-public-menu[open] > .ui-public-menu-panel {
    display: var(--ui-public-submenu-panel-open-display);
  }

  .ui-public-topbar-inner > .ui-public-nav,
  .ui-public-topbar-inner > .ui-public-actions {
    display: flex;
  }
}

.ui-public-actions a,
.ui-public-actions .ui-locale-switcher,
.ui-public-actions .ui-public-icon-form,
.ui-public-actions .theme-toggle {
  flex: 0 1 auto;
}

.ui-public-actions .ui-locale-switcher,
.ui-public-actions .ui-public-icon-form,
.ui-public-actions .theme-toggle {
  flex-basis: var(--ui-size-touch-target);
}

.ui-public-footer {
  min-height: var(--ui-public-footer-min-height);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--ui-public-footer-gap);
  padding: var(--ui-public-footer-mobile-padding-block) var(--ui-public-footer-padding-inline);
  border-top: 1px solid var(--ui-color-border);
  background: var(--ui-color-surface);
  color: var(--ui-color-muted);
}

.ui-public-footer > span:first-child {
  color: var(--ui-color-text);
  font-weight: var(--ui-font-weight-bold);
}

.ui-public-footer-rich {
  display: block;
  padding: 0;
  border-top-color: var(--ui-footer-border);
  background: var(--ui-footer-bg);
  color: var(--ui-footer-text);
}

.ui-public-footer-grid {
  display: grid;
  grid-template-columns: var(--ui-public-footer-grid-active-columns);
  align-items: var(--ui-public-footer-grid-align-items);
  gap: var(--ui-public-footer-grid-active-gap);
  width: var(--ui-public-footer-container-width);
  max-width: var(--ui-public-footer-container-max-width);
  margin-inline: var(--ui-public-footer-container-margin-inline);
  padding-block: var(--ui-public-footer-grid-active-padding-block);
}

.ui-public-footer-inner {
  width: var(--ui-public-footer-container-width);
  max-width: var(--ui-public-footer-container-max-width);
  margin-inline: var(--ui-public-footer-container-margin-inline);
}

.ui-public-footer-rich section,
.ui-public-footer-rich nav {
  min-width: 0;
}

.ui-public-footer-brand,
.ui-public-footer-links {
  display: grid;
  align-content: start;
}

.ui-public-footer-brand {
  gap: 0;
}

.ui-public-footer-links {
  gap: var(--ui-stack-gap-md);
}

.ui-public-footer-logo {
  display: block;
  width: auto;
  max-width: min(13.125rem, 60vw);
  height: var(--ui-public-footer-logo-height);
  margin-block-end: var(--ui-stack-gap-md);
  object-fit: contain;
}

.ui-public-footer-rich strong {
  display: block;
  color: var(--ui-theme-brand-accent, rgb(var(--ui-color-accent)));
  font-size: var(--ui-font-size-label);
  font-weight: var(--ui-font-weight-black);
  letter-spacing: var(--ui-letter-spacing-uppercase);
  text-transform: uppercase;
}

.ui-public-footer-rich address {
  margin-block-start: var(--ui-stack-gap-sm);
  color: var(--ui-footer-muted);
  font-style: normal;
  line-height: var(--ui-line-height-relaxed);
}

.ui-public-footer-rich p {
  margin-block-start: var(--ui-stack-gap-md);
  max-width: var(--ui-text-measure-sm);
  color: var(--ui-footer-muted);
  line-height: var(--ui-line-height-relaxed);
}

.ui-public-footer-newsletter > p,
.ui-public-footer-links > strong {
  margin-block-start: 0;
}

.ui-public-footer-rich a {
  display: inline-flex;
  align-items: center;
  gap: var(--ui-control-gap);
  min-height: var(--ui-size-touch-target);
  color: var(--ui-footer-text);
  font-weight: var(--ui-font-weight-control);
  text-decoration: none;
}

.ui-public-footer-grid > section:first-child > p:last-child {
  display: grid;
  gap: var(--ui-gap-xs);
}

.ui-public-footer-brand > p:last-child {
  max-width: none;
}

.ui-public-footer-rich a:hover,
.ui-public-footer-rich a:focus-visible {
  color: var(--ui-theme-brand-accent, rgb(var(--ui-color-accent)));
}

.ui-public-footer-links > ul {
  display: grid;
  align-content: start;
  grid-template-columns: var(--ui-public-footer-links-list-active-columns);
  gap: var(--ui-public-footer-links-list-active-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-public-footer-links li {
  min-width: 0;
}

.ui-public-footer-links a {
  width: 100%;
  min-height: var(--ui-public-footer-link-active-min-height);
  padding: var(--ui-public-footer-link-padding);
  border: var(--ui-public-footer-link-border);
  border-radius: var(--ui-radius-sm);
  background: var(--ui-public-footer-link-background);
  font-weight: var(--ui-public-footer-link-font-weight);
}

.ui-public-footer-rich .ui-icon {
  width: var(--ui-size-icon-sm);
  height: var(--ui-size-icon-sm);
  color: var(--ui-theme-brand-accent, rgb(var(--ui-color-accent)));
}

.ui-public-footer-newsletter {
  display: grid;
  align-content: start;
  gap: var(--ui-stack-gap-md);
  padding: var(--ui-public-footer-newsletter-active-padding);
  padding-inline-start: var(--ui-public-footer-newsletter-active-padding-inline-start);
  border: 1px solid var(--ui-footer-border);
  border-radius: var(--ui-radius-lg);
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--ui-theme-brand-accent, rgb(var(--ui-color-accent))) 13%, transparent), transparent 60%),
    color-mix(in oklch, var(--ui-footer-bg) 88%, var(--ui-color-primary-strong));
  box-shadow: var(--ui-shadow-card);
}

.ui-public-footer-newsletter-form {
  display: grid;
  gap: var(--ui-public-footer-newsletter-form-active-gap);
  margin-block-start: var(--ui-gap-md);
}

.ui-public-footer-newsletter-control {
  display: grid;
  grid-template-columns: var(--ui-public-footer-newsletter-control-active-columns);
  align-items: center;
  gap: var(--ui-control-gap);
  min-height: var(--ui-control-height-lg);
  padding: var(--ui-space-2xs);
  border: 1px solid var(--ui-footer-border);
  border-radius: var(--ui-radius-md);
  background: color-mix(in oklch, var(--ui-footer-bg) 84%, transparent);
}

.ui-public-footer-newsletter-control > .ui-icon {
  margin-inline-start: var(--ui-space-xs);
}

.ui-public-footer-newsletter-control > .ui-icon,
.ui-public-footer-newsletter-control input,
.ui-public-footer-newsletter-control button {
  grid-column: var(--ui-public-footer-newsletter-control-active-child-grid-column);
}

.ui-public-footer-newsletter-control input {
  min-width: 0;
  min-height: calc(var(--ui-control-height-lg) - (var(--ui-space-2xs) * 2));
  border: 0;
  background: transparent;
  color: var(--ui-footer-text);
  outline: none;
}

.ui-public-footer-newsletter-control input::placeholder {
  color: var(--ui-footer-muted);
}

.ui-public-footer-newsletter-control:focus-within {
  border-color: var(--ui-theme-brand-accent, rgb(var(--ui-color-accent)));
  box-shadow: inset 0 0 0 1px var(--ui-theme-brand-accent, rgb(var(--ui-color-accent)));
}

.ui-public-footer-newsletter-control button {
  grid-column: var(--ui-public-footer-newsletter-button-active-grid-column);
  width: var(--ui-public-footer-newsletter-button-active-width);
  min-width: var(--ui-public-footer-newsletter-button-active-min-width);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--ui-control-gap);
  min-height: calc(var(--ui-control-height-lg) - (var(--ui-space-2xs) * 2));
  padding-inline: var(--ui-public-footer-newsletter-button-active-padding-inline);
  border: 0;
  border-radius: var(--ui-radius-sm);
  background: var(--ui-theme-brand-accent, rgb(var(--ui-color-accent)));
  color: var(--ui-theme-text-on-accent, rgb(var(--ui-text-on-accent)));
  font-weight: var(--ui-font-weight-control);
  cursor: pointer;
}

.ui-public-footer-newsletter-control button .ui-icon {
  color: currentColor;
}

.ui-public-footer-newsletter-control button span {
  display: inline;
  position: var(--ui-public-footer-newsletter-button-label-active-position);
  width: var(--ui-public-footer-newsletter-button-label-active-width);
  height: var(--ui-public-footer-newsletter-button-label-active-height);
  padding: var(--ui-public-footer-newsletter-button-label-active-padding);
  margin: var(--ui-public-footer-newsletter-button-label-active-margin);
  overflow: var(--ui-public-footer-newsletter-button-label-active-overflow);
  clip: var(--ui-public-footer-newsletter-button-label-active-clip);
  white-space: var(--ui-public-footer-newsletter-button-label-active-white-space);
  border: var(--ui-public-footer-newsletter-button-label-active-border);
}

.ui-public-footer-brand address:empty,
.ui-public-footer-brand p:empty {
  display: var(--ui-public-footer-empty-copy-display);
}

.ui-public-footer-newsletter-consent {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--ui-control-gap);
  align-items: start;
  color: var(--ui-footer-muted);
  font-size: var(--ui-public-footer-newsletter-consent-active-font-size);
  line-height: var(--ui-public-footer-newsletter-consent-active-line-height);
}

.ui-public-footer-newsletter-consent input {
  margin-block-start: var(--ui-space-1);
  accent-color: var(--ui-theme-brand-accent, rgb(var(--ui-color-accent)));
}

.ui-public-footer-bottom {
  display: var(--ui-public-footer-bottom-active-display);
  flex-wrap: var(--ui-public-footer-bottom-flex-wrap);
  grid-template-columns: var(--ui-public-footer-bottom-active-columns);
  align-items: var(--ui-public-footer-bottom-active-align-items);
  justify-content: space-between;
  gap: var(--ui-public-footer-bottom-active-gap);
  min-height: var(--ui-public-footer-bottom-min-height);
  width: var(--ui-public-footer-container-width);
  max-width: var(--ui-public-footer-container-max-width);
  margin-inline: var(--ui-public-footer-container-margin-inline);
  padding-block: var(--ui-public-footer-bottom-active-padding-block);
  border-top: var(--ui-public-footer-bottom-border-block-start);
  color: var(--ui-public-footer-bottom-color);
}

.ui-public-footer-bottom nav {
  grid-column: var(--ui-public-footer-bottom-nav-active-grid-column);
  display: var(--ui-public-footer-bottom-nav-active-display);
  flex-wrap: var(--ui-public-footer-bottom-nav-flex-wrap);
  grid-template-columns: var(--ui-public-footer-bottom-nav-active-columns);
  justify-content: var(--ui-public-footer-bottom-nav-justify-content);
  gap: var(--ui-public-footer-bottom-nav-active-gap);
}

.ui-public-footer-bottom .ui-locale-switcher {
  inline-size: var(--ui-public-footer-locale-inline-size);
  block-size: var(--ui-public-footer-locale-block-size);
  flex: var(--ui-public-footer-locale-flex);
}

.ui-public-footer-bottom .ui-locale-switcher label {
  inline-size: var(--ui-public-footer-locale-label-inline-size);
  block-size: var(--ui-public-footer-locale-label-block-size);
  display: var(--ui-public-footer-locale-label-display);
  place-items: var(--ui-public-footer-locale-label-place-items);
}

.ui-public-footer-bottom .ui-locale-switcher select {
  position: var(--ui-public-footer-locale-select-position);
  inset: var(--ui-public-footer-locale-select-inset);
  inline-size: var(--ui-public-footer-locale-select-inline-size);
  block-size: var(--ui-public-footer-locale-select-block-size);
  opacity: var(--ui-public-footer-locale-select-opacity);
  cursor: var(--ui-public-footer-locale-select-cursor);
}

@media (min-width: 48rem) {
  :root {
    --ui-public-footer-grid-active-gap: var(--ui-public-footer-grid-gap);
    --ui-public-footer-grid-active-padding-block: var(--ui-public-footer-grid-padding-block);
    --ui-public-footer-links-list-active-columns: var(--ui-public-footer-links-list-columns);
    --ui-public-footer-links-list-active-gap: var(--ui-public-footer-links-list-gap);
    --ui-public-footer-link-active-min-height: var(--ui-public-footer-link-min-height);
    --ui-public-footer-newsletter-active-padding: var(--ui-card-padding-lg);
    --ui-public-footer-newsletter-active-padding-inline-start: var(--ui-card-padding-lg);
    --ui-public-footer-newsletter-form-active-gap: var(--ui-public-footer-newsletter-form-gap);
    --ui-public-footer-newsletter-control-active-columns: var(--ui-public-footer-newsletter-control-columns, auto minmax(0, 1fr));
    --ui-public-footer-newsletter-button-active-width: var(--ui-public-footer-newsletter-button-width, 100%);
    --ui-public-footer-newsletter-button-active-min-width: 0;
    --ui-public-footer-newsletter-button-active-padding-inline: var(--ui-control-padding-inline);
    --ui-public-footer-newsletter-button-label-active-position: static;
    --ui-public-footer-newsletter-button-label-active-width: auto;
    --ui-public-footer-newsletter-button-label-active-height: auto;
    --ui-public-footer-newsletter-button-label-active-padding: 0;
    --ui-public-footer-newsletter-button-label-active-margin: 0;
    --ui-public-footer-newsletter-button-label-active-overflow: visible;
    --ui-public-footer-newsletter-button-label-active-clip: auto;
    --ui-public-footer-newsletter-button-label-active-white-space: normal;
    --ui-public-footer-newsletter-button-label-active-border: 0;
    --ui-public-footer-newsletter-consent-active-font-size: var(--ui-font-size-caption);
    --ui-public-footer-newsletter-consent-active-line-height: var(--ui-line-height-body);
    --ui-public-footer-bottom-active-display: var(--ui-public-footer-bottom-display);
    --ui-public-footer-bottom-active-columns: var(--ui-public-footer-bottom-columns);
    --ui-public-footer-bottom-active-align-items: var(--ui-public-footer-bottom-align-items);
    --ui-public-footer-bottom-active-gap: var(--ui-public-footer-bottom-gap);
    --ui-public-footer-bottom-active-padding-block: var(--ui-public-footer-bottom-padding-block);
    --ui-public-footer-bottom-nav-active-grid-column: var(--ui-public-footer-bottom-nav-grid-column);
    --ui-public-footer-bottom-nav-active-display: var(--ui-public-footer-bottom-nav-display);
    --ui-public-footer-bottom-nav-active-columns: var(--ui-public-footer-bottom-nav-columns);
    --ui-public-footer-bottom-nav-active-gap: var(--ui-public-footer-bottom-nav-gap);
  }

  .ui-public-footer {
    padding-block: var(--ui-public-footer-padding-block);
  }
}

@media (min-width: 64rem) {
  :root {
    --ui-public-footer-grid-active-columns: var(--ui-public-footer-grid-desktop-columns);
    --ui-public-footer-newsletter-active-padding-inline-start: var(--ui-public-footer-section-gap);
    --ui-public-footer-newsletter-control-active-columns: auto minmax(0, 1fr) auto;
    --ui-public-footer-newsletter-button-active-grid-column: auto;
    --ui-public-footer-newsletter-button-active-width: auto;
    --ui-public-footer-bottom-active-align-items: center;
  }
}

@media (min-width: 72rem) {
  body[data-shell="public"]:has(.ui-comparison-portal) {
    --ui-public-footer-padding-block: clamp(var(--ui-space-8), 8vw, var(--ui-space-12));
  }

  .ui-public-topbar--comparison .ui-public-topbar-inner {
    --ui-public-topbar-inner-desktop-columns: auto minmax(24rem, 1fr) auto;
    --ui-public-topbar-inner-desktop-areas: "brand search actions" "nav nav nav";
    --ui-public-topbar-inner-desktop-align-items: center;
    --ui-public-topbar-inner-row-gap: var(--ui-space-2);
    padding-block: var(--ui-space-2);
  }

  .ui-public-topbar--comparison .ui-public-search {
    --ui-public-search-max-width: min(100%, 42rem);
    --ui-public-search-justify-self: stretch;
    --ui-public-search-button-size: auto;
    --ui-public-search-button-padding: 0 var(--ui-control-padding-inline);
    --ui-public-search-button-display: inline-flex;
    --ui-public-search-button-label-position: static;
    --ui-public-search-button-label-size: auto;
    --ui-public-search-button-label-overflow: visible;
    --ui-public-search-button-label-clip: auto;
  }

  .ui-public-topbar--comparison .ui-public-nav {
    width: 100%;
    justify-self: stretch;
    justify-content: flex-start;
    gap: var(--ui-space-2) var(--ui-space-4);
    padding-block-start: var(--ui-space-1);
    border-top: 1px solid var(--ui-theme-border-subtle);
  }

  .ui-public-topbar--comparison .ui-public-actions {
    justify-self: end;
  }

  .ui-public-topbar--comparison :is(.ui-public-nav > a, .ui-public-nav > .ui-public-menu > summary) {
    width: auto;
    min-height: var(--ui-control-height);
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--ui-theme-text-muted);
    font-size: var(--ui-font-size-body-sm);
    font-weight: var(--ui-font-weight-bold);
    line-height: var(--ui-line-height-tight);
    white-space: nowrap;
  }

  .ui-public-topbar--comparison :is(.ui-public-nav > a:hover, .ui-public-nav > a.is-active, .ui-public-nav > .ui-public-menu[open] > summary, .ui-public-nav > .ui-public-menu > summary:hover) {
    background: transparent;
    color: var(--ui-theme-brand-primary);
  }

  .ui-public-topbar--comparison .ui-public-menu > .ui-public-menu-panel a {
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--ui-theme-text-primary);
    font-weight: var(--ui-font-weight-bold);
    white-space: normal;
  }

  .ui-public-topbar--comparison .ui-public-menu > .ui-public-menu-panel a:hover {
    background: transparent;
    color: var(--ui-theme-brand-primary-strong);
  }

  .ui-public-topbar--comparison .ui-public-menu[data-ui-mega-menu-align="viewport"] > .ui-public-menu-panel {
    position: fixed;
    inset: calc(var(--ui-public-menu-top-offset) + var(--ui-space-sm)) var(--ui-public-gutter) auto var(--ui-public-gutter);
    width: auto;
    max-height: calc(100dvh - var(--ui-public-menu-top-offset) - var(--ui-space-xl));
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
    align-content: start;
    overflow: auto;
  }

  .ui-public-topbar--comparison .ui-public-menu[data-ui-mega-menu-align="viewport"] > .ui-public-menu-panel a {
    min-width: 0;
    min-height: calc(var(--ui-size-touch-target) * 1.4);
    padding: var(--ui-space-sm);
    border: 1px solid var(--ui-theme-border-subtle);
    border-radius: var(--ui-theme-radius-card);
    background: var(--ui-theme-surface-card);
  }
}

.ui-app-sidebar {
  border-right: 1px solid var(--ui-color-border);
  background: var(--ui-color-surface);
  padding: var(--ui-shell-padding-block) var(--ui-public-inline);
}

.ui-app-main {
  min-width: 0;
  padding: 0;
}