/*
 * Final visual theme layer.
 *
 * The legacy theme files are intentionally left loadable for compatibility,
 * but this file owns the final rendered colors, chrome, spacing, and state
 * treatment so each theme stays readable and visually distinct.
 */

.lwn-nav[data-lwn-visual-theme] {
  --lwn-polish-font: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --lwn-polish-menu-title-font: var(--lwn-polish-font);
  --lwn-polish-menu-title-color: var(--lwn-polish-row-color);
  --lwn-polish-surface-bg: #ffffff;
  --lwn-polish-subpanel-bg: #f8fafc;
  --lwn-polish-row-bg: #ffffff;
  --lwn-polish-row-hover-bg: #f1f5f9;
  --lwn-polish-row-color: #0f172a;
  --lwn-polish-muted: #64748b;
  --lwn-polish-meta: #94a3b8;
  --lwn-polish-border: #e2e8f0;
  --lwn-polish-border-strong: #cbd5e1;
  --lwn-polish-active-bg: #0f172a;
  --lwn-polish-active-color: #ffffff;
  --lwn-polish-context-bg: #f8fafc;
  --lwn-polish-context-color: #0f172a;
  --lwn-polish-button-bg: #ffffff;
  --lwn-polish-button-color: #475569;
  --lwn-polish-button-border: #cbd5e1;
  --lwn-polish-button-hover-bg: #f1f5f9;
  --lwn-polish-button-hover-color: #0f172a;
  --lwn-polish-input-bg: #ffffff;
  --lwn-polish-input-color: #0f172a;
  --lwn-polish-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --lwn-polish-soft-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --lwn-polish-backdrop: none;
  --lwn-polish-card-radius: 8px;
  --lwn-polish-row-radius: 6px;
  --lwn-polish-button-radius: 9999px;
  --lwn-polish-wide-width: min(72rem, calc(100vw - 2rem));
  --lwn-polish-panel-height-mode: auto;
  --lwn-polish-panel-height: 420px;
  --lwn-polish-panel-min-height: 320px;
  --lwn-polish-panel-max-height: 576px;
  --lwn-polish-wide-max-height: min(var(--lwn-polish-panel-max-height), var(--lwn-surface-max-height, calc(100dvh - 5rem)));
  --lwn-polish-dropdown-height-mode: auto;
  --lwn-polish-dropdown-height: 360px;
  --lwn-polish-dropdown-min-height: 0px;
  --lwn-polish-dropdown-max-height: 480px;
  --lwn-polish-dropdown-effective-max-height: min(var(--lwn-polish-dropdown-max-height), calc(100dvh - 6rem));
  --lwn-polish-dropdown-panel-height: auto;
  --lwn-polish-wide-padding: 1rem;
  --lwn-polish-dropdown-width: min(26rem, calc(100vw - 2rem));
  --lwn-polish-dropdown-wide-width: min(32rem, calc(100vw - 2rem));
  --lwn-polish-flyout-width: min(20.25rem, calc(100vw - 1rem));
  --lwn-polish-flyout-root-width: var(--lwn-polish-flyout-width);
  --lwn-polish-panel-padding: 15px;
  --lwn-polish-header-spacing-y: 14px;
  --lwn-polish-menu-summary-display: none;
  --lwn-polish-panel-tree-summary-display: block;
  --lwn-polish-panel-tree-summary-content-display: block;
  --lwn-polish-panel-tree-header-align: center;
  --lwn-polish-dropdown-header-direction: column;
  --lwn-polish-dropdown-header-align: stretch;
  --lwn-polish-dropdown-search-flex: 0 1 auto;
  --lwn-polish-tree-cols: minmax(13.5rem, 15.5rem) minmax(0, 1fr);
  --lwn-polish-tree-rows: minmax(0, 1fr);
  --lwn-polish-tree-gap: 0.8rem;
  --lwn-polish-row-padding-x: 12px;
  --lwn-polish-row-padding-y: 8px;
  --lwn-polish-row-gap: 4px;
  --lwn-polish-bar-padding: 8px;
  --lwn-polish-btn-padding-x: 12px;
  --lwn-polish-btn-padding-y: 6px;
  --lwn-polish-search-bg: var(--lwn-polish-input-bg);
  --lwn-polish-search-color: var(--lwn-polish-input-color);
  --lwn-polish-search-border: var(--lwn-polish-border-strong);
  --lwn-polish-search-radius: var(--lwn-polish-row-radius);
  --lwn-polish-search-padding-x: 10px;
  --lwn-polish-search-padding-y: 8px;
  --lwn-polish-search-margin-x: 0px;
  --lwn-polish-search-margin-y: 0px;
  --lwn-polish-search-width: 16rem;
  --lwn-polish-search-width-limit: var(--lwn-polish-search-width);
  --lwn-polish-dropdown-search-width-limit: 100%;
  --lwn-polish-search-font-size: 13px;
  --lwn-polish-root-list-cols: 1fr;
  --lwn-polish-section-list-cols: 1fr;
  --lwn-polish-root-meta-display: none;
  --lwn-polish-root-column: auto;
  --lwn-polish-root-row: auto;
  --lwn-polish-children-column: auto;
  --lwn-polish-children-row: auto;
  font-family: var(--lwn-polish-font);
  font-size: 16px;
}

/* Apply spacing variables */
.lwn-nav[data-lwn-visual-theme] .lwn-item__link,
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="panels"] .lwn-item__link {
  padding: var(--lwn-polish-row-padding-y) var(--lwn-polish-row-padding-x);
}

.lwn-nav[data-lwn-visual-theme] .lwn-panel__collection,
.lwn-nav[data-lwn-visual-theme] .lwn-panel-tree__root-list,
.lwn-nav[data-lwn-visual-theme] .lwn-tree-node-list,
.lwn-nav[data-lwn-visual-theme] .lwn-tree-node__children,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-menu__body,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-item__children,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-item__group,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-search-results__list {
  gap: var(--lwn-polish-row-gap);
}

.lwn-nav[data-lwn-visual-theme]:not([data-lwn-mode="embedded"]) .lwn-nav__bar {
  padding: var(--lwn-polish-bar-padding);
}

.lwn-nav[data-lwn-visual-theme] .lwn-nav__menu-button,
.lwn-nav[data-lwn-visual-theme] .lwn-nav__menu-link {
  padding: var(--lwn-polish-btn-padding-y) var(--lwn-polish-btn-padding-x);
}

.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="panels"] {
  padding: var(--lwn-polish-wide-padding);
}

.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="panels"] > .lwn-menu__summary {
  display: var(--lwn-polish-menu-summary-display);
  margin-bottom: var(--lwn-polish-header-spacing-y);
}

.lwn-nav[data-lwn-visual-theme] .lwn-panel-tree__summary {
  display: var(--lwn-polish-panel-tree-summary-display);
}

.lwn-nav[data-lwn-visual-theme] .lwn-panel-tree__summary > * {
  display: var(--lwn-polish-panel-tree-summary-content-display);
}

.lwn-nav[data-lwn-visual-theme] .lwn-panel-tree__header,
.lwn-nav[data-lwn-visual-theme] .lwn-panel__header {
  flex-wrap: wrap;
  margin-bottom: var(--lwn-polish-header-spacing-y);
  min-width: 0;
}

.lwn-nav[data-lwn-visual-theme] .lwn-panel-tree__header {
  align-items: var(--lwn-polish-panel-tree-header-align);
  padding-bottom: var(--lwn-polish-header-spacing-y);
}

.lwn-nav[data-lwn-visual-theme] .lwn-panel__header {
  align-items: var(--lwn-polish-dropdown-header-align);
  flex-direction: var(--lwn-polish-dropdown-header-direction);
}

.lwn-nav[data-lwn-visual-theme] .lwn-panel-tree__summary,
.lwn-nav[data-lwn-visual-theme] .lwn-panel__header > div:first-child {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
}

.lwn-nav[data-lwn-visual-theme] .lwn-panel-tree__summary > *,
.lwn-nav[data-lwn-visual-theme] .lwn-panel__header > div:first-child > * {
  overflow-wrap: anywhere;
}

.lwn-nav[data-lwn-visual-theme] .lwn-panel-tree__search,
.lwn-nav[data-lwn-visual-theme] .lwn-panel__search {
  min-width: 0;
}

.lwn-nav[data-lwn-visual-theme] .lwn-panel-tree__search {
  flex: 1 1 0;
  max-width: min(var(--lwn-polish-search-width-limit), max(0px, calc(100% - max(0px, var(--lwn-polish-search-margin-x)) - max(0px, var(--lwn-polish-search-margin-x)))));
  width: min(var(--lwn-polish-search-width-limit), max(0px, calc(100% - max(0px, var(--lwn-polish-search-margin-x)) - max(0px, var(--lwn-polish-search-margin-x)))));
}

.lwn-nav[data-lwn-visual-theme] .lwn-panel__search {
  flex: var(--lwn-polish-dropdown-search-flex);
  max-width: min(var(--lwn-polish-dropdown-search-width-limit), max(0px, calc(100% - max(0px, var(--lwn-polish-search-margin-x)) - max(0px, var(--lwn-polish-search-margin-x)))));
  width: min(var(--lwn-polish-dropdown-search-width-limit), max(0px, calc(100% - max(0px, var(--lwn-polish-search-margin-x)) - max(0px, var(--lwn-polish-search-margin-x)))));
}

.lwn-nav[data-lwn-visual-theme] .lwn-nav__menu-button,
.lwn-nav[data-lwn-visual-theme] .lwn-nav__menu-link,
.lwn-nav[data-lwn-visual-theme] .lwn-nav__theme-toggle,
.lwn-nav[data-lwn-visual-theme] .lwn-nav__mobile-toggle {
  color: var(--lwn-polish-button-color);
  background: var(--lwn-polish-button-bg);
  border: 1px solid var(--lwn-polish-button-border);
  border-radius: var(--lwn-polish-button-radius);
  box-shadow: none;
}

.lwn-nav[data-lwn-visual-theme] .lwn-nav__menu-button:hover,
.lwn-nav[data-lwn-visual-theme] .lwn-nav__menu-button:focus-visible,
.lwn-nav[data-lwn-visual-theme] .lwn-nav__menu-link:hover,
.lwn-nav[data-lwn-visual-theme] .lwn-nav__menu-link:focus-visible,
.lwn-nav[data-lwn-visual-theme] .lwn-nav__theme-toggle:hover,
.lwn-nav[data-lwn-visual-theme] .lwn-nav__theme-toggle:focus-visible {
  color: var(--lwn-polish-button-hover-color);
  background: var(--lwn-polish-button-hover-bg);
  border-color: var(--lwn-polish-border-strong);
  transform: none;
}

.lwn-nav[data-lwn-visual-theme] .lwn-nav__menu-button.is-open,
.lwn-nav[data-lwn-visual-theme] .lwn-nav__menu-button.is-pinned,
.lwn-nav[data-lwn-visual-theme] .lwn-nav__menu-button.is-route-active,
.lwn-nav[data-lwn-visual-theme] .lwn-nav__menu-link.is-route-active,
.lwn-nav[data-lwn-visual-theme] .lwn-nav__mobile-toggle[aria-expanded="true"] {
  color: var(--lwn-polish-active-color);
  background: var(--lwn-polish-active-bg);
  border-color: var(--lwn-polish-border-strong);
  box-shadow: var(--lwn-polish-soft-shadow);
  text-shadow: none;
}

.lwn-nav[data-lwn-visual-theme]:not([data-lwn-mode="embedded"]) .lwn-nav__bar {
  background: var(--lwn-polish-surface-bg);
  border: 1px solid var(--lwn-polish-border);
  border-radius: var(--lwn-polish-card-radius);
  box-shadow: var(--lwn-polish-soft-shadow);
  backdrop-filter: var(--lwn-polish-backdrop);
}

.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="panels"],
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="dropdown-boxes"] .lwn-panel,
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="flyout-boxes"] .lwn-panel,
.lwn-nav[data-lwn-visual-theme] .lwn-nav__mobile {
  color: var(--lwn-polish-row-color);
  background: var(--lwn-polish-surface-bg);
  border: 1px solid var(--lwn-polish-border);
  border-radius: var(--lwn-polish-card-radius);
  box-shadow: var(--lwn-polish-shadow);
  backdrop-filter: var(--lwn-polish-backdrop);
}

.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="dropdown-boxes"] .lwn-panel {
  width: var(--lwn-polish-dropdown-width);
  min-width: 0;
  max-width: var(--lwn-polish-dropdown-width);
  min-height: min(var(--lwn-polish-dropdown-min-height), var(--lwn-polish-dropdown-effective-max-height));
  max-height: var(--lwn-polish-dropdown-effective-max-height);
  height: var(--lwn-polish-dropdown-panel-height);
  overflow-x: hidden;
}

.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="dropdown-boxes"][data-width="wide"] .lwn-panel {
  width: var(--lwn-polish-dropdown-wide-width);
  max-width: var(--lwn-polish-dropdown-wide-width);
}

.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="flyout-boxes"] .lwn-panel {
  width: var(--lwn-polish-flyout-width);
  min-width: 0;
  max-width: var(--lwn-polish-flyout-width);
  min-height: min(var(--lwn-polish-dropdown-min-height), var(--lwn-polish-dropdown-effective-max-height));
  max-height: var(--lwn-polish-dropdown-effective-max-height);
  height: var(--lwn-polish-dropdown-panel-height);
  overflow-x: hidden;
}

.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="flyout-boxes"] .lwn-panel[data-panel-index="0"] {
  width: var(--lwn-polish-flyout-root-width);
  max-width: var(--lwn-polish-flyout-root-width);
}

.lwn-nav[data-lwn-visual-theme] .lwn-panel-tree__header {
  color: var(--lwn-polish-row-color);
  background: transparent;
  border-bottom: 1px solid var(--lwn-polish-border);
}

.lwn-nav[data-lwn-visual-theme] .lwn-panel-tree__column,
.lwn-nav[data-lwn-visual-theme] .lwn-panel-tree__section,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-item__group,
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="panels"] .lwn-panel__empty {
  color: var(--lwn-polish-row-color);
  background: var(--lwn-polish-subpanel-bg);
  border: 1px solid var(--lwn-polish-border);
  border-radius: calc(var(--lwn-polish-card-radius) - 4px);
  box-shadow: none;
}

.lwn-nav[data-lwn-visual-theme] .lwn-panel,
.lwn-nav[data-lwn-visual-theme] .lwn-panel-tree__column,
.lwn-nav[data-lwn-visual-theme] .lwn-panel-tree__section,
.lwn-nav[data-lwn-visual-theme] .lwn-nav__mobile {
  padding: var(--lwn-polish-panel-padding);
}

.lwn-nav[data-lwn-visual-theme] .lwn-menu__title,
.lwn-nav[data-lwn-visual-theme] .lwn-panel__title,
.lwn-nav[data-lwn-visual-theme] .lwn-panel-tree__section-link,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-item__group-title {
  color: var(--lwn-polish-row-color);
}

.lwn-nav[data-lwn-visual-theme] .lwn-menu__title {
  color: var(--lwn-polish-menu-title-color);
  font-family: var(--lwn-polish-menu-title-font);
}

.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="panels"] .lwn-menu__title {
  color: var(--lwn-polish-menu-title-color);
}

.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="panels"] .lwn-panel__title,
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="panels"] .lwn-panel-tree__section-link {
  color: var(--lwn-polish-row-color);
}

.lwn-nav[data-lwn-visual-theme] .lwn-menu__description,
.lwn-nav[data-lwn-visual-theme] .lwn-panel__description,
.lwn-nav[data-lwn-visual-theme] .lwn-item__description,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-menu__description,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-search-results__description {
  color: var(--lwn-polish-muted);
}

.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="panels"] .lwn-menu__description,
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="panels"] .lwn-panel__description,
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="panels"] .lwn-item__description {
  color: var(--lwn-polish-muted);
}

.lwn-nav[data-lwn-visual-theme] .lwn-panel__eyebrow,
.lwn-nav[data-lwn-visual-theme] .lwn-item__meta,
.lwn-nav[data-lwn-visual-theme] .lwn-nav__brand-kicker {
  color: var(--lwn-polish-meta);
}

.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="panels"] .lwn-panel__eyebrow,
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="panels"] .lwn-item__meta {
  color: var(--lwn-polish-meta);
}

.lwn-nav[data-lwn-visual-theme] .lwn-item__link,
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="panels"] .lwn-item__link,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-menu__toggle,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-item__row,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-search-results__link {
  color: var(--lwn-polish-row-color);
  background: var(--lwn-polish-row-bg);
  border: 1px solid var(--lwn-polish-border);
  border-radius: var(--lwn-polish-row-radius);
  box-shadow: none;
}

.lwn-nav[data-lwn-visual-theme] .lwn-item__link:hover,
.lwn-nav[data-lwn-visual-theme] .lwn-item__link:focus-visible,
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="panels"] .lwn-item__link:hover,
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="panels"] .lwn-item__link:focus-visible,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-menu__toggle:hover,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-menu__toggle:focus-visible,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-search-results__link:hover,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-search-results__link:focus-visible {
  color: var(--lwn-polish-row-color);
  background: var(--lwn-polish-row-hover-bg);
  border-color: var(--lwn-polish-border-strong);
  transform: none;
}

.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="dropdown-boxes"] .lwn-panel__collection,
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="flyout-boxes"] .lwn-panel__collection,
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="dropdown-boxes"] .lwn-item,
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="flyout-boxes"] .lwn-item,
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="dropdown-boxes"] .lwn-item__row,
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="flyout-boxes"] .lwn-item__row,
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="dropdown-boxes"] .lwn-item__link,
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="flyout-boxes"] .lwn-item__link,
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="dropdown-boxes"] .lwn-panel__empty,
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="flyout-boxes"] .lwn-panel__empty {
  min-width: 0;
  max-width: 100%;
  width: 100%;
}

.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="dropdown-boxes"] .lwn-item.is-search-match > .lwn-item__row > .lwn-item__link,
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="flyout-boxes"] .lwn-item.is-search-match > .lwn-item__row > .lwn-item__link {
  outline: 1px solid var(--lwn-polish-border-strong);
  outline-offset: -2px;
  box-shadow: none !important;
}

.lwn-nav[data-lwn-visual-theme] .lwn-item.is-context > .lwn-item__row > .lwn-item__link,
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="panels"] .lwn-item.is-context > .lwn-item__row > .lwn-item__link {
  color: var(--lwn-polish-context-color);
  background: var(--lwn-polish-context-bg);
  border-color: var(--lwn-polish-border-strong);
  box-shadow: none;
}

.lwn-nav[data-lwn-visual-theme] .lwn-item.is-current > .lwn-item__row > .lwn-item__link,
.lwn-nav[data-lwn-visual-theme] .lwn-item.is-active > .lwn-item__row > .lwn-item__link,
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="panels"] .lwn-item.is-current > .lwn-item__row > .lwn-item__link,
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="panels"] .lwn-item.is-active > .lwn-item__row > .lwn-item__link,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-menu__toggle.is-route-active,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-item.is-active > .lwn-mobile-item__row,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-global-result.is-search-match .lwn-mobile-search-results__link {
  color: var(--lwn-polish-active-color);
  background: var(--lwn-polish-active-bg);
  border-color: var(--lwn-polish-border-strong);
  box-shadow: var(--lwn-polish-soft-shadow);
}

.lwn-nav[data-lwn-visual-theme] .lwn-item.is-context > .lwn-item__row > .lwn-item__link *,
.lwn-nav[data-lwn-visual-theme] .lwn-item.is-current > .lwn-item__row > .lwn-item__link *,
.lwn-nav[data-lwn-visual-theme] .lwn-item.is-active > .lwn-item__row > .lwn-item__link *,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-menu__toggle.is-route-active *,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-item.is-active > .lwn-mobile-item__row * {
  color: inherit;
}

.lwn-nav[data-lwn-visual-theme] .lwn-panel__search-input,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-search__input,
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="panels"] .lwn-panel__search-input {
  display: block;
  appearance: none;
  -webkit-appearance: none;
  min-width: 0;
  max-width: 100%;
  color: var(--lwn-polish-search-color);
  background: var(--lwn-polish-search-bg);
  border: 1px solid var(--lwn-polish-search-border);
  border-radius: var(--lwn-polish-search-radius);
  padding: var(--lwn-polish-search-padding-y) var(--lwn-polish-search-padding-x);
  padding-block: var(--lwn-polish-search-padding-y);
  padding-inline: var(--lwn-polish-search-padding-x);
  font-size: var(--lwn-polish-search-font-size);
  line-height: 1.2;
  box-shadow: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease, color 160ms ease;
}

.lwn-nav[data-lwn-visual-theme] .lwn-panel__search,
.lwn-nav[data-lwn-visual-theme] .lwn-panel-tree__search,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-search {
  margin-block: var(--lwn-polish-search-margin-y);
  margin-inline: max(0px, var(--lwn-polish-search-margin-x));
}

.lwn-nav[data-lwn-visual-theme] .lwn-panel__search-input::placeholder,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-search__input::placeholder {
  color: color-mix(in srgb, var(--lwn-polish-search-color) 58%, transparent);
}

.lwn-nav[data-lwn-visual-theme] .lwn-tree-node__children,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-item__children {
  border-left-color: var(--lwn-polish-border);
}

.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="panels"] {
  max-height: var(--lwn-surface-max-height, min(var(--lwn-polish-panel-max-height), calc(100dvh - 5rem)));
  min-height: var(--lwn-surface-min-height, 0px);
}

@media (min-width: 1280px) {
  .lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="panels"] {
    max-height: var(--lwn-surface-max-height, min(var(--lwn-polish-panel-max-height), calc(100dvh - 5rem))) !important;
    min-height: var(--lwn-surface-min-height, 0px) !important;
  }

  .lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="panels"][data-width="wide"] {
    width: var(--lwn-polish-wide-width);
    max-height: var(--lwn-surface-max-height, min(var(--lwn-polish-panel-max-height), calc(100dvh - 5rem))) !important;
    padding: var(--lwn-polish-wide-padding);
  }

  .lwn-nav[data-lwn-visual-theme] .lwn-panel-tree__body {
    grid-template-columns: var(--lwn-polish-tree-cols);
    grid-template-rows: var(--lwn-polish-tree-rows);
    gap: var(--lwn-polish-tree-gap);
  }

  .lwn-nav[data-lwn-visual-theme] .lwn-panel-tree__column--root {
    grid-column: var(--lwn-polish-root-column);
    grid-row: var(--lwn-polish-root-row);
    align-self: stretch;
    max-height: none;
  }

  .lwn-nav[data-lwn-visual-theme] .lwn-panel-tree__column--children {
    grid-column: var(--lwn-polish-children-column);
    grid-row: var(--lwn-polish-children-row);
    min-height: 0;
  }

  .lwn-nav[data-lwn-visual-theme] .lwn-panel-tree__root-list {
    display: grid;
    grid-template-columns: var(--lwn-polish-root-list-cols);
    gap: var(--lwn-polish-root-list-gap, var(--lwn-polish-row-gap));
    overflow: visible;
    padding-bottom: 0;
  }

  .lwn-nav[data-lwn-visual-theme] .lwn-panel-tree__root-item {
    flex: initial;
  }

  .lwn-nav[data-lwn-visual-theme] .lwn-panel-tree__section:not([hidden]) .lwn-tree-node-list {
    grid-template-columns: var(--lwn-polish-section-list-cols);
    gap: var(--lwn-polish-section-list-gap, var(--lwn-polish-row-gap));
  }

  .lwn-nav[data-lwn-visual-theme] .lwn-panel-tree__column--root .lwn-item__meta,
  .lwn-nav[data-lwn-visual-theme] .lwn-panel-tree__column--root .lwn-item__description {
    display: var(--lwn-polish-root-meta-display);
  }
}

.lwn-nav[data-lwn-visual-theme="default"] {
  --lwn-polish-soft-shadow: 0 14px 30px rgba(15, 23, 42, 0.11);
}

.lwn-nav[data-lwn-visual-theme="minimal"] {
  --lwn-polish-font: Inter, ui-sans-serif, system-ui, sans-serif;
  --lwn-polish-surface-bg: #ffffff;
  --lwn-polish-subpanel-bg: #ffffff;
  --lwn-polish-row-bg: #ffffff;
  --lwn-polish-row-hover-bg: #f8fafc;
  --lwn-polish-row-color: #111827;
  --lwn-polish-muted: #6b7280;
  --lwn-polish-meta: #6b7280;
  --lwn-polish-border: #d1d5db;
  --lwn-polish-border-strong: #111827;
  --lwn-polish-active-bg: #111827;
  --lwn-polish-active-color: #ffffff;
  --lwn-polish-context-bg: #f3f4f6;
  --lwn-polish-context-color: #111827;
  --lwn-polish-button-bg: #ffffff;
  --lwn-polish-button-border: #e5e7eb;
  --lwn-polish-shadow: none;
  --lwn-polish-soft-shadow: none;
  --lwn-polish-backdrop: none;
  --lwn-polish-card-radius: 6px;
  --lwn-polish-row-radius: 4px;
  --lwn-polish-button-radius: 4px;
  --lwn-polish-wide-width: min(54rem, calc(100vw - 2rem));
  --lwn-polish-wide-padding: 0.7rem;
  --lwn-polish-tree-cols: minmax(0, 1fr);
  --lwn-polish-tree-rows: auto minmax(0, 1fr);
  --lwn-polish-root-list-cols: repeat(4, minmax(0, 1fr));
  --lwn-polish-root-meta-display: none;
}

.lwn-nav[data-lwn-visual-theme="business"] {
  --lwn-polish-font: "Segoe UI", Inter, ui-sans-serif, system-ui, sans-serif;
  --lwn-polish-surface-bg: #ffffff;
  --lwn-polish-subpanel-bg: #f8fafc;
  --lwn-polish-row-bg: #ffffff;
  --lwn-polish-row-hover-bg: #eef4ff;
  --lwn-polish-row-color: #172033;
  --lwn-polish-muted: #526072;
  --lwn-polish-meta: #64748b;
  --lwn-polish-border: rgba(30, 41, 59, 0.16);
  --lwn-polish-border-strong: #1d4ed8;
  --lwn-polish-active-bg: #173a7a;
  --lwn-polish-active-color: #ffffff;
  --lwn-polish-context-bg: #dbeafe;
  --lwn-polish-context-color: #173a7a;
  --lwn-polish-button-bg: #f8fafc;
  --lwn-polish-button-border: transparent;
  --lwn-polish-shadow: 0 18px 38px rgba(15, 23, 42, 0.14);
  --lwn-polish-soft-shadow: 0 10px 22px rgba(15, 23, 42, 0.1);
  --lwn-polish-card-radius: 8px;
  --lwn-polish-row-radius: 6px;
  --lwn-polish-button-radius: 6px;
  --lwn-polish-tree-cols: minmax(15rem, 17rem) minmax(0, 1fr);
}

.lwn-nav[data-lwn-visual-theme="business"] .lwn-menu[data-layout="panels"],
.lwn-nav[data-lwn-visual-theme="business"] .lwn-menu[data-layout="dropdown-boxes"] .lwn-panel,
.lwn-nav[data-lwn-visual-theme="business"] .lwn-menu[data-layout="flyout-boxes"] .lwn-panel,
.lwn-nav[data-lwn-visual-theme="business"] .lwn-nav__mobile {
  border-top: 4px solid #1d4ed8;
}

.lwn-nav[data-lwn-visual-theme="business"] .lwn-item__link,
.lwn-nav[data-lwn-visual-theme="business"] .lwn-menu[data-layout="panels"] .lwn-item__link {
  box-shadow: inset 3px 0 0 rgba(29, 78, 216, 0.12);
}

.lwn-nav[data-lwn-visual-theme="liquid-glass"] {
  --lwn-polish-surface-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.62), rgba(214, 242, 255, 0.38));
  --lwn-polish-subpanel-bg: rgba(255, 255, 255, 0.38);
  --lwn-polish-row-bg: rgba(255, 255, 255, 0.52);
  --lwn-polish-row-hover-bg: rgba(255, 255, 255, 0.72);
  --lwn-polish-row-color: #0e2233;
  --lwn-polish-muted: #476274;
  --lwn-polish-meta: #4d7890;
  --lwn-polish-border: rgba(255, 255, 255, 0.56);
  --lwn-polish-border-strong: rgba(44, 151, 196, 0.56);
  --lwn-polish-active-bg: linear-gradient(135deg, #bff0ff, #ffffff);
  --lwn-polish-active-color: #08384f;
  --lwn-polish-context-bg: rgba(179, 229, 252, 0.7);
  --lwn-polish-context-color: #075985;
  --lwn-polish-button-bg: rgba(255, 255, 255, 0.54);
  --lwn-polish-input-bg: rgba(255, 255, 255, 0.72);
  --lwn-polish-shadow: 0 26px 70px rgba(40, 86, 110, 0.25);
  --lwn-polish-soft-shadow: 0 12px 34px rgba(40, 86, 110, 0.18);
  --lwn-polish-backdrop: blur(28px) saturate(1.3);
  --lwn-polish-card-radius: 28px;
  --lwn-polish-row-radius: 18px;
  --lwn-polish-wide-width: min(76rem, calc(100vw - 1.25rem));
  --lwn-polish-tree-cols: minmax(13rem, 15rem) minmax(0, 1fr);
}

.lwn-nav[data-lwn-visual-theme="material-design"] {
  --lwn-polish-font: Roboto, "Segoe UI", ui-sans-serif, system-ui, sans-serif;
  --lwn-polish-surface-bg: #ffffff;
  --lwn-polish-subpanel-bg: #f8fafc;
  --lwn-polish-row-bg: #ffffff;
  --lwn-polish-row-hover-bg: #eef4ff;
  --lwn-polish-row-color: #1f2937;
  --lwn-polish-muted: #5f6f86;
  --lwn-polish-meta: #64748b;
  --lwn-polish-border: #d7dde8;
  --lwn-polish-border-strong: #2563eb;
  --lwn-polish-active-bg: #2563eb;
  --lwn-polish-active-color: #ffffff;
  --lwn-polish-context-bg: #dbeafe;
  --lwn-polish-context-color: #1d4ed8;
  --lwn-polish-button-bg: #ffffff;
  --lwn-polish-shadow: 0 12px 24px rgba(15, 23, 42, 0.16);
  --lwn-polish-soft-shadow: 0 6px 16px rgba(15, 23, 42, 0.12);
  --lwn-polish-card-radius: 4px;
  --lwn-polish-row-radius: 4px;
  --lwn-polish-button-radius: 4px;
  --lwn-polish-tree-cols: minmax(0, 1fr);
  --lwn-polish-tree-rows: auto minmax(0, 1fr);
  --lwn-polish-root-list-cols: repeat(5, minmax(0, 1fr));
  --lwn-polish-root-meta-display: none;
}

.lwn-nav[data-lwn-visual-theme="material-design"] .lwn-panel-tree__column--root {
  background: #eef4ff;
}

.lwn-nav[data-lwn-visual-theme="windows-98"] {
  --lwn-polish-font: Tahoma, Verdana, sans-serif;
  --lwn-polish-surface-bg: #c0c0c0;
  --lwn-polish-subpanel-bg: #d4d0c8;
  --lwn-polish-row-bg: #d4d0c8;
  --lwn-polish-row-hover-bg: #000080;
  --lwn-polish-row-color: #000000;
  --lwn-polish-muted: #000000;
  --lwn-polish-meta: #000000;
  --lwn-polish-border: #808080;
  --lwn-polish-border-strong: #000000;
  --lwn-polish-active-bg: #000080;
  --lwn-polish-active-color: #ffffff;
  --lwn-polish-context-bg: #000080;
  --lwn-polish-context-color: #ffffff;
  --lwn-polish-button-bg: #d4d0c8;
  --lwn-polish-button-color: #000000;
  --lwn-polish-button-hover-bg: #d4d0c8;
  --lwn-polish-button-hover-color: #000000;
  --lwn-polish-input-bg: #ffffff;
  --lwn-polish-input-color: #000000;
  --lwn-polish-shadow: 2px 2px 0 #000000;
  --lwn-polish-soft-shadow: none;
  --lwn-polish-backdrop: none;
  --lwn-polish-card-radius: 0;
  --lwn-polish-row-radius: 0;
  --lwn-polish-button-radius: 0;
  --lwn-polish-wide-width: min(62rem, calc(100vw - 2rem));
  --lwn-polish-panel-max-height: 496px;
  --lwn-polish-tree-gap: 0.35rem;
  --lwn-polish-root-list-gap: 0.18rem;
  --lwn-polish-root-meta-display: none;
}

.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-menu[data-layout="panels"],
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-menu[data-layout="dropdown-boxes"] .lwn-panel,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-menu[data-layout="flyout-boxes"] .lwn-panel,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__mobile,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__menu-button,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__menu-link,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__mobile-toggle,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-item__link,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-mobile-menu__toggle,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-mobile-item__row {
  box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf;
}

.lwn-nav[data-lwn-visual-theme="neon"] {
  --lwn-polish-surface-bg: linear-gradient(180deg, #080b20, #020714);
  --lwn-polish-subpanel-bg: rgba(7, 13, 34, 0.94);
  --lwn-polish-row-bg: #071426;
  --lwn-polish-row-hover-bg: #111c3e;
  --lwn-polish-row-color: #e7faff;
  --lwn-polish-muted: #8fb7ca;
  --lwn-polish-meta: #22d3ee;
  --lwn-polish-border: rgba(34, 211, 238, 0.28);
  --lwn-polish-border-strong: #d946ef;
  --lwn-polish-active-bg: linear-gradient(135deg, #22d3ee, #d946ef);
  --lwn-polish-active-color: #071426;
  --lwn-polish-context-bg: rgba(217, 70, 239, 0.22);
  --lwn-polish-context-color: #f0abfc;
  --lwn-polish-button-bg: #071426;
  --lwn-polish-button-color: #d6f8ff;
  --lwn-polish-input-bg: #020714;
  --lwn-polish-input-color: #e7faff;
  --lwn-polish-shadow: 0 0 0 1px rgba(34, 211, 238, 0.22), 0 0 34px rgba(217, 70, 239, 0.2);
  --lwn-polish-soft-shadow: 0 0 18px rgba(34, 211, 238, 0.22);
  --lwn-polish-card-radius: 10px;
  --lwn-polish-row-radius: 6px;
  --lwn-polish-button-radius: 4px;
  --lwn-polish-tree-cols: minmax(12.75rem, 14.25rem) minmax(0, 1fr);
  --lwn-polish-root-meta-display: none;
}

.lwn-nav[data-lwn-visual-theme="editorial"] {
  --lwn-polish-font: Georgia, "Times New Roman", serif;
  --lwn-polish-surface-bg: #fffaf0;
  --lwn-polish-subpanel-bg: #fbf3e3;
  --lwn-polish-row-bg: #fffdf7;
  --lwn-polish-row-hover-bg: #f3e5cf;
  --lwn-polish-row-color: #2c2218;
  --lwn-polish-muted: #6f604f;
  --lwn-polish-meta: #9a3412;
  --lwn-polish-border: #d2c4ae;
  --lwn-polish-border-strong: #9a3412;
  --lwn-polish-active-bg: #9a3412;
  --lwn-polish-active-color: #ffffff;
  --lwn-polish-context-bg: #f6ddc5;
  --lwn-polish-context-color: #7c2d12;
  --lwn-polish-button-bg: #fffaf0;
  --lwn-polish-shadow: 0 18px 40px rgba(69, 42, 18, 0.16);
  --lwn-polish-soft-shadow: none;
  --lwn-polish-card-radius: 2px;
  --lwn-polish-row-radius: 2px;
  --lwn-polish-button-radius: 2px;
  --lwn-polish-tree-cols: minmax(10rem, 12rem) minmax(0, 1fr);
  --lwn-polish-section-list-cols: repeat(2, minmax(0, 1fr));
  --lwn-polish-root-meta-display: none;
}

.lwn-nav[data-lwn-visual-theme="editorial"] .lwn-panel-tree__column--root {
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  background: transparent;
}

.lwn-nav[data-lwn-visual-theme="graphite"] {
  --lwn-polish-surface-bg: linear-gradient(180deg, #1f2328, #111418);
  --lwn-polish-subpanel-bg: #171b20;
  --lwn-polish-row-bg: #20252b;
  --lwn-polish-row-hover-bg: #2b3139;
  --lwn-polish-row-color: #f4f6f8;
  --lwn-polish-muted: #b2bbc7;
  --lwn-polish-meta: #9aa5b1;
  --lwn-polish-border: rgba(255, 255, 255, 0.12);
  --lwn-polish-border-strong: rgba(255, 255, 255, 0.52);
  --lwn-polish-active-bg: linear-gradient(180deg, #ffffff, #d8dde5);
  --lwn-polish-active-color: #111418;
  --lwn-polish-context-bg: #303741;
  --lwn-polish-context-color: #ffffff;
  --lwn-polish-button-bg: #191d22;
  --lwn-polish-button-color: #f4f6f8;
  --lwn-polish-input-bg: #0c0f13;
  --lwn-polish-input-color: #f4f6f8;
  --lwn-polish-shadow: 0 22px 48px rgba(0, 0, 0, 0.34);
  --lwn-polish-soft-shadow: 0 10px 20px rgba(0, 0, 0, 0.26);
  --lwn-polish-card-radius: 8px;
  --lwn-polish-row-radius: 5px;
  --lwn-polish-button-radius: 5px;
  --lwn-polish-wide-width: min(60rem, calc(100vw - 2rem));
  --lwn-polish-tree-cols: minmax(0, 1fr);
  --lwn-polish-tree-rows: auto minmax(0, 1fr);
  --lwn-polish-root-list-cols: repeat(4, minmax(0, 1fr));
  --lwn-polish-root-meta-display: none;
}

.lwn-nav[data-lwn-visual-theme="oceanic"] {
  --lwn-polish-surface-bg: linear-gradient(180deg, #0f7280, #064657);
  --lwn-polish-subpanel-bg: rgba(2, 71, 86, 0.82);
  --lwn-polish-row-bg: rgba(7, 89, 105, 0.76);
  --lwn-polish-row-hover-bg: rgba(8, 145, 178, 0.5);
  --lwn-polish-row-color: #e6fbff;
  --lwn-polish-muted: #b8e8f0;
  --lwn-polish-meta: #9decf7;
  --lwn-polish-border: rgba(165, 243, 252, 0.24);
  --lwn-polish-border-strong: #67e8f9;
  --lwn-polish-active-bg: #a5f3fc;
  --lwn-polish-active-color: #083344;
  --lwn-polish-context-bg: rgba(165, 243, 252, 0.2);
  --lwn-polish-context-color: #cffafe;
  --lwn-polish-button-bg: #dffcff;
  --lwn-polish-button-color: #064657;
  --lwn-polish-input-bg: #dffcff;
  --lwn-polish-input-color: #064657;
  --lwn-polish-card-radius: 16px;
  --lwn-polish-row-radius: 8px;
  --lwn-polish-button-radius: 999px;
  --lwn-polish-tree-cols: minmax(13.5rem, 15rem) minmax(0, 1fr);
  --lwn-polish-root-meta-display: none;
}

.lwn-nav[data-lwn-visual-theme="sunrise"] {
  --lwn-polish-surface-bg: linear-gradient(180deg, #fff2dd, #ffe4c3);
  --lwn-polish-subpanel-bg: #fff8ec;
  --lwn-polish-row-bg: #ffffff;
  --lwn-polish-row-hover-bg: #ffe4c3;
  --lwn-polish-row-color: #3a2518;
  --lwn-polish-muted: #7a523a;
  --lwn-polish-meta: #c2410c;
  --lwn-polish-border: #f6b37d;
  --lwn-polish-border-strong: #ea580c;
  --lwn-polish-active-bg: #ea580c;
  --lwn-polish-active-color: #ffffff;
  --lwn-polish-context-bg: #fed7aa;
  --lwn-polish-context-color: #9a3412;
  --lwn-polish-button-bg: #fff7ed;
  --lwn-polish-input-bg: #fffaf2;
  --lwn-polish-shadow: 0 20px 44px rgba(194, 65, 12, 0.18);
  --lwn-polish-soft-shadow: 0 10px 22px rgba(194, 65, 12, 0.12);
  --lwn-polish-card-radius: 18px;
  --lwn-polish-row-radius: 12px;
  --lwn-polish-button-radius: 999px;
  --lwn-polish-tree-cols: minmax(14rem, 16rem) minmax(0, 1fr);
  --lwn-polish-root-meta-display: none;
}

.lwn-nav[data-lwn-visual-theme="forest"] {
  --lwn-polish-surface-bg: linear-gradient(180deg, #173d2a, #0d2419);
  --lwn-polish-subpanel-bg: rgba(20, 83, 45, 0.62);
  --lwn-polish-row-bg: rgba(22, 101, 52, 0.58);
  --lwn-polish-row-hover-bg: rgba(34, 197, 94, 0.22);
  --lwn-polish-row-color: #edfdf3;
  --lwn-polish-muted: #b7d8c0;
  --lwn-polish-meta: #86efac;
  --lwn-polish-border: rgba(187, 247, 208, 0.2);
  --lwn-polish-border-strong: #86efac;
  --lwn-polish-active-bg: #4ade80;
  --lwn-polish-active-color: #052e16;
  --lwn-polish-context-bg: rgba(134, 239, 172, 0.18);
  --lwn-polish-context-color: #bbf7d0;
  --lwn-polish-button-bg: #e9f9ec;
  --lwn-polish-button-color: #14532d;
  --lwn-polish-input-bg: #eef8ec;
  --lwn-polish-input-color: #14532d;
  --lwn-polish-card-radius: 12px;
  --lwn-polish-row-radius: 7px;
  --lwn-polish-tree-cols: minmax(13.5rem, 15rem) minmax(0, 1fr);
  --lwn-polish-root-meta-display: none;
}

.lwn-nav[data-lwn-visual-theme="royal"] {
  --lwn-polish-font: Georgia, "Times New Roman", serif;
  --lwn-polish-surface-bg: linear-gradient(180deg, #111b33, #070b16);
  --lwn-polish-subpanel-bg: rgba(14, 23, 43, 0.88);
  --lwn-polish-row-bg: #101a31;
  --lwn-polish-row-hover-bg: #1d2a4a;
  --lwn-polish-row-color: #fff8e1;
  --lwn-polish-muted: #d6c99d;
  --lwn-polish-meta: #d4af37;
  --lwn-polish-border: rgba(212, 175, 55, 0.28);
  --lwn-polish-border-strong: #d4af37;
  --lwn-polish-active-bg: #d4af37;
  --lwn-polish-active-color: #101624;
  --lwn-polish-context-bg: rgba(212, 175, 55, 0.16);
  --lwn-polish-context-color: #f9e28f;
  --lwn-polish-button-bg: #101624;
  --lwn-polish-button-color: #fff8e1;
  --lwn-polish-input-bg: #fff7e6;
  --lwn-polish-input-color: #101624;
  --lwn-polish-card-radius: 4px;
  --lwn-polish-row-radius: 3px;
  --lwn-polish-button-radius: 3px;
  --lwn-polish-tree-cols: minmax(0, 1fr);
  --lwn-polish-tree-rows: auto minmax(0, 1fr);
  --lwn-polish-root-list-cols: repeat(5, minmax(0, 1fr));
  --lwn-polish-root-meta-display: none;
}

.lwn-nav[data-lwn-visual-theme="candy"] {
  --lwn-polish-font: "Arial Rounded MT Bold", "Nunito Sans", "Segoe UI", ui-sans-serif, system-ui, sans-serif;
  --lwn-polish-surface-bg: linear-gradient(135deg, #fff7fb, #effefb);
  --lwn-polish-subpanel-bg: rgba(255, 255, 255, 0.72);
  --lwn-polish-row-bg: rgba(255, 255, 255, 0.88);
  --lwn-polish-row-hover-bg: #fce7f3;
  --lwn-polish-row-color: #332436;
  --lwn-polish-muted: #76536f;
  --lwn-polish-meta: #db2777;
  --lwn-polish-border: rgba(244, 114, 182, 0.36);
  --lwn-polish-border-strong: #14b8a6;
  --lwn-polish-active-bg: linear-gradient(135deg, #ec4899, #2dd4bf);
  --lwn-polish-active-color: #ffffff;
  --lwn-polish-context-bg: #ccfbf1;
  --lwn-polish-context-color: #0f766e;
  --lwn-polish-button-bg: #ffffff;
  --lwn-polish-input-bg: #ffffff;
  --lwn-polish-shadow: 0 24px 54px rgba(219, 39, 119, 0.18);
  --lwn-polish-soft-shadow: 0 8px 0 rgba(244, 114, 182, 0.16);
  --lwn-polish-card-radius: 24px;
  --lwn-polish-row-radius: 18px;
  --lwn-polish-button-radius: 999px;
  --lwn-polish-tree-cols: minmax(0, 1fr);
  --lwn-polish-tree-rows: auto minmax(0, 1fr);
  --lwn-polish-root-list-cols: repeat(5, minmax(0, 1fr));
  --lwn-polish-root-meta-display: none;
}

.lwn-nav[data-lwn-visual-theme="candy"] .lwn-menu[data-layout="panels"],
.lwn-nav[data-lwn-visual-theme="candy"] .lwn-menu[data-layout="dropdown-boxes"] .lwn-panel,
.lwn-nav[data-lwn-visual-theme="candy"] .lwn-menu[data-layout="flyout-boxes"] .lwn-panel,
.lwn-nav[data-lwn-visual-theme="candy"] .lwn-nav__mobile {
  border-width: 2px;
}

.lwn-nav[data-lwn-visual-theme="terminal"] {
  --lwn-polish-font: "Courier New", ui-monospace, SFMono-Regular, Menlo, monospace;
  --lwn-polish-surface-bg: repeating-linear-gradient(0deg, rgba(34, 197, 94, 0.04) 0 1px, transparent 1px 6px), #001408;
  --lwn-polish-subpanel-bg: #020d06;
  --lwn-polish-row-bg: #020d06;
  --lwn-polish-row-hover-bg: #86efac;
  --lwn-polish-row-color: #d1fae5;
  --lwn-polish-muted: #86efac;
  --lwn-polish-meta: #22c55e;
  --lwn-polish-border: rgba(34, 197, 94, 0.42);
  --lwn-polish-border-strong: #86efac;
  --lwn-polish-active-bg: #22c55e;
  --lwn-polish-active-color: #001408;
  --lwn-polish-context-bg: #86efac;
  --lwn-polish-context-color: #001408;
  --lwn-polish-button-bg: #020d06;
  --lwn-polish-button-color: #d1fae5;
  --lwn-polish-button-hover-color: #001408;
  --lwn-polish-input-bg: #000000;
  --lwn-polish-input-color: #d1fae5;
  --lwn-polish-shadow: 0 0 0 1px rgba(34, 197, 94, 0.14), 0 0 24px rgba(34, 197, 94, 0.12);
  --lwn-polish-soft-shadow: none;
  --lwn-polish-backdrop: none;
  --lwn-polish-card-radius: 0;
  --lwn-polish-row-radius: 0;
  --lwn-polish-button-radius: 0;
  --lwn-polish-wide-width: min(58rem, calc(100vw - 2rem));
  --lwn-polish-wide-padding: 0.7rem;
  --lwn-polish-tree-gap: 0.32rem;
  --lwn-polish-root-list-gap: 0.24rem;
  --lwn-polish-root-meta-display: none;
}

.lwn-nav[data-lwn-visual-theme="terminal"] .lwn-item__link:hover,
.lwn-nav[data-lwn-visual-theme="terminal"] .lwn-menu[data-layout="panels"] .lwn-item__link:hover,
.lwn-nav[data-lwn-visual-theme="terminal"] .lwn-mobile-menu__toggle:hover {
  color: #001408;
}

.lwn-nav[data-lwn-visual-theme="terminal"] .lwn-item__label::before,
.lwn-nav[data-lwn-visual-theme="terminal"] .lwn-mobile-item__label::before,
.lwn-nav[data-lwn-visual-theme="terminal"] .lwn-mobile-menu__label::before {
  content: "> ";
  color: #22c55e;
}

.lwn-nav[data-lwn-visual-theme="high-contrast"] {
  --lwn-polish-font: Arial, Helvetica, sans-serif;
  --lwn-polish-surface-bg: #ffffff;
  --lwn-polish-subpanel-bg: #ffffff;
  --lwn-polish-row-bg: #ffffff;
  --lwn-polish-row-hover-bg: #000000;
  --lwn-polish-row-color: #000000;
  --lwn-polish-muted: #000000;
  --lwn-polish-meta: #000000;
  --lwn-polish-border: #000000;
  --lwn-polish-border-strong: #000000;
  --lwn-polish-active-bg: #ffea00;
  --lwn-polish-active-color: #000000;
  --lwn-polish-context-bg: #000000;
  --lwn-polish-context-color: #ffffff;
  --lwn-polish-button-bg: #ffffff;
  --lwn-polish-button-color: #000000;
  --lwn-polish-button-hover-bg: #000000;
  --lwn-polish-button-hover-color: #ffffff;
  --lwn-polish-input-bg: #ffffff;
  --lwn-polish-input-color: #000000;
  --lwn-polish-shadow: none;
  --lwn-polish-soft-shadow: none;
  --lwn-polish-backdrop: none;
  --lwn-polish-card-radius: 0;
  --lwn-polish-row-radius: 0;
  --lwn-polish-button-radius: 0;
  --lwn-polish-tree-cols: minmax(0, 1fr);
  --lwn-polish-tree-rows: auto minmax(0, 1fr);
  --lwn-polish-root-list-cols: repeat(5, minmax(0, 1fr));
  --lwn-polish-root-meta-display: none;
}

.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-menu[data-layout="panels"],
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-menu[data-layout="dropdown-boxes"] .lwn-panel,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-menu[data-layout="flyout-boxes"] .lwn-panel,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-nav__mobile,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-item__link,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-mobile-menu__toggle,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-mobile-item__row,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-nav__menu-button,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-nav__menu-link,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-nav__mobile-toggle {
  border-width: 2px;
}

.lwn-nav[data-lwn-visual-theme="cosmic"] {
  --lwn-polish-surface-bg: radial-gradient(circle at 18% 0%, rgba(124, 58, 237, 0.38), transparent 34%), linear-gradient(135deg, #111633, #050816);
  --lwn-polish-subpanel-bg: rgba(20, 25, 56, 0.92);
  --lwn-polish-row-bg: rgba(30, 35, 78, 0.78);
  --lwn-polish-row-hover-bg: rgba(67, 56, 202, 0.34);
  --lwn-polish-row-color: #eef2ff;
  --lwn-polish-muted: #b9c1ef;
  --lwn-polish-meta: #93c5fd;
  --lwn-polish-border: rgba(147, 197, 253, 0.22);
  --lwn-polish-border-strong: #93c5fd;
  --lwn-polish-active-bg: linear-gradient(135deg, #818cf8, #38bdf8);
  --lwn-polish-active-color: #070b22;
  --lwn-polish-context-bg: rgba(129, 140, 248, 0.22);
  --lwn-polish-context-color: #c7d2fe;
  --lwn-polish-button-bg: #121939;
  --lwn-polish-button-color: #eef2ff;
  --lwn-polish-input-bg: #070b22;
  --lwn-polish-input-color: #eef2ff;
  --lwn-polish-shadow: 0 28px 70px rgba(3, 7, 18, 0.48);
  --lwn-polish-soft-shadow: 0 12px 28px rgba(56, 189, 248, 0.12);
  --lwn-polish-card-radius: 18px;
  --lwn-polish-row-radius: 10px;
  --lwn-polish-button-radius: 999px;
  --lwn-polish-tree-cols: minmax(0, 1fr) minmax(13.5rem, 15rem);
  --lwn-polish-root-column: 2;
  --lwn-polish-root-row: 1;
  --lwn-polish-children-column: 1;
  --lwn-polish-children-row: 1;
  --lwn-polish-section-list-cols: repeat(2, minmax(0, 1fr));
  --lwn-polish-root-meta-display: none;
}

/* Beauty pass: move the themes from novelty skins toward finished product UI. */
.lwn-nav[data-lwn-visual-theme] {
  --lwn-polish-flyout-width: min(20.25rem, calc(100vw - 1rem));
  --lwn-polish-flyout-root-width: var(--lwn-polish-flyout-width);
  --lwn-polish-control-height: 2.35rem;
  --lwn-polish-row-min-height: 2.65rem;
}

.lwn-nav[data-lwn-visual-theme] .lwn-nav__menu-button,
.lwn-nav[data-lwn-visual-theme] .lwn-nav__menu-link,
.lwn-nav[data-lwn-visual-theme] .lwn-nav__theme-toggle {
  min-height: var(--lwn-polish-control-height);
  padding: 0.56rem 0.86rem;
  font-size: 0.86rem;
}

.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="flyout-boxes"] .lwn-panel {
  width: var(--lwn-polish-flyout-width);
  padding: var(--lwn-polish-panel-padding);
}

.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="flyout-boxes"] .lwn-panel[data-panel-index="0"] {
  width: var(--lwn-polish-flyout-root-width);
}

.lwn-nav[data-lwn-visual-theme] .lwn-item__link,
.lwn-nav[data-lwn-visual-theme] .lwn-menu[data-layout="panels"] .lwn-item__link,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-menu__toggle,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-item__row {
  min-height: var(--lwn-polish-row-min-height);
}

.lwn-nav[data-lwn-visual-theme] .lwn-panel__collection,
.lwn-nav[data-lwn-visual-theme] .lwn-panel-tree__root-list,
.lwn-nav[data-lwn-visual-theme] .lwn-tree-node-list,
.lwn-nav[data-lwn-visual-theme] .lwn-tree-node__children {
  gap: var(--lwn-polish-row-gap);
}

.lwn-nav[data-lwn-visual-theme] .lwn-panel__search-input,
.lwn-nav[data-lwn-visual-theme] .lwn-mobile-search__input {
  min-height: calc(1.2em + var(--lwn-polish-search-padding-y) + var(--lwn-polish-search-padding-y) + 2px);
}

.lwn-nav[data-lwn-visual-theme="default"] {
  --lwn-polish-surface-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 248, 252, 0.92));
  --lwn-polish-row-hover-bg: #edf7fd;
  --lwn-polish-shadow: 0 18px 46px rgba(15, 23, 42, 0.13);
  --lwn-polish-soft-shadow: 0 10px 28px rgba(14, 165, 233, 0.13);
  --lwn-polish-card-radius: 18px;
  --lwn-polish-row-radius: 11px;
}

.lwn-nav[data-lwn-visual-theme="minimal"] {
  --lwn-polish-surface-bg: #fbfbfa;
  --lwn-polish-subpanel-bg: #ffffff;
  --lwn-polish-row-bg: #ffffff;
  --lwn-polish-row-hover-bg: #f2f2f0;
  --lwn-polish-border: #deded9;
  --lwn-polish-border-strong: #1f2937;
  --lwn-polish-active-bg: #1f2937;
  --lwn-polish-card-radius: 10px;
  --lwn-polish-row-radius: 7px;
  --lwn-polish-button-radius: 7px;
  --lwn-polish-shadow: 0 12px 30px rgba(17, 24, 39, 0.08);
  --lwn-polish-soft-shadow: none;
  --lwn-polish-wide-width: min(58rem, calc(100vw - 2rem));
}

.lwn-nav[data-lwn-visual-theme="business"] {
  --lwn-polish-surface-bg: linear-gradient(180deg, #ffffff, #f5f8fc);
  --lwn-polish-subpanel-bg: #f8fafc;
  --lwn-polish-row-hover-bg: #edf4ff;
  --lwn-polish-border-strong: #2454c6;
  --lwn-polish-active-bg: linear-gradient(135deg, #173a7a, #2454c6);
  --lwn-polish-context-bg: #e4ecff;
  --lwn-polish-shadow: 0 20px 44px rgba(17, 28, 45, 0.16);
}

.lwn-nav[data-lwn-visual-theme="business"] .lwn-menu[data-layout="panels"],
.lwn-nav[data-lwn-visual-theme="business"] .lwn-menu[data-layout="dropdown-boxes"] .lwn-panel,
.lwn-nav[data-lwn-visual-theme="business"] .lwn-menu[data-layout="flyout-boxes"] .lwn-panel,
.lwn-nav[data-lwn-visual-theme="business"] .lwn-nav__mobile {
  /* Removed connected border-top-width for decoupled aesthetic */
}


.lwn-nav[data-lwn-visual-theme="liquid-glass"] {
  --lwn-polish-surface-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(224, 247, 255, 0.6));
  --lwn-polish-subpanel-bg: rgba(255, 255, 255, 0.58);
  --lwn-polish-row-bg: rgba(255, 255, 255, 0.74);
  --lwn-polish-row-hover-bg: rgba(236, 250, 255, 0.94);
  --lwn-polish-muted: #456477;
  --lwn-polish-meta: #2a7394;
  --lwn-polish-border: rgba(105, 184, 217, 0.24);
  --lwn-polish-border-strong: #38a6d1;
  --lwn-polish-active-bg: linear-gradient(135deg, #a9e8ff, #f8fdff);
  --lwn-polish-card-radius: 22px;
  --lwn-polish-row-radius: 14px;
  --lwn-polish-shadow: 0 24px 62px rgba(39, 90, 118, 0.22);
}

.lwn-nav[data-lwn-visual-theme="material-design"] {
  --lwn-polish-surface-bg: #fffbff;
  --lwn-polish-subpanel-bg: #f7f2fa;
  --lwn-polish-row-bg: #ffffff;
  --lwn-polish-row-hover-bg: #edf3ff;
  --lwn-polish-row-color: #1d1b20;
  --lwn-polish-muted: #625b71;
  --lwn-polish-meta: #6750a4;
  --lwn-polish-border: #e7e0ec;
  --lwn-polish-border-strong: #6750a4;
  --lwn-polish-active-bg: #6750a4;
  --lwn-polish-context-bg: #eaddff;
  --lwn-polish-context-color: #4f378b;
  --lwn-polish-card-radius: 16px;
  --lwn-polish-row-radius: 12px;
  --lwn-polish-button-radius: 999px;
  --lwn-polish-shadow: 0 18px 38px rgba(29, 27, 32, 0.14);
}

.lwn-nav[data-lwn-visual-theme="material-design"] .lwn-panel-tree__column--root {
  background: #f1ecf6;
}

.lwn-nav[data-lwn-visual-theme="windows-98"] {
  --lwn-polish-surface-bg: linear-gradient(180deg, #f2efe8, #dfd8cc);
  --lwn-polish-subpanel-bg: #f8f5ee;
  --lwn-polish-row-bg: #fffdf8;
  --lwn-polish-row-hover-bg: #edf2ff;
  --lwn-polish-row-color: #1f2933;
  --lwn-polish-muted: #52606d;
  --lwn-polish-meta: #52606d;
  --lwn-polish-border: #b8afa2;
  --lwn-polish-border-strong: #2f5fb3;
  --lwn-polish-active-bg: linear-gradient(135deg, #2f5fb3, #5a84d7);
  --lwn-polish-active-color: #ffffff;
  --lwn-polish-context-bg: #dce7ff;
  --lwn-polish-context-color: #244a8f;
  --lwn-polish-button-bg: #f8f5ee;
  --lwn-polish-button-hover-bg: #ffffff;
  --lwn-polish-input-bg: #ffffff;
  --lwn-polish-shadow: 0 16px 34px rgba(63, 54, 43, 0.18);
  --lwn-polish-soft-shadow: 0 4px 0 rgba(63, 54, 43, 0.12);
  --lwn-polish-card-radius: 8px;
  --lwn-polish-row-radius: 5px;
  --lwn-polish-button-radius: 4px;
}

.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-menu[data-layout="panels"],
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-menu[data-layout="dropdown-boxes"] .lwn-panel,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-menu[data-layout="flyout-boxes"] .lwn-panel,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__mobile,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__menu-button,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__menu-link,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__mobile-toggle,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-item__link,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-mobile-menu__toggle,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-mobile-item__row {
  box-shadow: var(--lwn-polish-soft-shadow);
}

.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-item__link:hover,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-menu[data-layout="panels"] .lwn-item__link:hover {
  color: #244a8f;
}

.lwn-nav[data-lwn-visual-theme="neon"] {
  --lwn-polish-surface-bg: linear-gradient(180deg, #0a1026, #030713);
  --lwn-polish-subpanel-bg: rgba(8, 19, 42, 0.96);
  --lwn-polish-row-bg: #09172b;
  --lwn-polish-row-hover-bg: #14234b;
  --lwn-polish-border: rgba(34, 211, 238, 0.24);
  --lwn-polish-border-strong: #8b5cf6;
  --lwn-polish-active-bg: linear-gradient(135deg, #20d6df, #a855f7);
  --lwn-polish-card-radius: 14px;
  --lwn-polish-row-radius: 8px;
  --lwn-polish-shadow: 0 0 0 1px rgba(34, 211, 238, 0.2), 0 22px 46px rgba(0, 0, 0, 0.36);
}

.lwn-nav[data-lwn-visual-theme="editorial"] {
  --lwn-polish-surface-bg: #fbf6eb;
  --lwn-polish-subpanel-bg: #fffaf1;
  --lwn-polish-row-bg: #fffdf8;
  --lwn-polish-row-hover-bg: #f1e3cf;
  --lwn-polish-border: #cdbda3;
  --lwn-polish-border-strong: #8b3f1f;
  --lwn-polish-active-bg: #8b3f1f;
  --lwn-polish-card-radius: 8px;
  --lwn-polish-row-radius: 4px;
  --lwn-polish-shadow: 0 20px 44px rgba(78, 49, 21, 0.14);
}

.lwn-nav[data-lwn-visual-theme="graphite"] {
  --lwn-polish-surface-bg: linear-gradient(180deg, #20252b, #12161b);
  --lwn-polish-subpanel-bg: #191e24;
  --lwn-polish-row-bg: #242a31;
  --lwn-polish-row-hover-bg: #303741;
  --lwn-polish-border: rgba(255, 255, 255, 0.1);
  --lwn-polish-border-strong: #aab4c0;
  --lwn-polish-card-radius: 12px;
  --lwn-polish-row-radius: 8px;
  --lwn-polish-button-radius: 8px;
}

.lwn-nav[data-lwn-visual-theme="oceanic"] {
  --lwn-polish-surface-bg: linear-gradient(180deg, #0d7a86, #063d4a);
  --lwn-polish-subpanel-bg: rgba(5, 83, 96, 0.86);
  --lwn-polish-row-bg: rgba(7, 104, 119, 0.82);
  --lwn-polish-row-hover-bg: rgba(14, 151, 169, 0.52);
  --lwn-polish-active-bg: linear-gradient(135deg, #a5f3fc, #dffcff);
  --lwn-polish-card-radius: 14px;
}

.lwn-nav[data-lwn-visual-theme="sunrise"] {
  --lwn-polish-surface-bg: linear-gradient(180deg, #fff4e7, #ffe7cf);
  --lwn-polish-subpanel-bg: #fffaf4;
  --lwn-polish-row-hover-bg: #ffead7;
  --lwn-polish-border: #efc49f;
  --lwn-polish-border-strong: #d65a31;
  --lwn-polish-active-bg: linear-gradient(135deg, #d65a31, #f59e0b);
  --lwn-polish-context-bg: #ffe0c2;
  --lwn-polish-card-radius: 16px;
  --lwn-polish-shadow: 0 20px 44px rgba(183, 83, 36, 0.15);
}

.lwn-nav[data-lwn-visual-theme="forest"] {
  --lwn-polish-surface-bg: linear-gradient(180deg, #164b34, #0d2b1d);
  --lwn-polish-subpanel-bg: rgba(20, 83, 45, 0.7);
  --lwn-polish-row-bg: rgba(26, 104, 58, 0.72);
  --lwn-polish-row-hover-bg: rgba(55, 142, 84, 0.62);
  --lwn-polish-active-bg: linear-gradient(135deg, #bbf7d0, #4ade80);
  --lwn-polish-card-radius: 14px;
}

.lwn-nav[data-lwn-visual-theme="royal"] {
  --lwn-polish-surface-bg: linear-gradient(180deg, #14213f, #080d1a);
  --lwn-polish-subpanel-bg: rgba(17, 28, 54, 0.9);
  --lwn-polish-row-bg: #121d38;
  --lwn-polish-row-hover-bg: #24345f;
  --lwn-polish-active-bg: linear-gradient(135deg, #d4af37, #f2d06b);
  --lwn-polish-card-radius: 10px;
  --lwn-polish-row-radius: 6px;
  --lwn-polish-button-radius: 6px;
  --lwn-polish-shadow: 0 24px 54px rgba(4, 9, 20, 0.42);
}

.lwn-nav[data-lwn-visual-theme="candy"] {
  --lwn-polish-font: "Nunito Sans", "Segoe UI", ui-sans-serif, system-ui, sans-serif;
  --lwn-polish-surface-bg: linear-gradient(135deg, #fff8fb, #f0fbff);
  --lwn-polish-subpanel-bg: rgba(255, 255, 255, 0.84);
  --lwn-polish-row-bg: #ffffff;
  --lwn-polish-row-hover-bg: #f8edf7;
  --lwn-polish-row-color: #2f2733;
  --lwn-polish-muted: #6e5c72;
  --lwn-polish-meta: #a84278;
  --lwn-polish-border: rgba(221, 146, 188, 0.34);
  --lwn-polish-border-strong: #43b6b1;
  --lwn-polish-active-bg: linear-gradient(135deg, #d95f9f, #43b6b1);
  --lwn-polish-context-bg: #e4fbf8;
  --lwn-polish-context-color: #277a78;
  --lwn-polish-shadow: 0 22px 48px rgba(166, 68, 124, 0.16);
  --lwn-polish-soft-shadow: 0 10px 24px rgba(67, 182, 177, 0.12);
  --lwn-polish-card-radius: 18px;
  --lwn-polish-row-radius: 12px;
  --lwn-polish-tree-cols: minmax(13rem, 15rem) minmax(0, 1fr);
  --lwn-polish-tree-rows: minmax(0, 1fr);
  --lwn-polish-root-list-cols: 1fr;
}

.lwn-nav[data-lwn-visual-theme="candy"] .lwn-menu[data-layout="panels"],
.lwn-nav[data-lwn-visual-theme="candy"] .lwn-menu[data-layout="dropdown-boxes"] .lwn-panel,
.lwn-nav[data-lwn-visual-theme="candy"] .lwn-menu[data-layout="flyout-boxes"] .lwn-panel,
.lwn-nav[data-lwn-visual-theme="candy"] .lwn-nav__mobile {
  border-width: 1px;
}

.lwn-nav[data-lwn-visual-theme="terminal"] {
  --lwn-polish-font: "SFMono-Regular", "Cascadia Code", "Courier New", ui-monospace, monospace;
  --lwn-polish-surface-bg: linear-gradient(180deg, #07130d, #020604);
  --lwn-polish-subpanel-bg: #06110b;
  --lwn-polish-row-bg: #07170d;
  --lwn-polish-row-hover-bg: #12351e;
  --lwn-polish-row-color: #daf7e4;
  --lwn-polish-muted: #91cfa5;
  --lwn-polish-meta: #5ee787;
  --lwn-polish-active-bg: #5ee787;
  --lwn-polish-context-bg: #11351d;
  --lwn-polish-context-color: #a7f3bd;
  --lwn-polish-button-hover-color: #daf7e4;
  --lwn-polish-shadow: 0 18px 44px rgba(0, 0, 0, 0.36);
  --lwn-polish-card-radius: 8px;
  --lwn-polish-row-radius: 5px;
  --lwn-polish-button-radius: 4px;
}

.lwn-nav[data-lwn-visual-theme="terminal"] .lwn-item__link:hover,
.lwn-nav[data-lwn-visual-theme="terminal"] .lwn-menu[data-layout="panels"] .lwn-item__link:hover,
.lwn-nav[data-lwn-visual-theme="terminal"] .lwn-mobile-menu__toggle:hover {
  color: #daf7e4;
}

.lwn-nav[data-lwn-visual-theme="terminal"] .lwn-item__label::before,
.lwn-nav[data-lwn-visual-theme="terminal"] .lwn-mobile-item__label::before,
.lwn-nav[data-lwn-visual-theme="terminal"] .lwn-mobile-menu__label::before {
  content: none;
}

.lwn-nav[data-lwn-visual-theme="high-contrast"] {
  --lwn-polish-surface-bg: #0a0a0a;
  --lwn-polish-subpanel-bg: #151515;
  --lwn-polish-row-bg: #ffffff;
  --lwn-polish-row-hover-bg: #ffea00;
  --lwn-polish-row-color: #000000;
  --lwn-polish-muted: #1f1f1f;
  --lwn-polish-meta: #000000;
  --lwn-polish-border: #ffffff;
  --lwn-polish-border-strong: #ffea00;
  --lwn-polish-active-bg: #ffea00;
  --lwn-polish-active-color: #000000;
  --lwn-polish-context-bg: #ffea00;
  --lwn-polish-context-color: #000000;
  --lwn-polish-button-bg: #ffffff;
  --lwn-polish-button-hover-bg: #ffea00;
  --lwn-polish-input-bg: #ffffff;
  --lwn-polish-card-radius: 6px;
  --lwn-polish-row-radius: 3px;
  --lwn-polish-button-radius: 3px;
  --lwn-polish-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
  --lwn-polish-tree-cols: minmax(13rem, 15rem) minmax(0, 1fr);
  --lwn-polish-tree-rows: minmax(0, 1fr);
  --lwn-polish-root-list-cols: 1fr;
}

.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-menu__title,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-panel__title,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-panel-tree__section-link,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-mobile-item__group-title,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-menu__description,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-panel__description {
  color: #ffffff;
}

.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-panel-tree__section .lwn-panel-tree__section-link,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-item__description,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-item__meta {
  color: #000000;
}

.lwn-nav[data-lwn-visual-theme="cosmic"] {
  --lwn-polish-surface-bg: radial-gradient(circle at 16% 0%, rgba(74, 222, 128, 0.18), transparent 28%), linear-gradient(135deg, #131a3d, #070a1d);
  --lwn-polish-row-bg: rgba(31, 38, 85, 0.82);
  --lwn-polish-row-hover-bg: rgba(64, 72, 156, 0.42);
  --lwn-polish-border-strong: #7dd3fc;
  --lwn-polish-active-bg: linear-gradient(135deg, #7dd3fc, #a78bfa);
  --lwn-polish-card-radius: 18px;
  --lwn-polish-tree-cols: minmax(13.5rem, 15rem) minmax(0, 1fr);
  --lwn-polish-root-column: auto;
  --lwn-polish-root-row: auto;
  --lwn-polish-children-column: auto;
  --lwn-polish-children-row: auto;
  --lwn-polish-section-list-cols: 1fr;
}

/* Correction pass: preserve distinct theme identities after the shared polish layer. */
.lwn-nav[data-lwn-visual-theme="minimal"] {
  --lwn-polish-surface-bg: #ffffff;
  --lwn-polish-subpanel-bg: #ffffff;
  --lwn-polish-row-bg: #ffffff;
  --lwn-polish-row-hover-bg: #f5f5f4;
  --lwn-polish-row-color: #111111;
  --lwn-polish-muted: #525252;
  --lwn-polish-meta: #737373;
  --lwn-polish-border: #d6d3d1;
  --lwn-polish-border-strong: #111111;
  --lwn-polish-active-bg: #111111;
  --lwn-polish-active-color: #ffffff;
  --lwn-polish-context-bg: #eeeeec;
  --lwn-polish-context-color: #111111;
  --lwn-polish-shadow: 0 10px 24px rgba(0, 0, 0, 0.07);
  --lwn-polish-soft-shadow: none;
  --lwn-polish-card-radius: 2px;
  --lwn-polish-row-radius: 2px;
  --lwn-polish-button-radius: 2px;
}

.lwn-nav[data-lwn-visual-theme="business"] {
  --lwn-polish-surface-bg: linear-gradient(180deg, #ffffff, #f3f7ff);
  --lwn-polish-subpanel-bg: #f7faff;
  --lwn-polish-row-bg: #ffffff;
  --lwn-polish-row-hover-bg: #eaf2ff;
  --lwn-polish-row-color: #14213d;
  --lwn-polish-muted: #5b677a;
  --lwn-polish-meta: #2b5bbb;
  --lwn-polish-border: #cad8ef;
  --lwn-polish-border-strong: #1f4fa3;
  --lwn-polish-active-bg: #173a7a;
  --lwn-polish-active-color: #ffffff;
  --lwn-polish-context-bg: #dfeafe;
  --lwn-polish-context-color: #153e85;
  --lwn-polish-card-radius: 6px;
  --lwn-polish-row-radius: 4px;
  --lwn-polish-button-radius: 4px;
}

.lwn-nav[data-lwn-visual-theme="liquid-glass"] {
  --lwn-polish-surface-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.78), rgba(225, 248, 255, 0.54));
  --lwn-polish-subpanel-bg: rgba(255, 255, 255, 0.54);
  --lwn-polish-row-bg: rgba(255, 255, 255, 0.66);
  --lwn-polish-row-hover-bg: rgba(240, 252, 255, 0.96);
  --lwn-polish-row-color: #0c2636;
  --lwn-polish-border: rgba(82, 180, 215, 0.24);
  --lwn-polish-border-strong: #0ea5c7;
  --lwn-polish-active-bg: linear-gradient(135deg, #c7f4ff, #ffffff);
  --lwn-polish-active-color: #063949;
}

.lwn-nav[data-lwn-visual-theme="material-design"] {
  --lwn-polish-surface-bg: #fffbff;
  --lwn-polish-subpanel-bg: #f7f2fa;
  --lwn-polish-row-bg: #ffffff;
  --lwn-polish-row-hover-bg: #f0eaff;
  --lwn-polish-row-color: #1d1b20;
  --lwn-polish-muted: #675e71;
  --lwn-polish-meta: #6750a4;
  --lwn-polish-border: #e7e0ec;
  --lwn-polish-border-strong: #6750a4;
  --lwn-polish-active-bg: #6750a4;
  --lwn-polish-active-color: #ffffff;
  --lwn-polish-context-bg: #eaddff;
  --lwn-polish-context-color: #4f378b;
  --lwn-polish-card-radius: 18px;
  --lwn-polish-row-radius: 12px;
  --lwn-polish-button-radius: 999px;
}

.lwn-nav[data-lwn-visual-theme="windows-98"] {
  --lwn-polish-font: Tahoma, "MS Sans Serif", Geneva, Verdana, sans-serif;
  --lwn-polish-surface-bg: #c0c0c0;
  --lwn-polish-subpanel-bg: #d4d0c8;
  --lwn-polish-row-bg: #d4d0c8;
  --lwn-polish-row-hover-bg: #c0c0c0;
  --lwn-polish-row-color: #000000;
  --lwn-polish-muted: #404040;
  --lwn-polish-meta: #404040;
  --lwn-polish-border: #808080;
  --lwn-polish-border-strong: #000080;
  --lwn-polish-active-bg: #000080;
  --lwn-polish-active-color: #ffffff;
  --lwn-polish-context-bg: #000080;
  --lwn-polish-context-color: #ffffff;
  --lwn-polish-button-bg: #c0c0c0;
  --lwn-polish-button-color: #000000;
  --lwn-polish-button-hover-bg: #d4d0c8;
  --lwn-polish-button-hover-color: #000000;
  --lwn-polish-input-bg: #ffffff;
  --lwn-polish-input-color: #000000;
  --lwn-polish-shadow: 1px 1px 0 #000000;
  --lwn-polish-soft-shadow: none;
  --lwn-polish-backdrop: none;
  --lwn-polish-card-radius: 0;
  --lwn-polish-row-radius: 0;
  --lwn-polish-button-radius: 0;
  --lwn-polish-control-height: 2.05rem;
  --lwn-polish-row-min-height: 2.12rem;
  --lwn-polish-wide-width: min(62rem, calc(100vw - 2rem));
  --lwn-polish-panel-max-height: 496px;
  --lwn-polish-tree-gap: 0.35rem;
  --lwn-polish-root-list-gap: 0.18rem;
  font-size: 0.86rem;
}

.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__bar,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__mobile,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-menu[data-layout="panels"],
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-menu[data-layout="dropdown-boxes"] .lwn-panel,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-menu[data-layout="flyout-boxes"] .lwn-panel {
  color: #000000;
  background: #c0c0c0;
  border: 2px solid;
  border-color: #ffffff #404040 #404040 #ffffff;
  border-radius: 0;
  box-shadow: 1px 1px 0 #000000;
  backdrop-filter: none;
}

.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__brand-pill,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__menu-button,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__menu-link,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__theme-toggle,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__mobile-toggle,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-menu[data-layout="panels"] .lwn-item__link,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-item__link,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-mobile-menu__toggle,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-mobile-item__row,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-mobile-search-results__link {
  color: #000000;
  background: #d4d0c8;
  border: 2px solid;
  border-color: #ffffff #808080 #808080 #ffffff;
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
}

.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__menu-button:hover,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__menu-button:focus-visible,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__menu-link:hover,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__menu-link:focus-visible,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__theme-toggle:hover,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__theme-toggle:focus-visible,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-menu[data-layout="panels"] .lwn-item__link:hover,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-menu[data-layout="panels"] .lwn-item__link:focus-visible,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-item__link:hover,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-item__link:focus-visible {
  color: #000000;
  background: #c0c0c0;
  border-color: #808080 #ffffff #ffffff #808080;
  outline: 1px dotted #000000;
  outline-offset: -4px;
  transform: none;
}

.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__menu-button.is-open,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__menu-button.is-pinned,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__menu-button.is-route-active,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__menu-link.is-route-active,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-menu[data-layout="panels"] .lwn-item.is-context > .lwn-item__row > .lwn-item__link,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-item.is-context > .lwn-item__row > .lwn-item__link,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-item.is-current > .lwn-item__row > .lwn-item__link,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-item.is-active > .lwn-item__row > .lwn-item__link,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-mobile-menu__toggle.is-route-active,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-mobile-item.is-active > .lwn-mobile-item__row {
  color: #ffffff;
  background: #000080;
  border-color: #404040 #ffffff #ffffff #404040;
  box-shadow: inset 1px 1px 0 #000000;
}

.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__menu-button.is-open *,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__menu-button.is-pinned *,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__menu-button.is-route-active *,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-nav__menu-link.is-route-active * {
  color: inherit;
}

.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-panel-tree__header {
  color: #000000;
  background: #d4d0c8;
  border: 2px solid;
  border-color: #ffffff #808080 #808080 #ffffff;
  border-radius: 0;
  padding: 0.35rem 0.45rem;
}

.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-panel-tree__header .lwn-menu__title,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-panel-tree__header .lwn-menu__description {
  color: #000000;
}

.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-panel-tree__column,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-panel-tree__section,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-mobile-item__group {
  background: #d4d0c8;
  border: 2px solid;
  border-color: #ffffff #808080 #808080 #ffffff;
  border-radius: 0;
}


.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-panel__search-input,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-mobile-search__input,
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-menu[data-layout="panels"] .lwn-panel__search-input {
  color: #000000;
  background: #ffffff;
  border: 2px solid;
  border-color: #404040 #ffffff #ffffff #404040;
  border-radius: 0;
  box-shadow: inset 1px 1px 0 #808080;
}

.lwn-nav[data-lwn-visual-theme="editorial"] {
  --lwn-polish-font: Georgia, "Times New Roman", serif;
  --lwn-polish-surface-bg: #fffaf0;
  --lwn-polish-subpanel-bg: #fbf3e3;
  --lwn-polish-row-bg: #fffdf7;
  --lwn-polish-row-hover-bg: #f4e4c7;
  --lwn-polish-row-color: #2c2218;
  --lwn-polish-muted: #6f604f;
  --lwn-polish-meta: #9a3412;
  --lwn-polish-border: #d2c4ae;
  --lwn-polish-border-strong: #9a3412;
  --lwn-polish-active-bg: #9a3412;
  --lwn-polish-active-color: #ffffff;
  --lwn-polish-context-bg: #f6ddc5;
  --lwn-polish-context-color: #7c2d12;
  --lwn-polish-card-radius: 2px;
  --lwn-polish-row-radius: 2px;
  --lwn-polish-button-radius: 2px;
}

.lwn-nav[data-lwn-visual-theme="graphite"] {
  --lwn-polish-surface-bg: linear-gradient(180deg, #20252b, #12161b);
  --lwn-polish-subpanel-bg: #191e24;
  --lwn-polish-row-bg: #242a31;
  --lwn-polish-row-hover-bg: #303741;
  --lwn-polish-row-color: #f2f5f7;
  --lwn-polish-muted: #a8b3bd;
  --lwn-polish-meta: #c9d2dc;
  --lwn-polish-border: rgba(255, 255, 255, 0.1);
  --lwn-polish-border-strong: #aab4c0;
  --lwn-polish-active-bg: #e5e7eb;
  --lwn-polish-active-color: #111827;
  --lwn-polish-context-bg: #303741;
  --lwn-polish-context-color: #ffffff;
  --lwn-polish-card-radius: 8px;
  --lwn-polish-row-radius: 5px;
  --lwn-polish-button-radius: 5px;
}

.lwn-nav[data-lwn-visual-theme="oceanic"] {
  --lwn-polish-surface-bg: linear-gradient(180deg, #087989, #064653);
  --lwn-polish-subpanel-bg: rgba(5, 83, 96, 0.88);
  --lwn-polish-row-bg: rgba(8, 105, 120, 0.84);
  --lwn-polish-row-hover-bg: rgba(14, 151, 169, 0.62);
  --lwn-polish-row-color: #effdff;
  --lwn-polish-muted: #b6eef5;
  --lwn-polish-meta: #a5f3fc;
  --lwn-polish-border: rgba(165, 243, 252, 0.2);
  --lwn-polish-border-strong: #a5f3fc;
  --lwn-polish-active-bg: #dffcff;
  --lwn-polish-active-color: #064653;
}

.lwn-nav[data-lwn-visual-theme="sunrise"] {
  --lwn-polish-surface-bg: linear-gradient(180deg, #fff2e6, #ffe2c7);
  --lwn-polish-subpanel-bg: #fff7ed;
  --lwn-polish-row-bg: #fffaf4;
  --lwn-polish-row-hover-bg: #ffead7;
  --lwn-polish-row-color: #3b2416;
  --lwn-polish-muted: #7c4f37;
  --lwn-polish-meta: #dc5f25;
  --lwn-polish-border: #efc49f;
  --lwn-polish-border-strong: #d65a31;
  --lwn-polish-active-bg: #d65a31;
  --lwn-polish-active-color: #ffffff;
  --lwn-polish-context-bg: #ffe0c2;
  --lwn-polish-context-color: #9a3412;
}

.lwn-nav[data-lwn-visual-theme="forest"] {
  --lwn-polish-surface-bg: linear-gradient(180deg, #155d3c, #0b3422);
  --lwn-polish-subpanel-bg: rgba(18, 83, 48, 0.86);
  --lwn-polish-row-bg: rgba(28, 112, 64, 0.78);
  --lwn-polish-row-hover-bg: rgba(55, 142, 84, 0.72);
  --lwn-polish-row-color: #effaf1;
  --lwn-polish-muted: #c8f1d0;
  --lwn-polish-meta: #bbf7d0;
  --lwn-polish-border: rgba(187, 247, 208, 0.18);
  --lwn-polish-border-strong: #86efac;
  --lwn-polish-active-bg: #bbf7d0;
  --lwn-polish-active-color: #0b3422;
  --lwn-polish-context-bg: rgba(187, 247, 208, 0.18);
  --lwn-polish-context-color: #dcfce7;
}

.lwn-nav[data-lwn-visual-theme="royal"] {
  --lwn-polish-surface-bg: linear-gradient(180deg, #17264a, #0a1024);
  --lwn-polish-subpanel-bg: rgba(18, 30, 59, 0.92);
  --lwn-polish-row-bg: #121d38;
  --lwn-polish-row-hover-bg: #24345f;
  --lwn-polish-row-color: #fff7d6;
  --lwn-polish-muted: #c6d0e3;
  --lwn-polish-meta: #f2d06b;
  --lwn-polish-border: rgba(242, 208, 107, 0.22);
  --lwn-polish-border-strong: #d4af37;
  --lwn-polish-active-bg: #d4af37;
  --lwn-polish-active-color: #0a1024;
  --lwn-polish-context-bg: rgba(212, 175, 55, 0.18);
  --lwn-polish-context-color: #ffeaa0;
}

.lwn-nav[data-lwn-visual-theme="candy"] {
  --lwn-polish-surface-bg: linear-gradient(135deg, #fff8fb, #f0fbff);
  --lwn-polish-subpanel-bg: rgba(255, 255, 255, 0.9);
  --lwn-polish-row-bg: #ffffff;
  --lwn-polish-row-hover-bg: #fff1f8;
  --lwn-polish-row-color: #2f2733;
  --lwn-polish-muted: #6e5c72;
  --lwn-polish-meta: #b83f7f;
  --lwn-polish-border: rgba(221, 146, 188, 0.34);
  --lwn-polish-border-strong: #43b6b1;
  --lwn-polish-active-bg: #43b6b1;
  /* White on this light teal is only ~2.45:1 (fails WCAG AA). Dark candy ink reads at
     ~5.87:1 while keeping the theme's teal active chip. */
  --lwn-polish-active-color: #2f2733;
  --lwn-polish-context-bg: #e4fbf8;
  --lwn-polish-context-color: #277a78;
}

.lwn-nav[data-lwn-visual-theme="terminal"] {
  --lwn-polish-font: "SFMono-Regular", "Cascadia Code", "Courier New", ui-monospace, monospace;
  --lwn-polish-surface-bg: #020604;
  --lwn-polish-subpanel-bg: #06110b;
  --lwn-polish-row-bg: #07170d;
  --lwn-polish-row-hover-bg: #12351e;
  --lwn-polish-row-color: #daf7e4;
  --lwn-polish-muted: #91cfa5;
  --lwn-polish-meta: #5ee787;
  --lwn-polish-border: #0f4f27;
  --lwn-polish-border-strong: #5ee787;
  --lwn-polish-active-bg: #5ee787;
  --lwn-polish-active-color: #021106;
  --lwn-polish-context-bg: #11351d;
  --lwn-polish-context-color: #a7f3bd;
  /* Without these, the top-bar hover falls back to the light default (#f1f5f9 bg /
     #daf7e4 text) — light mint on near-white, ~1:1 contrast, invisible on links and the
     theme toggle. Keep the hover chip on-theme (dark green). */
  --lwn-polish-button-hover-bg: #12351e;
  --lwn-polish-button-hover-color: #daf7e4;
  --lwn-polish-card-radius: 0;
  --lwn-polish-row-radius: 0;
  --lwn-polish-button-radius: 0;
}

.lwn-nav[data-lwn-visual-theme="terminal"] .lwn-item__label::before,
.lwn-nav[data-lwn-visual-theme="terminal"] .lwn-mobile-item__label::before,
.lwn-nav[data-lwn-visual-theme="terminal"] .lwn-mobile-menu__label::before {
  content: "> ";
  color: #5ee787;
}

.lwn-nav[data-lwn-visual-theme="high-contrast"] {
  --lwn-polish-surface-bg: #000000;
  --lwn-polish-subpanel-bg: #000000;
  --lwn-polish-row-bg: #000000;
  --lwn-polish-row-hover-bg: #ffea00;
  --lwn-polish-row-color: #ffffff;
  --lwn-polish-muted: #ffffff;
  --lwn-polish-meta: #ffea00;
  --lwn-polish-border: #ffffff;
  --lwn-polish-border-strong: #ffea00;
  --lwn-polish-active-bg: #ffea00;
  --lwn-polish-active-color: #000000;
  --lwn-polish-context-bg: #ffffff;
  --lwn-polish-context-color: #000000;
  --lwn-polish-button-bg: #000000;
  --lwn-polish-button-color: #ffffff;
  --lwn-polish-button-hover-bg: #ffea00;
  --lwn-polish-button-hover-color: #000000;
  --lwn-polish-input-bg: #ffffff;
  --lwn-polish-input-color: #000000;
  --lwn-polish-shadow: 0 0 0 2px #ffffff;
  --lwn-polish-soft-shadow: none;
  --lwn-polish-card-radius: 0;
  --lwn-polish-row-radius: 0;
  --lwn-polish-button-radius: 0;
}

.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-menu__title,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-panel__title,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-panel-tree__section-link,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-mobile-item__group-title,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-menu__description,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-panel__description,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-item__description {
  color: #ffffff;
}

.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-item__meta {
  color: #ffea00;
}

.lwn-nav[data-lwn-visual-theme="cosmic"] {
  --lwn-polish-surface-bg: linear-gradient(135deg, #17133f, #071326);
  --lwn-polish-subpanel-bg: rgba(23, 28, 73, 0.88);
  --lwn-polish-row-bg: rgba(34, 41, 94, 0.82);
  --lwn-polish-row-hover-bg: rgba(64, 72, 156, 0.52);
  --lwn-polish-row-color: #f4f7ff;
  --lwn-polish-muted: #b9c4ee;
  --lwn-polish-meta: #7dd3fc;
  --lwn-polish-border: rgba(125, 211, 252, 0.18);
  --lwn-polish-border-strong: #7dd3fc;
  --lwn-polish-active-bg: #7dd3fc;
  --lwn-polish-active-color: #071326;
  --lwn-polish-context-bg: rgba(167, 139, 250, 0.22);
  --lwn-polish-context-color: #ddd6fe;
}

.lwn-nav[data-lwn-visual-theme="minimal"] {
  --lwn-polish-tree-cols: minmax(13rem, 15rem) minmax(0, 1fr);
  --lwn-polish-tree-rows: minmax(0, 1fr);
  --lwn-polish-root-list-cols: 1fr;
  --lwn-polish-section-list-cols: 1fr;
  --lwn-polish-root-column: auto;
  --lwn-polish-root-row: auto;
  --lwn-polish-children-column: auto;
  --lwn-polish-children-row: auto;
}

.lwn-nav[data-lwn-visual-theme="high-contrast"] {
  --lwn-polish-surface-bg: #ffffff;
  --lwn-polish-subpanel-bg: #ffffff;
  --lwn-polish-row-bg: #ffffff;
  --lwn-polish-row-hover-bg: #fff4a3;
  --lwn-polish-row-color: #000000;
  --lwn-polish-muted: #000000;
  --lwn-polish-meta: #000000;
  --lwn-polish-border: #000000;
  --lwn-polish-border-strong: #000000;
  --lwn-polish-active-bg: #ffd400;
  --lwn-polish-active-color: #000000;
  --lwn-polish-context-bg: #ffd400;
  --lwn-polish-context-color: #000000;
  --lwn-polish-button-bg: #ffffff;
  --lwn-polish-button-color: #000000;
  --lwn-polish-button-hover-bg: #000000;
  --lwn-polish-button-hover-color: #ffffff;
  --lwn-polish-input-bg: #ffffff;
  --lwn-polish-input-color: #000000;
  --lwn-polish-shadow: none;
  --lwn-polish-soft-shadow: none;
  --lwn-polish-card-radius: 0;
  --lwn-polish-row-radius: 0;
  --lwn-polish-button-radius: 0;
}

.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-menu__title,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-panel__title,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-panel-tree__section-link,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-mobile-item__group-title,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-menu__description,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-panel__description,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-item__description,
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-item__meta {
  color: #000000;
}

/* ==========================================================================
   DISCONNECTED NAVBAR (Invisible Container)
   All themed navbars get a transparent container so buttons/links 
   float individually — no solid enclosing bar.
   ========================================================================== */

.lwn-nav[data-lwn-visual-theme] .lwn-nav__bar {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* Editorial: keep the newspaper double-rule accent line at the top */
.lwn-nav[data-lwn-visual-theme="editorial"] .lwn-nav__bar {
  border-top: 4px double var(--lwn-accent) !important;
  border-radius: 0 !important;
}

/* Mobile sheets still need a visible container so they don't disappear over content */
.lwn-nav[data-lwn-visual-theme] .lwn-nav__mobile {
  background: var(--lwn-panel, #ffffff) !important;
  border: 1px solid var(--lwn-line) !important;
}

/* ==========================================================================
   AESTHETIC DECOUPLING (Boutique / Floating Themes)
   Force separation between nav elements for themes that look better disconnected.
   High-contrast retains its original connected/rigid styling.
   ========================================================================== */

/* 1. Force a physical gap between the nav bar and the panels */
.lwn-nav[data-lwn-visual-theme="royal"] .lwn-menu[data-layout="panels"],
.lwn-nav[data-lwn-visual-theme="material-design"] .lwn-menu[data-layout="panels"],
.lwn-nav[data-lwn-visual-theme="graphite"] .lwn-menu[data-layout="panels"],
.lwn-nav[data-lwn-visual-theme="business"] .lwn-menu[data-layout="panels"],
.lwn-nav[data-lwn-visual-theme="minimal"] .lwn-menu[data-layout="panels"],
.lwn-nav[data-lwn-visual-theme="candy"] .lwn-menu[data-layout="panels"] {
  margin-top: 1rem !important;
}

/* 2. Break unified background colors between the header/nav bar and the panel */
.lwn-nav[data-lwn-visual-theme="royal"] .lwn-menu[data-layout="panels"],
.lwn-nav[data-lwn-visual-theme="graphite"] .lwn-menu[data-layout="panels"],
.lwn-nav[data-lwn-visual-theme="candy"] .lwn-menu[data-layout="panels"] {
  backdrop-filter: blur(12px) !important;
  background: color-mix(in srgb, var(--lwn-panel) 85%, transparent) !important;
}

/* 3. Disconnect sidebar/root-list from the children column */
.lwn-nav[data-lwn-visual-theme="royal"] .lwn-panel-tree__body,
.lwn-nav[data-lwn-visual-theme="material-design"] .lwn-panel-tree__body,
.lwn-nav[data-lwn-visual-theme="graphite"] .lwn-panel-tree__body,
.lwn-nav[data-lwn-visual-theme="business"] .lwn-panel-tree__body,
.lwn-nav[data-lwn-visual-theme="minimal"] .lwn-panel-tree__body,
.lwn-nav[data-lwn-visual-theme="candy"] .lwn-panel-tree__body {
  gap: 1.25rem !important;
}

.lwn-nav[data-lwn-visual-theme="royal"] .lwn-panel-tree__column--root,
.lwn-nav[data-lwn-visual-theme="material-design"] .lwn-panel-tree__column--root,
.lwn-nav[data-lwn-visual-theme="graphite"] .lwn-panel-tree__column--root,
.lwn-nav[data-lwn-visual-theme="business"] .lwn-panel-tree__column--root,
.lwn-nav[data-lwn-visual-theme="minimal"] .lwn-panel-tree__column--root,
.lwn-nav[data-lwn-visual-theme="candy"] .lwn-panel-tree__column--root {
  background: transparent !important;
  border-right: 1px solid var(--lwn-line) !important;
}

/* 4. Decouple retro themes with a smaller, distinct gap to prevent ugly double-borders */
.lwn-nav[data-lwn-visual-theme="windows-98"] .lwn-menu[data-layout="panels"],
.lwn-nav[data-lwn-visual-theme="terminal"] .lwn-menu[data-layout="panels"],
.lwn-nav[data-lwn-visual-theme="high-contrast"] .lwn-menu[data-layout="panels"] {
  margin-top: 0.5rem !important;
}

/* User-selectable wide-panel structure. Theme default keeps the theme-authored layout. */
.lwn-nav[data-lwn-panel-style="classic"] {
  --lwn-polish-wide-width: min(72rem, calc(100vw - 2rem));
  --lwn-polish-tree-cols: minmax(13.5rem, 15.5rem) minmax(0, 1fr);
  --lwn-polish-tree-rows: minmax(0, 1fr);
  --lwn-polish-tree-gap: 0.8rem;
  --lwn-polish-root-list-cols: 1fr;
  --lwn-polish-section-list-cols: 1fr;
  --lwn-polish-root-column: auto;
  --lwn-polish-root-row: auto;
  --lwn-polish-children-column: auto;
  --lwn-polish-children-row: auto;
}

.lwn-nav[data-lwn-panel-style="floating"] {
  --lwn-polish-wide-width: min(72rem, calc(100vw - 2rem));
  --lwn-polish-tree-cols: minmax(13rem, 15rem) minmax(0, 1fr);
  --lwn-polish-tree-rows: minmax(0, 1fr);
  --lwn-polish-tree-gap: 1.25rem;
  --lwn-polish-root-list-cols: 1fr;
  --lwn-polish-section-list-cols: 1fr;
  --lwn-polish-root-column: auto;
  --lwn-polish-root-row: auto;
  --lwn-polish-children-column: auto;
  --lwn-polish-children-row: auto;
}

.lwn-nav[data-lwn-panel-style="top-grid"] {
  --lwn-polish-wide-width: min(72rem, calc(100vw - 2rem));
  --lwn-polish-tree-cols: minmax(0, 1fr);
  --lwn-polish-tree-rows: auto minmax(0, 1fr);
  --lwn-polish-tree-gap: 0.9rem;
  --lwn-polish-root-list-cols: repeat(auto-fit, minmax(8rem, 1fr));
  --lwn-polish-section-list-cols: 1fr;
  --lwn-polish-root-column: auto;
  --lwn-polish-root-row: auto;
  --lwn-polish-children-column: auto;
  --lwn-polish-children-row: auto;
}

.lwn-nav[data-lwn-panel-style="split"] {
  --lwn-polish-wide-width: min(68rem, calc(100vw - 2rem));
  --lwn-polish-tree-cols: minmax(10.5rem, 12.5rem) minmax(0, 1fr);
  --lwn-polish-tree-rows: minmax(0, 1fr);
  --lwn-polish-tree-gap: 1rem;
  --lwn-polish-root-list-cols: 1fr;
  --lwn-polish-section-list-cols: repeat(2, minmax(0, 1fr));
  --lwn-polish-root-column: auto;
  --lwn-polish-root-row: auto;
  --lwn-polish-children-column: auto;
  --lwn-polish-children-row: auto;
}

.lwn-nav[data-lwn-panel-style="reversed"] {
  --lwn-polish-wide-width: min(72rem, calc(100vw - 2rem));
  --lwn-polish-tree-cols: minmax(0, 1fr) minmax(13rem, 15rem);
  --lwn-polish-tree-rows: minmax(0, 1fr);
  --lwn-polish-tree-gap: 1rem;
  --lwn-polish-root-list-cols: 1fr;
  --lwn-polish-section-list-cols: repeat(2, minmax(0, 1fr));
  --lwn-polish-root-column: 2;
  --lwn-polish-root-row: 1;
  --lwn-polish-children-column: 1;
  --lwn-polish-children-row: 1;
}

.lwn-nav[data-lwn-panel-style="classic"] .lwn-menu[data-layout="panels"],
.lwn-nav[data-lwn-panel-style="top-grid"] .lwn-menu[data-layout="panels"],
.lwn-nav[data-lwn-panel-style="split"] .lwn-menu[data-layout="panels"],
.lwn-nav[data-lwn-panel-style="reversed"] .lwn-menu[data-layout="panels"] {
  margin-top: 0.8rem !important;
  background: var(--lwn-polish-surface-bg) !important;
  backdrop-filter: var(--lwn-polish-backdrop) !important;
}

.lwn-nav[data-lwn-panel-style="classic"] .lwn-panel-tree__body,
.lwn-nav[data-lwn-panel-style="top-grid"] .lwn-panel-tree__body,
.lwn-nav[data-lwn-panel-style="split"] .lwn-panel-tree__body,
.lwn-nav[data-lwn-panel-style="reversed"] .lwn-panel-tree__body {
  gap: var(--lwn-polish-tree-gap) !important;
}

.lwn-nav[data-lwn-panel-style="classic"] .lwn-panel-tree__column--root,
.lwn-nav[data-lwn-panel-style="top-grid"] .lwn-panel-tree__column--root,
.lwn-nav[data-lwn-panel-style="split"] .lwn-panel-tree__column--root,
.lwn-nav[data-lwn-panel-style="reversed"] .lwn-panel-tree__column--root {
  background: var(--lwn-polish-subpanel-bg) !important;
  border: 1px solid var(--lwn-polish-border) !important;
}

.lwn-nav[data-lwn-panel-style="floating"] .lwn-menu[data-layout="panels"] {
  margin-top: 1rem !important;
  background: var(--lwn-polish-surface-bg) !important;
  backdrop-filter: blur(12px) !important;
}

.lwn-nav[data-lwn-panel-style="floating"] .lwn-panel-tree__body {
  gap: var(--lwn-polish-tree-gap) !important;
}

.lwn-nav[data-lwn-panel-style="floating"] .lwn-panel-tree__column--root {
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid var(--lwn-polish-border) !important;
}

/*
 * Dark mode for the base "default" theme.
 *
 * The light/dark toggle sets data-lwn-theme="dark", which already re-colors the
 * base bar chrome via the --lwn-* tokens in last-wp-nav.css. Without this block
 * the panel surfaces stay light, because they are painted from the static
 * --lwn-polish-* color tokens, which leaves a half-dark navigation.
 *
 * The selector matches the "default" slug only, so no preset theme is affected
 * (each preset keeps the colors in its own stylesheet). It is kept at specificity
 * 0,2,0 (no .lwn-nav class) and placed at the end of this file on purpose: it
 * therefore beats the default theme's own token blocks above by source order,
 * yet still loses to the per-theme override CSS that ThemeOptions::custom_css()
 * prints after this stylesheet (same specificity, later in the cascade). That
 * keeps a user's saved default-theme color overrides effective in dark mode.
 * Values reference the base dark palette so panels match the darkened bar.
 */
[data-lwn-visual-theme="default"][data-lwn-theme="dark"] {
  --lwn-polish-surface-bg: var(--lwn-panel-strong);
  --lwn-polish-subpanel-bg: var(--lwn-panel);
  --lwn-polish-row-bg: transparent;
  --lwn-polish-row-hover-bg: var(--lwn-hover);
  --lwn-polish-row-color: var(--lwn-ink);
  --lwn-polish-menu-title-color: var(--lwn-ink);
  --lwn-polish-muted: var(--lwn-muted);
  --lwn-polish-meta: var(--lwn-meta);
  --lwn-polish-border: var(--lwn-line);
  --lwn-polish-border-strong: var(--lwn-line-strong);
  --lwn-polish-active-bg: var(--lwn-accent);
  --lwn-polish-active-color: var(--lwn-accent-ink);
  --lwn-polish-context-bg: var(--lwn-context-soft);
  --lwn-polish-context-color: var(--lwn-context-ink);
  --lwn-polish-button-bg: var(--lwn-panel);
  --lwn-polish-button-color: var(--lwn-muted);
  --lwn-polish-button-border: var(--lwn-line-strong);
  --lwn-polish-button-hover-bg: var(--lwn-hover);
  --lwn-polish-button-hover-color: var(--lwn-ink);
  --lwn-polish-input-bg: var(--lwn-panel);
  --lwn-polish-input-color: var(--lwn-ink);
  --lwn-polish-shadow: var(--lwn-shadow-soft);
  --lwn-polish-soft-shadow: var(--lwn-shadow);
}