@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@300;400;500;600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@300;400;500;600&display=swap);
/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

/* Common */

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

:root {
  --ifm-color-scheme: light;

  /* Colors. */
  --ifm-dark-value: 10%;
  --ifm-darker-value: 15%;
  --ifm-darkest-value: 30%;
  --ifm-light-value: 15%;
  --ifm-lighter-value: 30%;
  --ifm-lightest-value: 50%;

  /*
  This seems like a lot, but we want to ensure enough contrast.
  Goal is to have a min score of 3 on https://www.myndex.com/APCA/fullmatrix
  For fontWeight 400 + score 3, the cell must show a value < 16px (fontsize we use in places like alerts)
  See also https://github.com/facebookincubator/infima/issues/55#issuecomment-884023075
   */
  --ifm-contrast-background-value: 90%;
  --ifm-contrast-foreground-value: 70%;
  /* Using slightly different values for dark mode */
  --ifm-contrast-background-dark-value: 70%;
  --ifm-contrast-foreground-dark-value: 90%;

  --ifm-color-primary: #3578e5;
  --ifm-color-secondary: #ebedf0;
  --ifm-color-success: #00a400;
  --ifm-color-info: #54c7ec;
  --ifm-color-warning: #ffba00;
  --ifm-color-danger: #fa383e;
    --ifm-color-primary-dark: rgb(48, 108, 206);
    --ifm-color-primary-darker: rgb(45, 102, 195);
    --ifm-color-primary-darkest: rgb(37, 84, 160);
    --ifm-color-primary-light: rgb(83, 140, 233);
    --ifm-color-primary-lighter: rgb(114, 161, 237);
    --ifm-color-primary-lightest: rgb(154, 188, 242);
    --ifm-color-primary-contrast-background: rgb(235, 242, 252);
    --ifm-color-primary-contrast-foreground: rgb(16, 36, 69);
    --ifm-color-secondary-dark: rgb(212, 213, 216);
    --ifm-color-secondary-darker: rgb(200, 201, 204);
    --ifm-color-secondary-darkest: rgb(164, 166, 168);
    --ifm-color-secondary-light: rgb(238, 240, 242);
    --ifm-color-secondary-lighter: rgb(241, 242, 245);
    --ifm-color-secondary-lightest: rgb(245, 246, 248);
    --ifm-color-secondary-contrast-background: rgb(253, 253, 254);
    --ifm-color-secondary-contrast-foreground: rgb(71, 71, 72);
    --ifm-color-success-dark: rgb(0, 148, 0);
    --ifm-color-success-darker: rgb(0, 139, 0);
    --ifm-color-success-darkest: rgb(0, 115, 0);
    --ifm-color-success-light: rgb(38, 178, 38);
    --ifm-color-success-lighter: rgb(77, 191, 77);
    --ifm-color-success-lightest: rgb(128, 210, 128);
    --ifm-color-success-contrast-background: rgb(230, 246, 230);
    --ifm-color-success-contrast-foreground: rgb(0, 49, 0);
    --ifm-color-info-dark: rgb(76, 179, 212);
    --ifm-color-info-darker: rgb(71, 169, 201);
    --ifm-color-info-darkest: rgb(59, 139, 165);
    --ifm-color-info-light: rgb(110, 207, 239);
    --ifm-color-info-lighter: rgb(135, 216, 242);
    --ifm-color-info-lightest: rgb(170, 227, 246);
    --ifm-color-info-contrast-background: rgb(238, 249, 253);
    --ifm-color-info-contrast-foreground: rgb(25, 60, 71);
    --ifm-color-warning-dark: rgb(230, 167, 0);
    --ifm-color-warning-darker: rgb(217, 158, 0);
    --ifm-color-warning-darkest: rgb(179, 130, 0);
    --ifm-color-warning-light: rgb(255, 196, 38);
    --ifm-color-warning-lighter: rgb(255, 207, 77);
    --ifm-color-warning-lightest: rgb(255, 221, 128);
    --ifm-color-warning-contrast-background: rgb(255, 248, 230);
    --ifm-color-warning-contrast-foreground: rgb(77, 56, 0);
    --ifm-color-danger-dark: rgb(225, 50, 56);
    --ifm-color-danger-darker: rgb(213, 48, 53);
    --ifm-color-danger-darkest: rgb(175, 39, 43);
    --ifm-color-danger-light: rgb(251, 86, 91);
    --ifm-color-danger-lighter: rgb(251, 116, 120);
    --ifm-color-danger-lightest: rgb(253, 156, 159);
    --ifm-color-danger-contrast-background: rgb(255, 235, 236);
    --ifm-color-danger-contrast-foreground: rgb(75, 17, 19);

  --ifm-color-white: #fff;
  --ifm-color-black: #000;

  --ifm-color-gray-0: var(--ifm-color-white);
  --ifm-color-gray-100: #f5f6f7;
  --ifm-color-gray-200: #ebedf0;
  --ifm-color-gray-300: #dadde1;
  --ifm-color-gray-400: #ccd0d5;
  --ifm-color-gray-500: #bec3c9;
  --ifm-color-gray-600: #8d949e;
  --ifm-color-gray-700: #606770;
  --ifm-color-gray-800: #444950;
  --ifm-color-gray-900: #1c1e21;
  --ifm-color-gray-1000: var(--ifm-color-black);

  --ifm-color-emphasis-0: var(--ifm-color-gray-0);
  --ifm-color-emphasis-100: var(--ifm-color-gray-100);
  --ifm-color-emphasis-200: var(--ifm-color-gray-200);
  --ifm-color-emphasis-300: var(--ifm-color-gray-300);
  --ifm-color-emphasis-400: var(--ifm-color-gray-400);
  --ifm-color-emphasis-500: var(--ifm-color-gray-500);
  --ifm-color-emphasis-600: var(--ifm-color-gray-600);
  --ifm-color-emphasis-700: var(--ifm-color-gray-700);
  --ifm-color-emphasis-800: var(--ifm-color-gray-800);
  --ifm-color-emphasis-900: var(--ifm-color-gray-900);
  --ifm-color-emphasis-1000: var(--ifm-color-gray-1000);

  /* Base. */
  --ifm-color-content: var(--ifm-color-emphasis-900);
  --ifm-color-content-inverse: var(--ifm-color-emphasis-0);
  --ifm-color-content-secondary: #525860;

  --ifm-background-color: transparent; /* Body's background. */
  --ifm-background-surface-color: var(--ifm-color-content-inverse);
  --ifm-global-border-width: 1px;
  --ifm-global-radius: 0.4rem;

  --ifm-hover-overlay: rgba(0, 0, 0, 0.05);

  /* Typography. */
  --ifm-font-color-base: var(--ifm-color-content);
  --ifm-font-color-base-inverse: var(--ifm-color-content-inverse);
  --ifm-font-color-secondary: var(--ifm-color-content-secondary);
  --ifm-font-family-base: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont,
    'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol';
  --ifm-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    'Liberation Mono', 'Courier New', monospace;
  --ifm-font-size-base: 100%;

  --ifm-font-weight-light: 300;
  --ifm-font-weight-normal: 400;
  --ifm-font-weight-semibold: 500;
  --ifm-font-weight-bold: 700;

  --ifm-font-weight-base: var(--ifm-font-weight-normal);
  --ifm-line-height-base: 1.65;

  /* Spacing. */
  --ifm-global-spacing: 1rem;
  --ifm-spacing-vertical: var(--ifm-global-spacing);
  --ifm-spacing-horizontal: var(--ifm-global-spacing);

  /* Transitions. */
  --ifm-transition-fast: 200ms;
  --ifm-transition-slow: 400ms;
  --ifm-transition-timing-default: cubic-bezier(0.08, 0.52, 0.52, 1);

  /* Shadows. */
  --ifm-global-shadow-lw: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  --ifm-global-shadow-md: 0 5px 40px rgba(0, 0, 0, 0.2);
  --ifm-global-shadow-tl: 0 12px 28px 0 rgba(0, 0, 0, 0.2),
    0 2px 4px 0 rgba(0, 0, 0, 0.1);

  /* Z-index. */
  --ifm-z-index-dropdown: 100;
  --ifm-z-index-fixed: 200;
  --ifm-z-index-overlay: 400;
  --ifm-container-width: 1140px;
  --ifm-container-width-xl: 1320px;
  --ifm-code-background: rgb(246, 247, 248);
  --ifm-code-border-radius: var(--ifm-global-radius);
  --ifm-code-font-size: 90%;
  --ifm-code-padding-horizontal: 0.1rem;
  --ifm-code-padding-vertical: 0.1rem;

  --ifm-pre-background: var(--ifm-code-background);
  --ifm-pre-border-radius: var(--ifm-code-border-radius);
  --ifm-pre-color: inherit;
  --ifm-pre-line-height: 1.45;
  --ifm-pre-padding: 1rem;
  --ifm-heading-color: inherit;
  --ifm-heading-margin-top: 0;
  --ifm-heading-margin-bottom: var(--ifm-spacing-vertical);
  --ifm-heading-font-family: var(--ifm-font-family-base);
  --ifm-heading-font-weight: var(--ifm-font-weight-bold);
  --ifm-heading-line-height: 1.25;

  --ifm-h1-font-size: 2rem;
  --ifm-h2-font-size: 1.5rem;
  --ifm-h3-font-size: 1.25rem;
  --ifm-h4-font-size: 1rem;
  --ifm-h5-font-size: 0.875rem;
  --ifm-h6-font-size: 0.85rem;
  --ifm-image-alignment-padding: 1.25rem;
  /* Leading is the distance between two baselines */
  /* TODO: add appropriate mobile leading */
  --ifm-leading-desktop: 1.25;
  --ifm-leading: calc(var(--ifm-leading-desktop) * 1rem);
  --ifm-list-left-padding: 2rem;
  --ifm-list-margin: 1rem;
  --ifm-list-item-margin: 0.25rem;
  --ifm-list-paragraph-margin: 1rem;
  --ifm-table-cell-padding: 0.75rem;

  --ifm-table-background: transparent;
  --ifm-table-stripe-background: rgba(0, 0, 0, 0.03);

  --ifm-table-border-width: 1px;
  --ifm-table-border-color: var(--ifm-color-emphasis-300);

  --ifm-table-head-background: inherit;
  --ifm-table-head-color: inherit;
  --ifm-table-head-font-weight: var(--ifm-font-weight-bold);

  --ifm-table-cell-color: inherit;
  /* Links. */
  --ifm-link-color: var(--ifm-color-primary);
  --ifm-link-decoration: none;
  --ifm-link-hover-color: var(--ifm-link-color);
  --ifm-link-hover-decoration: underline;

  /* Paragraphs. */
  --ifm-paragraph-margin-bottom: var(--ifm-leading);

  /* Blockquotes. */
  --ifm-blockquote-font-size: var(--ifm-font-size-base);
  --ifm-blockquote-border-left-width: 2px;
  --ifm-blockquote-padding-horizontal: var(--ifm-spacing-horizontal);
  --ifm-blockquote-padding-vertical: 0;
  --ifm-blockquote-shadow: none;
  --ifm-blockquote-color: var(--ifm-color-emphasis-800);
  --ifm-blockquote-border-color: var(--ifm-color-emphasis-300);

  /* Horizontal Rules. */
  --ifm-hr-background-color: var(--ifm-color-emphasis-500);
  --ifm-hr-height: 1px;
  --ifm-hr-margin-vertical: 1.5rem;
  --ifm-scrollbar-size: 7px;
  --ifm-scrollbar-track-background-color: #f1f1f1;
  --ifm-scrollbar-thumb-background-color: #c0c0c0;
  --ifm-scrollbar-thumb-hover-background-color: #a7a7a7;
  --ifm-alert-background-color: inherit; /* Set a default which will be overridden later. */
  --ifm-alert-border-color: inherit; /* Set a default which will be overridden later. */
  --ifm-alert-border-radius: var(--ifm-global-radius);
  --ifm-alert-border-width: 0px; /* For users that want to easily add a border */
  --ifm-alert-border-left-width: 5px;
  --ifm-alert-color: var(--ifm-font-color-base);
  --ifm-alert-padding-horizontal: var(--ifm-spacing-horizontal);
  --ifm-alert-padding-vertical: var(--ifm-spacing-vertical);
  --ifm-alert-shadow: var(--ifm-global-shadow-lw);
  --ifm-avatar-intro-margin: 1rem;
  --ifm-avatar-intro-alignment: inherit;
  --ifm-avatar-photo-size: 3rem;
  --ifm-badge-background-color: inherit; /* Set a default which will be overridden later. */
  --ifm-badge-border-color: inherit; /* Set a default which will be overridden later. */
  --ifm-badge-border-radius: var(--ifm-global-radius);
  --ifm-badge-border-width: var(--ifm-global-border-width);
  --ifm-badge-color: var(--ifm-color-white);
  --ifm-badge-padding-horizontal: calc(var(--ifm-spacing-horizontal) * 0.5);
  --ifm-badge-padding-vertical: calc(var(--ifm-spacing-vertical) * 0.25);
  --ifm-breadcrumb-border-radius: 1.5rem;
  --ifm-breadcrumb-spacing: 0.5rem;
  --ifm-breadcrumb-color-active: var(--ifm-color-primary);
  --ifm-breadcrumb-item-background-active: var(--ifm-hover-overlay);
  --ifm-breadcrumb-padding-horizontal: 0.8rem;
  --ifm-breadcrumb-padding-vertical: 0.4rem;
  --ifm-breadcrumb-size-multiplier: 1;
  --ifm-breadcrumb-separator: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 256 256"><g><g><polygon points="79.093,0 48.907,30.187 146.72,128 48.907,225.813 79.093,256 207.093,128"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>');
  --ifm-breadcrumb-separator-filter: none;
  --ifm-breadcrumb-separator-size: 0.5rem;
  --ifm-breadcrumb-separator-size-multiplier: 1.25;
  --ifm-button-background-color: inherit;
  --ifm-button-border-color: var(--ifm-button-background-color);
  --ifm-button-border-width: var(--ifm-global-border-width);
  --ifm-button-color: var(--ifm-font-color-base-inverse);
  --ifm-button-font-weight: var(--ifm-font-weight-bold);
  --ifm-button-padding-horizontal: 1.5rem;
  --ifm-button-padding-vertical: 0.375rem;
  --ifm-button-size-multiplier: 1;
  --ifm-button-transition-duration: var(--ifm-transition-fast);
  --ifm-button-border-radius: calc(
    var(--ifm-global-radius) * var(--ifm-button-size-multiplier)
  );
  --ifm-button-group-spacing: 2px;
  --ifm-card-background-color: var(--ifm-background-surface-color);
  --ifm-card-border-radius: calc(var(--ifm-global-radius) * 2);
  --ifm-card-horizontal-spacing: var(--ifm-global-spacing);
  --ifm-card-vertical-spacing: var(--ifm-global-spacing);
  --ifm-toc-border-color: var(--ifm-color-emphasis-300);
  --ifm-toc-link-color: var(--ifm-color-content-secondary);
  --ifm-toc-padding-vertical: 0.5rem;
  --ifm-toc-padding-horizontal: 0.5rem;
  --ifm-dropdown-background-color: var(--ifm-background-surface-color);
  --ifm-dropdown-font-weight: var(--ifm-font-weight-semibold);
  --ifm-dropdown-link-color: var(--ifm-font-color-base);
  --ifm-dropdown-hover-background-color: var(--ifm-hover-overlay);
  --ifm-footer-background-color: var(--ifm-color-emphasis-100);
  --ifm-footer-color: inherit;
  --ifm-footer-link-color: var(--ifm-color-emphasis-700);
  --ifm-footer-link-hover-color: var(--ifm-color-primary);
  --ifm-footer-link-horizontal-spacing: 0.5rem;
  --ifm-footer-padding-horizontal: calc(var(--ifm-spacing-horizontal) * 2);
  --ifm-footer-padding-vertical: calc(var(--ifm-spacing-vertical) * 2);
  --ifm-footer-title-color: inherit;
  --ifm-footer-logo-max-width: min(30rem, 90vw);
  --ifm-hero-background-color: var(--ifm-background-surface-color);
  --ifm-hero-text-color: var(--ifm-color-emphasis-800);
  --ifm-menu-color: var(--ifm-color-emphasis-700);
  --ifm-menu-color-active: var(--ifm-color-primary);
  --ifm-menu-color-background-active: var(--ifm-hover-overlay);
  --ifm-menu-color-background-hover: var(--ifm-hover-overlay);
  --ifm-menu-link-padding-horizontal: 0.75rem;
  --ifm-menu-link-padding-vertical: 0.375rem;
  --ifm-menu-link-sublist-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24"><path fill="rgba(0,0,0,0.5)" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>');
  --ifm-menu-link-sublist-icon-filter: none;
  --ifm-navbar-background-color: var(--ifm-background-surface-color);
  --ifm-navbar-height: 3.75rem;
  --ifm-navbar-item-padding-horizontal: 0.75rem;
  --ifm-navbar-item-padding-vertical: 0.25rem;
  --ifm-navbar-link-color: var(--ifm-font-color-base);
  --ifm-navbar-link-hover-color: var(--ifm-color-primary);
  --ifm-navbar-link-active-color: var(--ifm-link-color);
  --ifm-navbar-padding-horizontal: var(--ifm-spacing-horizontal);
  --ifm-navbar-padding-vertical: calc(var(--ifm-spacing-vertical) * 0.5);
  --ifm-navbar-shadow: var(--ifm-global-shadow-lw);
  --ifm-navbar-search-input-background-color: var(--ifm-color-emphasis-200);
  --ifm-navbar-search-input-color: var(--ifm-color-emphasis-800);
  --ifm-navbar-search-input-placeholder-color: var(--ifm-color-emphasis-500);
  --ifm-navbar-search-input-icon: url('data:image/svg+xml;utf8,<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="16px" width="16px"><path d="M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,0,0,1,6.02945,10.20327Zm9.69195,4.2199L10.8989,9.59979A5.88021,5.88021,0,0,0,12.058,6.02856,6.00467,6.00467,0,1,0,9.59979,10.8989l4.82338,4.82338a.89729.89729,0,0,0,1.29912,0,.89749.89749,0,0,0-.00087-1.29909Z" /></svg>');
  --ifm-navbar-sidebar-width: 83vw;
  --ifm-pagination-border-radius: var(--ifm-global-radius);
  --ifm-pagination-color-active: var(--ifm-color-primary);
  --ifm-pagination-font-size: 1rem;
  --ifm-pagination-item-active-background: var(--ifm-hover-overlay);
  --ifm-pagination-page-spacing: 0.2em;
  --ifm-pagination-padding-horizontal: calc(var(--ifm-spacing-horizontal) * 1);
  --ifm-pagination-padding-vertical: calc(var(--ifm-spacing-vertical) * 0.25);
  --ifm-pagination-nav-border-radius: var(--ifm-global-radius);
  --ifm-pagination-nav-color-hover: var(--ifm-color-primary);
  --ifm-pills-color-active: var(--ifm-color-primary);
  --ifm-pills-color-background-active: var(--ifm-hover-overlay);
  --ifm-pills-spacing: 0.125rem;
  --ifm-tabs-color: var(--ifm-font-color-secondary);
  --ifm-tabs-color-active: var(--ifm-color-primary);
  --ifm-tabs-color-active-border: var(--ifm-tabs-color-active);
  --ifm-tabs-padding-horizontal: 1rem;
  --ifm-tabs-padding-vertical: 1rem;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

* {
  box-sizing: border-box;
}

html {
  background-color: var(--ifm-background-color);
  color: var(--ifm-font-color-base);
  color-scheme: var(--ifm-color-scheme);
  font: var(--ifm-font-size-base) / var(--ifm-line-height-base)
    var(--ifm-font-family-base);
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  text-rendering: optimizelegibility;
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

body {
  margin: 0;
  word-wrap: break-word;
}

iframe {
  border: 0;
  color-scheme: auto;
}

/* Layout */

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.container {
  margin: 0 auto;
  max-width: var(--ifm-container-width);
  padding: 0 var(--ifm-spacing-horizontal);
  width: 100%;
}

.container--fluid {
    max-width: inherit;
  }

.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(var(--ifm-spacing-horizontal) * -1);
}

.row--no-gutters {
    margin-left: 0;
    margin-right: 0;
  }

.row--no-gutters > .col {
      padding-left: 0;
      padding-right: 0;
    }

.row--align-top {
    align-items: flex-start;
  }

.row--align-bottom {
    align-items: flex-end;
  }

.row--align-center {
    align-items: center;
  }

.row--align-stretch {
    align-items: stretch;
  }

.row--align-baseline {
    align-items: baseline;
  }

.col {
  --ifm-col-width: 100%;

  flex: 1 0;
  margin-left: 0;
  max-width: var(--ifm-col-width);
  padding: 0 var(--ifm-spacing-horizontal);
  width: 100%;
}

.col[class*='col--'] {
    flex: 0 0 var(--ifm-col-width);
  }

.col--1 {
      --ifm-col-width: calc(1 / 12 * 100%);
    }

.col--offset-1 {
      margin-left: calc(1 / 12 * 100%);
    }

.col--2 {
      --ifm-col-width: calc(2 / 12 * 100%);
    }

.col--offset-2 {
      margin-left: calc(2 / 12 * 100%);
    }

.col--3 {
      --ifm-col-width: calc(3 / 12 * 100%);
    }

.col--offset-3 {
      margin-left: calc(3 / 12 * 100%);
    }

.col--4 {
      --ifm-col-width: calc(4 / 12 * 100%);
    }

.col--offset-4 {
      margin-left: calc(4 / 12 * 100%);
    }

.col--5 {
      --ifm-col-width: calc(5 / 12 * 100%);
    }

.col--offset-5 {
      margin-left: calc(5 / 12 * 100%);
    }

.col--6 {
      --ifm-col-width: calc(6 / 12 * 100%);
    }

.col--offset-6 {
      margin-left: calc(6 / 12 * 100%);
    }

.col--7 {
      --ifm-col-width: calc(7 / 12 * 100%);
    }

.col--offset-7 {
      margin-left: calc(7 / 12 * 100%);
    }

.col--8 {
      --ifm-col-width: calc(8 / 12 * 100%);
    }

.col--offset-8 {
      margin-left: calc(8 / 12 * 100%);
    }

.col--9 {
      --ifm-col-width: calc(9 / 12 * 100%);
    }

.col--offset-9 {
      margin-left: calc(9 / 12 * 100%);
    }

.col--10 {
      --ifm-col-width: calc(10 / 12 * 100%);
    }

.col--offset-10 {
      margin-left: calc(10 / 12 * 100%);
    }

.col--11 {
      --ifm-col-width: calc(11 / 12 * 100%);
    }

.col--offset-11 {
      margin-left: calc(11 / 12 * 100%);
    }

.col--12 {
      --ifm-col-width: calc(12 / 12 * 100%);
    }

.col--offset-12 {
      margin-left: calc(12 / 12 * 100%);
    }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.margin--none {
      margin: 0 !important;
    }

.margin-top--none {
        margin-top: 0 !important;
      }

.margin-left--none {
        margin-left: 0 !important;
      }

.margin-bottom--none {
        margin-bottom: 0 !important;
      }

.margin-right--none {
        margin-right: 0 !important;
      }

.margin-vert--none {
      margin-bottom: 0 !important;
      margin-top: 0 !important;
    }

.margin-horiz--none {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

.margin--xs {
      margin: 0.25rem !important;
    }

.margin-top--xs {
        margin-top: 0.25rem !important;
      }

.margin-left--xs {
        margin-left: 0.25rem !important;
      }

.margin-bottom--xs {
        margin-bottom: 0.25rem !important;
      }

.margin-right--xs {
        margin-right: 0.25rem !important;
      }

.margin-vert--xs {
      margin-bottom: 0.25rem !important;
      margin-top: 0.25rem !important;
    }

.margin-horiz--xs {
      margin-left: 0.25rem !important;
      margin-right: 0.25rem !important;
    }

.margin--sm {
      margin: 0.5rem !important;
    }

.margin-top--sm {
        margin-top: 0.5rem !important;
      }

.margin-left--sm {
        margin-left: 0.5rem !important;
      }

.margin-bottom--sm {
        margin-bottom: 0.5rem !important;
      }

.margin-right--sm {
        margin-right: 0.5rem !important;
      }

.margin-vert--sm {
      margin-bottom: 0.5rem !important;
      margin-top: 0.5rem !important;
    }

.margin-horiz--sm {
      margin-left: 0.5rem !important;
      margin-right: 0.5rem !important;
    }

.margin--md {
      margin: 1rem !important;
    }

.margin-top--md {
        margin-top: 1rem !important;
      }

.margin-left--md {
        margin-left: 1rem !important;
      }

.margin-bottom--md {
        margin-bottom: 1rem !important;
      }

.margin-right--md {
        margin-right: 1rem !important;
      }

.margin-vert--md {
      margin-bottom: 1rem !important;
      margin-top: 1rem !important;
    }

.margin-horiz--md {
      margin-left: 1rem !important;
      margin-right: 1rem !important;
    }

.margin--lg {
      margin: 2rem !important;
    }

.margin-top--lg {
        margin-top: 2rem !important;
      }

.margin-left--lg {
        margin-left: 2rem !important;
      }

.margin-bottom--lg {
        margin-bottom: 2rem !important;
      }

.margin-right--lg {
        margin-right: 2rem !important;
      }

.margin-vert--lg {
      margin-bottom: 2rem !important;
      margin-top: 2rem !important;
    }

.margin-horiz--lg {
      margin-left: 2rem !important;
      margin-right: 2rem !important;
    }

.margin--xl {
      margin: 5rem !important;
    }

.margin-top--xl {
        margin-top: 5rem !important;
      }

.margin-left--xl {
        margin-left: 5rem !important;
      }

.margin-bottom--xl {
        margin-bottom: 5rem !important;
      }

.margin-right--xl {
        margin-right: 5rem !important;
      }

.margin-vert--xl {
      margin-bottom: 5rem !important;
      margin-top: 5rem !important;
    }

.margin-horiz--xl {
      margin-left: 5rem !important;
      margin-right: 5rem !important;
    }

.padding--none {
      padding: 0 !important;
    }

.padding-top--none {
        padding-top: 0 !important;
      }

.padding-left--none {
        padding-left: 0 !important;
      }

.padding-bottom--none {
        padding-bottom: 0 !important;
      }

.padding-right--none {
        padding-right: 0 !important;
      }

.padding-vert--none {
      padding-bottom: 0 !important;
      padding-top: 0 !important;
    }

.padding-horiz--none {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

.padding--xs {
      padding: 0.25rem !important;
    }

.padding-top--xs {
        padding-top: 0.25rem !important;
      }

.padding-left--xs {
        padding-left: 0.25rem !important;
      }

.padding-bottom--xs {
        padding-bottom: 0.25rem !important;
      }

.padding-right--xs {
        padding-right: 0.25rem !important;
      }

.padding-vert--xs {
      padding-bottom: 0.25rem !important;
      padding-top: 0.25rem !important;
    }

.padding-horiz--xs {
      padding-left: 0.25rem !important;
      padding-right: 0.25rem !important;
    }

.padding--sm {
      padding: 0.5rem !important;
    }

.padding-top--sm {
        padding-top: 0.5rem !important;
      }

.padding-left--sm {
        padding-left: 0.5rem !important;
      }

.padding-bottom--sm {
        padding-bottom: 0.5rem !important;
      }

.padding-right--sm {
        padding-right: 0.5rem !important;
      }

.padding-vert--sm {
      padding-bottom: 0.5rem !important;
      padding-top: 0.5rem !important;
    }

.padding-horiz--sm {
      padding-left: 0.5rem !important;
      padding-right: 0.5rem !important;
    }

.padding--md {
      padding: 1rem !important;
    }

.padding-top--md {
        padding-top: 1rem !important;
      }

.padding-left--md {
        padding-left: 1rem !important;
      }

.padding-bottom--md {
        padding-bottom: 1rem !important;
      }

.padding-right--md {
        padding-right: 1rem !important;
      }

.padding-vert--md {
      padding-bottom: 1rem !important;
      padding-top: 1rem !important;
    }

.padding-horiz--md {
      padding-left: 1rem !important;
      padding-right: 1rem !important;
    }

.padding--lg {
      padding: 2rem !important;
    }

.padding-top--lg {
        padding-top: 2rem !important;
      }

.padding-left--lg {
        padding-left: 2rem !important;
      }

.padding-bottom--lg {
        padding-bottom: 2rem !important;
      }

.padding-right--lg {
        padding-right: 2rem !important;
      }

.padding-vert--lg {
      padding-bottom: 2rem !important;
      padding-top: 2rem !important;
    }

.padding-horiz--lg {
      padding-left: 2rem !important;
      padding-right: 2rem !important;
    }

.padding--xl {
      padding: 5rem !important;
    }

.padding-top--xl {
        padding-top: 5rem !important;
      }

.padding-left--xl {
        padding-left: 5rem !important;
      }

.padding-bottom--xl {
        padding-bottom: 5rem !important;
      }

.padding-right--xl {
        padding-right: 5rem !important;
      }

.padding-vert--xl {
      padding-bottom: 5rem !important;
      padding-top: 5rem !important;
    }

.padding-horiz--xl {
      padding-left: 5rem !important;
      padding-right: 5rem !important;
    }

/* Content */

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

code {
  background-color: var(--ifm-code-background);
  border: 0.1rem solid rgba(0, 0, 0, 0.1);
  border-radius: var(--ifm-code-border-radius);
  font-family: var(--ifm-font-family-monospace);
  font-size: var(--ifm-code-font-size);
  padding: var(--ifm-code-padding-vertical) var(--ifm-code-padding-horizontal);
  vertical-align: middle;
}

a code {
  color: inherit;
}

pre {
  background-color: var(--ifm-pre-background);
  border-radius: var(--ifm-pre-border-radius);
  color: var(--ifm-pre-color);
  font: var(--ifm-code-font-size) / var(--ifm-pre-line-height)
    var(--ifm-font-family-monospace);
  margin: 0 0 var(--ifm-spacing-vertical);
  overflow: auto;
  padding: var(--ifm-pre-padding);
}

pre code {
    background-color: transparent;
    border: none;
    font-size: 100%;
    line-height: inherit;
    padding: 0;
  }

kbd {
  background-color: var(--ifm-color-emphasis-0);
  border: 1px solid var(--ifm-color-emphasis-400);
  border-radius: 0.2rem;
  box-shadow: inset 0 -1px 0 var(--ifm-color-emphasis-400);
  color: var(--ifm-color-emphasis-800);
  font: 80% var(--ifm-font-family-monospace);
  padding: 0.15rem 0.3rem;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--ifm-heading-color);
  font-family: var(--ifm-heading-font-family);
  font-weight: var(--ifm-heading-font-weight);
  line-height: var(--ifm-heading-line-height);
  margin: var(--ifm-heading-margin-top) 0 var(--ifm-heading-margin-bottom) 0;
}

h1 {
    font-size: var(--ifm-h1-font-size);
  }

h2 {
    font-size: var(--ifm-h2-font-size);
  }

h3 {
    font-size: var(--ifm-h3-font-size);
  }

h4 {
    font-size: var(--ifm-h4-font-size);
  }

h5 {
    font-size: var(--ifm-h5-font-size);
  }

h6 {
    font-size: var(--ifm-h6-font-size);
  }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

img {
  max-width: 100%;
}

img[align='right'] {
  padding-left: var(--image-alignment-padding);
}

img[align='left'] {
  padding-right: var(--image-alignment-padding);
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.markdown {
  --ifm-h1-vertical-rhythm-top: 3;
  --ifm-h2-vertical-rhythm-top: 2;
  --ifm-h3-vertical-rhythm-top: 1.5;
  --ifm-heading-vertical-rhythm-top: 1.25;

  --ifm-h1-vertical-rhythm-bottom: 1.25;
  --ifm-heading-vertical-rhythm-bottom: 1;
}

.markdown:before {
    content: '';
    display: table;
  }

.markdown:after {
    clear: both;
    content: '';
    display: table;
  }

.markdown > *:last-child {
    margin-bottom: 0 !important;
  }

.markdown h1:first-child {
    --ifm-h1-font-size: 3rem;

    margin-bottom: calc(
      var(--ifm-h1-vertical-rhythm-bottom) * var(--ifm-leading)
    );
  }

.markdown > h2 {
    --ifm-h2-font-size: 2rem;

    margin-bottom: calc(
      var(--ifm-heading-vertical-rhythm-bottom) * var(--ifm-leading)
    );
    margin-top: calc(var(--ifm-h2-vertical-rhythm-top) * var(--ifm-leading));
  }

.markdown > h3 {
    --ifm-h3-font-size: 1.5rem;

    margin-bottom: calc(
      var(--ifm-heading-vertical-rhythm-bottom) * var(--ifm-leading)
    );
    margin-top: calc(var(--ifm-h3-vertical-rhythm-top) * var(--ifm-leading));
  }

.markdown > h4,
  .markdown > h5,
  .markdown > h6 {
    margin-bottom: calc(
      var(--ifm-heading-vertical-rhythm-bottom) * var(--ifm-leading)
    );
    margin-top: calc(
      var(--ifm-heading-vertical-rhythm-top) * var(--ifm-leading)
    );
  }

/* Consistent spacing between content paragraphs. */

.markdown > pre,
  .markdown > ul,
  .markdown > p {
    margin-bottom: var(--ifm-leading);
  }

.markdown li {
    word-wrap: break-word;
  }

.markdown li > p {
      margin-top: var(--ifm-list-paragraph-margin);
    }

.markdown li + li {
      margin-top: var(--ifm-list-item-margin);
    }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

/* Lists */

ul,
ol {
  margin: 0 0 var(--ifm-list-margin);
  padding-left: var(--ifm-list-left-padding);
}

ol ol,
ul ol {
  list-style-type: lower-roman;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin: 0;
}

ul ul ol,
ul ol ol,
ol ul ol,
ol ol ol {
  list-style-type: lower-alpha;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

table {
  border-collapse: collapse;
  display: block;
  margin-bottom: var(--ifm-spacing-vertical);
  overflow: auto;
}

table thead tr {
    border-bottom: 2px solid var(--ifm-table-border-color);
  }

table thead {
    background-color: var(--ifm-table-stripe-background);
  }

table tr {
    background-color: var(--ifm-table-background);
    border-top: var(--ifm-table-border-width) solid
      var(--ifm-table-border-color);
  }

table tr:nth-child(2n) {
    background-color: var(--ifm-table-stripe-background);
  }

table th,
  table td {
    border: var(--ifm-table-border-width) solid var(--ifm-table-border-color);
    padding: var(--ifm-table-cell-padding);
  }

table th {
    background-color: var(--ifm-table-head-background);
    color: var(--ifm-table-head-color);
    font-weight: var(--ifm-table-head-font-weight);
  }

table td {
    color: var(--ifm-table-cell-color);
  }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

strong {
  font-weight: var(--ifm-font-weight-bold);
}

/* Links */

a {
  color: var(--ifm-link-color);
  /* autoprefixer: ignore next */
  text-decoration: var(--ifm-link-decoration);
  transition: color var(--ifm-transition-fast) var(--ifm-transition-timing-default);
}

a:hover {
    color: var(--ifm-link-hover-color);
    /* autoprefixer: ignore next */
    text-decoration: var(--ifm-link-hover-decoration);
  }

a:not([href]) {
    -webkit-text-decoration: none;
    text-decoration: none;
  }

/* Paragraphs */

p {
  margin: 0 0 var(--ifm-paragraph-margin-bottom);
}

/* Blockquotes */

blockquote {
  border-left: var(--ifm-blockquote-border-left-width) solid
    var(--ifm-blockquote-border-color);
  box-shadow: var(--ifm-blockquote-shadow);
  color: var(--ifm-blockquote-color);
  font-size: var(--ifm-blockquote-font-size);
  margin: 0 0 var(--ifm-spacing-vertical);
  padding: var(--ifm-blockquote-padding-vertical)
    var(--ifm-blockquote-padding-horizontal);
}

blockquote > :first-child {
    margin-top: 0;
  }

blockquote > :last-child {
    margin-bottom: 0;
  }

/* Horizontal Rules */

hr {
  background-color: var(--ifm-hr-background-color);
  border: 0;
  height: var(--ifm-hr-height);
  margin: var(--ifm-hr-margin-vertical) 0;
}

/* Utilities */

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.shadow--lw {
    box-shadow: var(--ifm-global-shadow-lw) !important;
  }

.shadow--md {
    box-shadow: var(--ifm-global-shadow-md) !important;
  }

.shadow--tl {
    box-shadow: var(--ifm-global-shadow-tl) !important;
  }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.text--primary {
    color: var(--ifm-color-primary);
  }

.text--secondary {
    color: var(--ifm-color-secondary);
  }

.text--success {
    color: var(--ifm-color-success);
  }

.text--info {
    color: var(--ifm-color-info);
  }

.text--warning {
    color: var(--ifm-color-warning);
  }

.text--danger {
    color: var(--ifm-color-danger);
  }

.text--center {
    text-align: center;
  }

.text--left {
    text-align: left;
  }

.text--justify {
    text-align: justify;
  }

.text--right {
    text-align: right;
  }

.text--capitalize {
    text-transform: capitalize;
  }

.text--lowercase {
    text-transform: lowercase;
  }

.text--uppercase {
    text-transform: uppercase;
  }

.text--light {
    font-weight: var(--ifm-font-weight-light);
  }

.text--normal {
    font-weight: var(--ifm-font-weight-normal);
  }

.text--semibold {
    font-weight: var(--ifm-font-weight-semibold);
  }

.text--bold {
    font-weight: var(--ifm-font-weight-bold);
  }

.text--italic {
  font-style: italic;
}

.text--truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text--break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

.text--no-decoration,
  .text--no-decoration:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
  }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.clean-btn {
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  padding: 0;
}

.clean-list {
  list-style: none;
  padding-left: 0;
}

/* Components */

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.alert--primary {
      --ifm-alert-background-color: var(
        --ifm-color-primary-contrast-background
      );
      --ifm-alert-background-color-highlight: rgba(53, 120, 229, 0.15);
      --ifm-alert-foreground-color: var(
        --ifm-color-primary-contrast-foreground
      );
      --ifm-alert-border-color: var(--ifm-color-primary-dark);
    }

.alert--secondary {
      --ifm-alert-background-color: var(
        --ifm-color-secondary-contrast-background
      );
      --ifm-alert-background-color-highlight: rgba(235, 237, 240, 0.15);
      --ifm-alert-foreground-color: var(
        --ifm-color-secondary-contrast-foreground
      );
      --ifm-alert-border-color: var(--ifm-color-secondary-dark);
    }

.alert--success {
      --ifm-alert-background-color: var(
        --ifm-color-success-contrast-background
      );
      --ifm-alert-background-color-highlight: rgba(0, 164, 0, 0.15);
      --ifm-alert-foreground-color: var(
        --ifm-color-success-contrast-foreground
      );
      --ifm-alert-border-color: var(--ifm-color-success-dark);
    }

.alert--info {
      --ifm-alert-background-color: var(
        --ifm-color-info-contrast-background
      );
      --ifm-alert-background-color-highlight: rgba(84, 199, 236, 0.15);
      --ifm-alert-foreground-color: var(
        --ifm-color-info-contrast-foreground
      );
      --ifm-alert-border-color: var(--ifm-color-info-dark);
    }

.alert--warning {
      --ifm-alert-background-color: var(
        --ifm-color-warning-contrast-background
      );
      --ifm-alert-background-color-highlight: rgba(255, 186, 0, 0.15);
      --ifm-alert-foreground-color: var(
        --ifm-color-warning-contrast-foreground
      );
      --ifm-alert-border-color: var(--ifm-color-warning-dark);
    }

.alert--danger {
      --ifm-alert-background-color: var(
        --ifm-color-danger-contrast-background
      );
      --ifm-alert-background-color-highlight: rgba(250, 56, 62, 0.15);
      --ifm-alert-foreground-color: var(
        --ifm-color-danger-contrast-foreground
      );
      --ifm-alert-border-color: var(--ifm-color-danger-dark);
    }

.alert {

  --ifm-code-background: var(--ifm-alert-background-color-highlight);
  --ifm-link-color: var(--ifm-alert-foreground-color);
  --ifm-link-hover-color: var(--ifm-alert-foreground-color);
  --ifm-link-decoration: underline;
  --ifm-tabs-color: var(--ifm-alert-foreground-color);
  --ifm-tabs-color-active: var(--ifm-alert-foreground-color);
  --ifm-tabs-color-active-border: var(--ifm-alert-border-color);

  background-color: var(--ifm-alert-background-color);
  border: var(--ifm-alert-border-width) solid var(--ifm-alert-border-color);
  border-left-width: var(--ifm-alert-border-left-width);
  border-radius: var(--ifm-alert-border-radius);
  box-shadow: var(--ifm-alert-shadow);
  color: var(--ifm-alert-foreground-color);
  padding: var(--ifm-alert-padding-vertical) var(--ifm-alert-padding-horizontal);
}

.alert__heading {
    align-items: center;
    display: flex;
    font: bold var(--ifm-h5-font-size) / var(--ifm-heading-line-height)
      var(--ifm-heading-font-family);
    margin-bottom: 0.5rem;
    text-transform: uppercase;
  }

.alert__icon {
    display: inline-flex;
    margin-right: 0.4em;
  }

.alert__icon svg {
      fill: var(--ifm-alert-foreground-color);
      stroke: var(--ifm-alert-foreground-color);
      stroke-width: 0;
    }

.alert .close {
    color: var(--ifm-alert-foreground-color);
    margin: calc(var(--ifm-alert-padding-vertical) * -1)
      calc(var(--ifm-alert-padding-horizontal) * -1) 0 0;

    opacity: 0.75;
  }

.alert .close:hover,
    .alert .close:focus {
      opacity: 1;
    }

.alert a {
    text-decoration-color: var(--ifm-alert-border-color);
  }

.alert a:hover {
      text-decoration-thickness: 2px;
    }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.avatar {
  column-gap: var(--ifm-avatar-intro-margin);
  display: flex;
}

.avatar__photo {
    border-radius: 50%;
    display: block;
    height: var(--ifm-avatar-photo-size);
    overflow: hidden;
    width: var(--ifm-avatar-photo-size);
  }

.avatar__photo--sm {
      --ifm-avatar-photo-size: 2rem;
    }

.avatar__photo--lg {
      --ifm-avatar-photo-size: 4rem;
    }

.avatar__photo--xl {
      --ifm-avatar-photo-size: 6rem;
    }

.avatar__intro {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    justify-content: center;
    text-align: var(--ifm-avatar-intro-alignment);
  }

.avatar__name {
    font: bold var(--ifm-h4-font-size) / var(--ifm-heading-line-height)
      var(--ifm-font-family-base);
  }

.avatar__subtitle {
    margin-top: 0.25rem;
  }

.avatar--vertical {
    --ifm-avatar-intro-alignment: center;
    --ifm-avatar-intro-margin: 0.5rem;

    align-items: center;
    flex-direction: column;
  }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.badge {
  background-color: var(--ifm-badge-background-color);
  border: var(--ifm-badge-border-width) solid var(--ifm-badge-border-color);
  border-radius: var(--ifm-badge-border-radius);
  color: var(--ifm-badge-color);
  display: inline-block;
  font-size: 75%;
  font-weight: var(--ifm-font-weight-bold);
  line-height: 1;
  padding: var(--ifm-badge-padding-vertical) var(--ifm-badge-padding-horizontal);
}

.badge--primary {
      --ifm-badge-background-color: var(--ifm-color-primary);
      --ifm-badge-border-color: var(--ifm-badge-background-color);
    }

.badge--secondary {
      --ifm-badge-background-color: var(--ifm-color-secondary);
      --ifm-badge-border-color: var(--ifm-badge-background-color);
    color: var(--ifm-color-black);
    }

.badge--success {
      --ifm-badge-background-color: var(--ifm-color-success);
      --ifm-badge-border-color: var(--ifm-badge-background-color);
    }

.badge--info {
      --ifm-badge-background-color: var(--ifm-color-info);
      --ifm-badge-border-color: var(--ifm-badge-background-color);
    }

.badge--warning {
      --ifm-badge-background-color: var(--ifm-color-warning);
      --ifm-badge-border-color: var(--ifm-badge-background-color);
    }

.badge--danger {
      --ifm-badge-background-color: var(--ifm-color-danger);
      --ifm-badge-border-color: var(--ifm-badge-background-color);
    }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.breadcrumbs {
  margin-bottom: 0;
  padding-left: 0;
}

.breadcrumbs__item {
    display: inline-block;
  }

.breadcrumbs__item:not(:last-child):after {
      background: var(--ifm-breadcrumb-separator) center;
      content: ' ';
      display: inline-block;
      filter: var(--ifm-breadcrumb-separator-filter);
      height: calc(
        var(--ifm-breadcrumb-separator-size) *
          var(--ifm-breadcrumb-size-multiplier) *
          var(--ifm-breadcrumb-separator-size-multiplier)
      );
      margin: 0 var(--ifm-breadcrumb-spacing);
      opacity: 0.5;
      width: calc(
        var(--ifm-breadcrumb-separator-size) *
          var(--ifm-breadcrumb-size-multiplier) *
          var(--ifm-breadcrumb-separator-size-multiplier)
      );
      /*rtl:raw:
      transform: rotate(180deg);
      */
    }

.breadcrumbs__item--active .breadcrumbs__link {
        background: var(--ifm-breadcrumb-item-background-active);
        color: var(--ifm-breadcrumb-color-active);
      }

.breadcrumbs__link {
    border-radius: var(--ifm-breadcrumb-border-radius);
    color: var(--ifm-font-color-base);
    display: inline-block;
    font-size: calc(1rem * var(--ifm-breadcrumb-size-multiplier));
    padding: calc(
        var(--ifm-breadcrumb-padding-vertical) *
          var(--ifm-breadcrumb-size-multiplier)
      )
      calc(
        var(--ifm-breadcrumb-padding-horizontal) *
          var(--ifm-breadcrumb-size-multiplier)
      );
    transition-property: background, color;
    transition-duration: var(--ifm-transition-fast);
    transition-timing-function: var(--ifm-transition-timing-default);
  }

.breadcrumbs__link:link:hover, .breadcrumbs__link:visited:hover, area[href].breadcrumbs__link:hover {
      background: var(--ifm-breadcrumb-item-background-active);
      -webkit-text-decoration: none;
      text-decoration: none;
    }

.breadcrumbs__link:any-link:hover {
      background: var(--ifm-breadcrumb-item-background-active);
      -webkit-text-decoration: none;
      text-decoration: none;
    }

.breadcrumbs--sm {
    --ifm-breadcrumb-size-multiplier: 0.8;
  }

.breadcrumbs--lg {
    --ifm-breadcrumb-size-multiplier: 1.2;
  }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.button {
  background-color: var(--ifm-button-background-color);
  border: var(--ifm-button-border-width) solid var(--ifm-button-border-color);
  border-radius: var(--ifm-button-border-radius);
  color: var(--ifm-button-color);
  cursor: pointer;
  display: inline-block;
  font-size: calc(0.875rem * var(--ifm-button-size-multiplier));
  font-weight: var(--ifm-button-font-weight);
  line-height: 1.5;
  padding: calc(
      var(--ifm-button-padding-vertical) * var(--ifm-button-size-multiplier)
    )
    calc(
      var(--ifm-button-padding-horizontal) * var(--ifm-button-size-multiplier)
    );
  text-align: center;
  -webkit-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  transition-property: color, background, border-color;
  transition-duration: var(--ifm-button-transition-duration);
  transition-timing-function: var(--ifm-transition-timing-default);
}

.button:hover {
    color: var(--ifm-button-color); /* Override for button links. */
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.button--outline {
    --ifm-button-background-color: transparent;
    --ifm-button-color: var(--ifm-button-border-color);
  }

.button--outline:hover {
      --ifm-button-background-color: var(--ifm-button-border-color);
    }

.button--outline:hover,
    .button--outline:active,
    .button--outline.button--active {
      --ifm-button-color: var(--ifm-font-color-base-inverse);
    }

.button--link {
    --ifm-button-background-color: transparent;
    --ifm-button-border-color: transparent;

    color: var(--ifm-link-color);
    /* autoprefixer: ignore next */
    text-decoration: var(--ifm-link-decoration);
  }

.button--link:hover,
    .button--link:active,
    .button--link.button--active {
      color: var(--ifm-link-hover-color);
      /* autoprefixer: ignore next */
      text-decoration: var(--ifm-link-hover-decoration);
    }

.button.disabled,
  .button:disabled,
  .button[disabled] {
    opacity: 0.65;
    pointer-events: none;
  }

.button--sm {
    --ifm-button-size-multiplier: 0.8;
  }

.button--lg {
    --ifm-button-size-multiplier: 1.35;
  }

.button--block {
    display: block;
    width: 100%;
  }

.button.button--secondary {
    color: var(--ifm-color-gray-900);
  }

.button.button--secondary.button--outline:not(.button--active):not(:hover) {
      color: var(--ifm-font-color-base);
    }

:where(.button--primary) {
      --ifm-button-background-color: var(--ifm-color-primary);
      --ifm-button-border-color: var(--ifm-color-primary);
    }

:where(.button--primary):not(.button--outline):hover {
        --ifm-button-background-color: var(--ifm-color-primary-dark);
        --ifm-button-border-color: var(--ifm-color-primary-dark);
      }

.button--primary:active,
      .button--primary.button--active {
        --ifm-button-background-color: var(--ifm-color-primary-darker);
        --ifm-button-border-color: var(--ifm-color-primary-darker);
      }

:where(.button--secondary) {
      --ifm-button-background-color: var(--ifm-color-secondary);
      --ifm-button-border-color: var(--ifm-color-secondary);
    }

:where(.button--secondary):not(.button--outline):hover {
        --ifm-button-background-color: var(--ifm-color-secondary-dark);
        --ifm-button-border-color: var(--ifm-color-secondary-dark);
      }

.button--secondary:active,
      .button--secondary.button--active {
        --ifm-button-background-color: var(--ifm-color-secondary-darker);
        --ifm-button-border-color: var(--ifm-color-secondary-darker);
      }

:where(.button--success) {
      --ifm-button-background-color: var(--ifm-color-success);
      --ifm-button-border-color: var(--ifm-color-success);
    }

:where(.button--success):not(.button--outline):hover {
        --ifm-button-background-color: var(--ifm-color-success-dark);
        --ifm-button-border-color: var(--ifm-color-success-dark);
      }

.button--success:active,
      .button--success.button--active {
        --ifm-button-background-color: var(--ifm-color-success-darker);
        --ifm-button-border-color: var(--ifm-color-success-darker);
      }

:where(.button--info) {
      --ifm-button-background-color: var(--ifm-color-info);
      --ifm-button-border-color: var(--ifm-color-info);
    }

:where(.button--info):not(.button--outline):hover {
        --ifm-button-background-color: var(--ifm-color-info-dark);
        --ifm-button-border-color: var(--ifm-color-info-dark);
      }

.button--info:active,
      .button--info.button--active {
        --ifm-button-background-color: var(--ifm-color-info-darker);
        --ifm-button-border-color: var(--ifm-color-info-darker);
      }

:where(.button--warning) {
      --ifm-button-background-color: var(--ifm-color-warning);
      --ifm-button-border-color: var(--ifm-color-warning);
    }

:where(.button--warning):not(.button--outline):hover {
        --ifm-button-background-color: var(--ifm-color-warning-dark);
        --ifm-button-border-color: var(--ifm-color-warning-dark);
      }

.button--warning:active,
      .button--warning.button--active {
        --ifm-button-background-color: var(--ifm-color-warning-darker);
        --ifm-button-border-color: var(--ifm-color-warning-darker);
      }

:where(.button--danger) {
      --ifm-button-background-color: var(--ifm-color-danger);
      --ifm-button-border-color: var(--ifm-color-danger);
    }

:where(.button--danger):not(.button--outline):hover {
        --ifm-button-background-color: var(--ifm-color-danger-dark);
        --ifm-button-border-color: var(--ifm-color-danger-dark);
      }

.button--danger:active,
      .button--danger.button--active {
        --ifm-button-background-color: var(--ifm-color-danger-darker);
        --ifm-button-border-color: var(--ifm-color-danger-darker);
      }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.button-group {
  display: inline-flex;
  gap: var(--ifm-button-group-spacing);
}

.button-group > .button:not(:first-child) {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
    }

.button-group > .button:not(:last-child) {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
    }

.button-group--block {
    display: flex;
    justify-content: stretch;
  }

.button-group--block > .button {
      flex-grow: 1;
    }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.card {
  background-color: var(--ifm-card-background-color);
  border-radius: var(--ifm-card-border-radius);
  box-shadow: var(--ifm-global-shadow-lw);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* Because of border-radius. */

.card--full-height {
    height: 100%;
  }

.card__image {
    padding-top: var(--ifm-card-vertical-spacing);
  }

.card__image:first-child {
      padding-top: 0;
    }

.card__header,
  .card__body,
  .card__footer {
    padding: var(--ifm-card-vertical-spacing) var(--ifm-card-horizontal-spacing);
  }

.card__header:not(:last-child), .card__body:not(:last-child), .card__footer:not(:last-child) {
      padding-bottom: 0;
    }

.card__header > :last-child, .card__body > :last-child, .card__footer > :last-child {
      margin-bottom: 0;
    }

.card__footer {
    margin-top: auto; /* Pushes the footer to the bottom of the card. */
  }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.table-of-contents {
  font-size: 0.8rem;
  margin-bottom: 0;
  padding: var(--ifm-toc-padding-vertical) 0;
}

.table-of-contents,
  .table-of-contents ul {
    list-style: none;
    padding-left: var(--ifm-toc-padding-horizontal);
  }

.table-of-contents li {
    margin: var(--ifm-toc-padding-vertical) var(--ifm-toc-padding-horizontal);
  }

.table-of-contents__left-border {
    border-left: 1px solid var(--ifm-toc-border-color);
  }

.table-of-contents__link {
    color: var(--ifm-toc-link-color);
    display: block;
  }

.table-of-contents__link:hover,
    .table-of-contents__link:hover code,
    .table-of-contents__link--active,
    .table-of-contents__link--active code {
      color: var(--ifm-color-primary);
      -webkit-text-decoration: none;
      text-decoration: none;
    }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.close {
  color: var(--ifm-color-black);
  float: right;
  font-size: 1.5rem;
  font-weight: var(--ifm-font-weight-bold);
  line-height: 1;
  opacity: 0.5;
  padding: 1rem;
  transition: opacity var(--ifm-transition-fast) var(--ifm-transition-timing-default);
}

.close:hover {
    opacity: 0.7;
  }

.close:focus {
    opacity: 0.8;
  }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.dropdown {
  display: inline-flex;
  font-weight: var(--ifm-dropdown-font-weight);
  position: relative;
  vertical-align: top;
}

.dropdown--hoverable:hover .dropdown__menu, .dropdown--show .dropdown__menu {
      opacity: 1;
      pointer-events: all;
      transform: translateY(-1px);
      visibility: visible;
    }

.dropdown--right .dropdown__menu {
      left: inherit;
      right: 0;
    }

.dropdown--nocaret .navbar__link:after {
    content: none !important;
  }

.dropdown__menu {
    background-color: var(--ifm-dropdown-background-color);
    border-radius: var(--ifm-global-radius);
    box-shadow: var(--ifm-global-shadow-md);
    left: 0;
    list-style: none;
    max-height: 80vh;
    min-width: 10rem;
    opacity: 0;
    overflow-y: auto;
    padding: 0.5rem;
    pointer-events: none;
    position: absolute;
    top: calc(100% - var(--ifm-navbar-item-padding-vertical) + 0.3rem);
    transform: translateY(-0.625rem);
    visibility: hidden;
    z-index: var(--ifm-z-index-dropdown);
    transition-property: opacity, transform, visibility;
    transition-duration: var(--ifm-transition-fast);
    transition-timing-function: var(--ifm-transition-timing-default);
  }

.dropdown__link {
    border-radius: 0.25rem;
    color: var(--ifm-dropdown-link-color);
    display: block;
    font-size: 0.875rem;
    margin-top: 0.2rem;
    padding: 0.25rem 0.5rem;
    white-space: nowrap;
  }

.dropdown__link:hover,
    .dropdown__link--active {
      background-color: var(--ifm-dropdown-hover-background-color);
      color: var(--ifm-dropdown-link-color);
      -webkit-text-decoration: none;
      text-decoration: none;
    }

.dropdown__link--active,
    .dropdown__link--active:hover {
      --ifm-dropdown-link-color: var(--ifm-link-color);
    }

.dropdown > .navbar__link:after {
    border-color: currentColor transparent;
    border-style: solid;
    border-width: 0.4em 0.4em 0;
    content: '';
    display: inline-block;
    margin-left: 0.3em;
    position: relative;
    top: 2px;
    transform: translateY(-50%);
  }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.footer {
  background-color: var(--ifm-footer-background-color);
  color: var(--ifm-footer-color);
  padding: var(--ifm-footer-padding-vertical)
    var(--ifm-footer-padding-horizontal);
}

.footer--dark {
    --ifm-footer-background-color: #303846;
    --ifm-footer-color: var(--ifm-footer-link-color);
    --ifm-footer-link-color: var(--ifm-color-secondary);
    --ifm-footer-title-color: var(--ifm-color-white);
  }

.footer__links {
    margin-bottom: 1rem;
  }

.footer__link-item {
    color: var(--ifm-footer-link-color);
    line-height: 2;
  }

.footer__link-item:hover {
      color: var(--ifm-footer-link-hover-color);
    }

.footer__link-separator {
    margin: 0 var(--ifm-footer-link-horizontal-spacing);
  }

.footer__logo {
    margin-top: 1rem;
    max-width: var(--ifm-footer-logo-max-width);
  }

.footer__title {
    color: var(--ifm-footer-title-color);
    font: bold var(--ifm-h4-font-size) / var(--ifm-heading-line-height)
      var(--ifm-font-family-base);
    margin-bottom: var(--ifm-heading-margin-bottom);
  }

.footer__item {
    margin-top: 0;
  }

.footer__items {
    margin-bottom: 0;
  }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

[type='checkbox'] {
  padding: 0;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.hero {
  align-items: center;
  background-color: var(--ifm-hero-background-color);
  color: var(--ifm-hero-text-color);
  display: flex;
  padding: 4rem 2rem;
}

.hero--primary {
    --ifm-hero-background-color: var(--ifm-color-primary);
    --ifm-hero-text-color: var(--ifm-font-color-base-inverse);
  }

.hero--dark {
    --ifm-hero-background-color: #303846;
    --ifm-hero-text-color: var(--ifm-color-white);
  }

.hero__title {
    font-size: 3rem;
  }

.hero__subtitle {
    font-size: 1.5rem;
  }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.menu {
  font-weight: var(--ifm-font-weight-semibold);
  overflow-x: hidden;
}

.menu__list {
    list-style: none;
    margin: 0;
    padding-left: 0;
  }

/* Non-top level menus */

.menu__list .menu__list {
      flex: 0 0 100%;
      margin-top: 0.25rem;
      padding-left: var(--ifm-menu-link-padding-horizontal);
    }

.menu__list-item:not(:first-child) {
      margin-top: 0.25rem;
    }

.menu__list-item--collapsed .menu__list {
        height: 0;
        overflow: hidden;
      }

.menu__list-item--collapsed .menu__link--sublist:after,
      .menu__list-item--collapsed .menu__caret:before {
        transform: rotateZ(90deg);
      }

.menu__list-item-collapsible {
      flex-wrap: wrap;
      position: relative;
      border-radius: 0.25rem;
      display: flex;
      transition: background var(--ifm-transition-fast) var(--ifm-transition-timing-default);
    }

.menu__list-item-collapsible:hover {
    background: var(--ifm-menu-color-background-hover);
  }

.menu__list-item-collapsible--active {
        background: var(--ifm-menu-color-background-hover);
      }

.menu__list-item-collapsible .menu__link:hover,
        .menu__list-item-collapsible .menu__link--active {
          background: none !important;
        }

.menu__link,
  .menu__caret {
    align-items: center;
    border-radius: 0.25rem;
    display: flex;
    transition: background var(--ifm-transition-fast) var(--ifm-transition-timing-default);
  }

.menu__link:hover, .menu__caret:hover {
    background: var(--ifm-menu-color-background-hover);
  }

.menu__link {
    color: var(--ifm-menu-color);
    flex: 1;
    line-height: 1.25;
    padding: var(--ifm-menu-link-padding-vertical)
      var(--ifm-menu-link-padding-horizontal);
  }

.menu__link:hover {
      -webkit-text-decoration: none;
      text-decoration: none;
      color: var(--ifm-menu-color);
      transition: color var(--ifm-transition-fast) var(--ifm-transition-timing-default);
    }

.menu__link--sublist-caret:after {
      content: '';
      margin-left: auto;
      min-width: 1.25rem;
      background: var(--ifm-menu-link-sublist-icon) 50% / 2rem 2rem;
      filter: var(--ifm-menu-link-sublist-icon-filter);
      height: 1.25rem;
      transform: rotate(180deg);
      width: 1.25rem;
      transition: transform var(--ifm-transition-fast) linear;
    }

.menu__link--active {
      color: var(--ifm-menu-color-active);
    }

.menu__link--active:hover {
        color: var(--ifm-menu-color-active);
      }

.menu__link--active:not(.menu__link--sublist) {
        background-color: var(--ifm-menu-color-background-active);
      }

.menu__caret {
    padding: var(--ifm-menu-link-padding-vertical)
      var(--ifm-menu-link-padding-horizontal);
  }

.menu__caret:before {
      content: '';
      background: var(--ifm-menu-link-sublist-icon) 50% / 2rem 2rem;
      filter: var(--ifm-menu-link-sublist-icon-filter);
      height: 1.25rem;
      transform: rotate(180deg);
      width: 1.25rem;
      transition: transform var(--ifm-transition-fast) linear;
    }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

html[data-theme='dark'],
.navbar--dark {
  --ifm-menu-link-sublist-icon-filter: invert(100%) sepia(94%) saturate(17%)
    hue-rotate(223deg) brightness(104%) contrast(98%);
}

.navbar {
  background-color: var(--ifm-navbar-background-color);
  box-shadow: var(--ifm-navbar-shadow);
  display: flex;
  height: var(--ifm-navbar-height);
  padding: var(--ifm-navbar-padding-vertical)
    var(--ifm-navbar-padding-horizontal);
}

.navbar > .container,
  .navbar > .container-fluid {
    display: flex;
  }

.navbar--fixed-top {
    position: sticky;
    top: 0;
    z-index: var(--ifm-z-index-fixed);
  }

.navbar__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }

.navbar__brand {
    align-items: center;
    color: var(--ifm-navbar-link-color);
    display: flex;
    margin-right: 1rem;
    min-width: 0;
  }

.navbar__brand:hover {
      color: var(--ifm-navbar-link-hover-color);
      -webkit-text-decoration: none;
      text-decoration: none;
    }

.navbar__title {
    flex: 1 1 auto;
  }

.navbar__toggle {
    display: none;
    margin-right: 0.5rem;
  }

.navbar__logo {
    flex: 0 0 auto;
    height: 2rem;
    margin-right: 0.5rem;
  }

.navbar__logo img {
      height: 100%;
    }

.navbar__items {
    align-items: center;
    display: flex;
    flex: 1;
    min-width: 0;
  }

.navbar__items--center {
      flex: 0 0 auto;
    }

.navbar__items--center .navbar__brand {
        margin: 0;
      }

.navbar__items--center + .navbar__items--right {
        flex: 1;
      }

.navbar__items--right {
      flex: 0 0 auto;
      justify-content: flex-end;
    }

.navbar__items--right > :last-child {
        padding-right: 0;
      }

.navbar__item {
    display: inline-block;
    padding: var(--ifm-navbar-item-padding-vertical)
      var(--ifm-navbar-item-padding-horizontal);
  }

.navbar__item.dropdown .navbar__link:not([href]) {
        pointer-events: none;
      }

.navbar__link {
    color: var(--ifm-navbar-link-color);
    font-weight: var(--ifm-font-weight-semibold);
  }

.navbar__link:hover,
    .navbar__link--active {
      color: var(--ifm-navbar-link-hover-color);
      -webkit-text-decoration: none;
      text-decoration: none;
    }

.navbar--dark,
  .navbar--primary {
    --ifm-menu-color: var(--ifm-color-gray-300);
    --ifm-navbar-link-color: var(--ifm-color-gray-100);
    --ifm-navbar-search-input-background-color: rgba(255, 255, 255, 0.1);
    --ifm-navbar-search-input-placeholder-color: rgba(255, 255, 255, 0.5);

    color: var(--ifm-color-white);
  }

.navbar--dark {
    --ifm-navbar-background-color: #242526;
    --ifm-navbar-link-hover-color: var(--ifm-color-primary);
    --ifm-menu-color-background-active: rgba(255, 255, 255, 0.05);
    --ifm-navbar-search-input-color: var(--ifm-color-white);
  }

.navbar--primary {
    --ifm-navbar-background-color: var(--ifm-color-primary);
    --ifm-navbar-link-hover-color: var(--ifm-color-white);
    --ifm-menu-color-active: var(--ifm-color-white);
    --ifm-navbar-search-input-color: var(--ifm-color-emphasis-500);
  }

.navbar__search-input {
      appearance: none; /* Algolia will add type="search" to the input in Safari and Safari's styling will override the styling here. */
      background: var(--ifm-navbar-search-input-background-color)
        var(--ifm-navbar-search-input-icon) no-repeat 0.75rem center / 1rem 1rem;
      border: none;
      border-radius: 2rem;
      color: var(--ifm-navbar-search-input-color);
      cursor: text;
      display: inline-block;
      font-size: 1rem;
      height: 2rem;
      padding: 0 0.5rem 0 2.25rem;
      width: 12.5rem;
    }

.navbar__search-input::placeholder {
        color: var(--ifm-navbar-search-input-placeholder-color);
      }

.navbar-sidebar {
    background-color: var(--ifm-navbar-background-color);
    bottom: 0;
    box-shadow: var(--ifm-global-shadow-md);
    left: 0;
    opacity: 0;
    overflow-x: hidden;
    position: fixed;
    top: 0;
    transform: translate3d(-100%, 0, 0);
    visibility: hidden;
    width: var(--ifm-navbar-sidebar-width);
    transition-property: opacity, visibility, transform;
    transition-duration: var(--ifm-transition-fast);
    transition-timing-function: ease-in-out;
  }

.navbar-sidebar--show .navbar-sidebar,
      .navbar-sidebar--show .navbar-sidebar__backdrop {
        opacity: 1;
        visibility: visible;
      }

.navbar-sidebar--show .navbar-sidebar {
        transform: translate3d(0, 0, 0);
      }

.navbar-sidebar__backdrop {
      background-color: rgba(0, 0, 0, 0.6);
      bottom: 0;
      left: 0;
      opacity: 0;
      position: fixed;
      right: 0;
      top: 0;
      visibility: hidden;
      transition-property: opacity, visibility;
      transition-duration: var(--ifm-transition-fast);
      transition-timing-function: ease-in-out;
    }

.navbar-sidebar__brand {
      align-items: center;
      box-shadow: var(--ifm-navbar-shadow);
      display: flex;
      flex: 1;
      height: var(--ifm-navbar-height);
      padding: var(--ifm-navbar-padding-vertical)
        var(--ifm-navbar-padding-horizontal);
    }

.navbar-sidebar__items {
      display: flex;
      height: calc(100% - var(--ifm-navbar-height));
      transform: translateZ(0);
      transition: transform var(--ifm-transition-fast) ease-in-out;
    }

.navbar-sidebar__items--show-secondary {
        transform: translate3d(
          calc((var(--ifm-navbar-sidebar-width)) * -1),
          0,
          0
        );
      }

.navbar-sidebar__item {
      flex-shrink: 0;
      padding: 0.5rem;
      width: calc(var(--ifm-navbar-sidebar-width));
    }

.navbar-sidebar__back {
      background: var(--ifm-menu-color-background-active);
      font-size: 15px;
      font-weight: var(--ifm-button-font-weight);
      margin: 0 0 0.2rem -0.5rem;
      padding: 0.6rem 1.5rem;
      position: relative;
      text-align: left;
      top: -0.5rem;
      width: calc(100% + 1rem);
    }

.navbar-sidebar__close {
      display: flex;
      margin-left: auto;
    }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.pagination {
  column-gap: var(--ifm-pagination-page-spacing);
  display: flex;
  font-size: var(--ifm-pagination-font-size);
  padding-left: 0;
}

.pagination--sm {
    --ifm-pagination-font-size: 0.8rem;
    --ifm-pagination-padding-horizontal: 0.8rem;
    --ifm-pagination-padding-vertical: 0.2rem;
  }

.pagination--lg {
    --ifm-pagination-font-size: 1.2rem;
    --ifm-pagination-padding-horizontal: 1.2rem;
    --ifm-pagination-padding-vertical: 0.3rem;
  }

.pagination__item {
    display: inline-flex;
  }

.pagination__item > span {
      padding: var(--ifm-pagination-padding-vertical);
    }

.pagination__item--active .pagination__link {
        background: var(--ifm-pagination-item-active-background);
        color: var(--ifm-pagination-color-active);
      }

.pagination__item:not(.pagination__item--active):hover .pagination__link {
        background: var(--ifm-pagination-item-active-background);
      }

.pagination__item--disabled,
    .pagination__item[disabled] {
      opacity: 0.25;
      pointer-events: none;
    }

.pagination__link {
    border-radius: var(--ifm-pagination-border-radius);
    color: var(--ifm-font-color-base);
    display: inline-block;
    padding: var(--ifm-pagination-padding-vertical)
      var(--ifm-pagination-padding-horizontal);
    transition: background var(--ifm-transition-fast) var(--ifm-transition-timing-default);
  }

.pagination__link:hover {
      -webkit-text-decoration: none;
      text-decoration: none;
    }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.pagination-nav {
  display: grid;
  grid-gap: var(--ifm-spacing-horizontal);
  gap: var(--ifm-spacing-horizontal);
  grid-template-columns: repeat(2, 1fr);
}

.pagination-nav__link {
    border: 1px solid var(--ifm-color-emphasis-300);
    border-radius: var(--ifm-pagination-nav-border-radius);
    display: block;
    height: 100%;
    line-height: var(--ifm-heading-line-height);
    padding: var(--ifm-global-spacing);
    transition: border-color var(--ifm-transition-fast) var(--ifm-transition-timing-default);
  }

.pagination-nav__link:hover {
      border-color: var(--ifm-pagination-nav-color-hover);
      -webkit-text-decoration: none;
      text-decoration: none;
    }

.pagination-nav__link--next {
      grid-column: 2/3;
      text-align: right;
    }

.pagination-nav__label {
    font-size: var(--ifm-h4-font-size);
    font-weight: var(--ifm-heading-font-weight);
    word-break: break-word;
  }

.pagination-nav__link--prev .pagination-nav__label::before {
      content: '« ';
    }

.pagination-nav__link--next .pagination-nav__label::after {
      content: ' »';
    }

.pagination-nav__sublabel {
    color: var(--ifm-color-content-secondary);
    font-size: var(--ifm-h5-font-size);
    font-weight: var(--ifm-font-weight-semibold);
    margin-bottom: 0.25rem;
  }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.pills {
  display: flex;
  gap: var(--ifm-pills-spacing);
  padding-left: 0;
}

.pills__item {
    border-radius: 0.5rem;
    cursor: pointer;
    display: inline-block;
    font-weight: var(--ifm-font-weight-bold);
    padding: 0.25rem 1rem;
    transition: background var(--ifm-transition-fast) var(--ifm-transition-timing-default);
  }

.pills__item--active {
      background: var(--ifm-pills-color-background-active);
      color: var(--ifm-pills-color-active);
    }

.pills__item:not(.pills__item--active):hover {
      background: var(--ifm-pills-color-background-active);
    }

.pills--block {
    justify-content: stretch;
  }

.pills--block .pills__item {
      flex-grow: 1;
      text-align: center;
    }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.tabs {
  color: var(--ifm-tabs-color);
  display: flex;
  font-weight: var(--ifm-font-weight-bold);
  margin-bottom: 0;
  overflow-x: auto;
  padding-left: 0;
}

.tabs__item {
    border-bottom: 3px solid transparent;
    border-radius: var(--ifm-global-radius);
    cursor: pointer;
    display: inline-flex;
    padding: var(--ifm-tabs-padding-vertical) var(--ifm-tabs-padding-horizontal);
    transition: background-color var(--ifm-transition-fast) var(--ifm-transition-timing-default);
  }

.tabs__item--active {
      border-bottom-color: var(--ifm-tabs-color-active-border);
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      color: var(--ifm-tabs-color-active);
    }

.tabs__item:hover {
      background-color: var(--ifm-hover-overlay);
    }

.tabs--block {
    justify-content: stretch;
  }

.tabs--block .tabs__item {
      flex-grow: 1;
      justify-content: center;
    }

/* Mode */

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

html[data-theme='dark'] {
  --ifm-color-scheme: dark;

  --ifm-color-emphasis-0: var(--ifm-color-gray-1000);
  --ifm-color-emphasis-100: var(--ifm-color-gray-900);
  --ifm-color-emphasis-200: var(--ifm-color-gray-800);
  --ifm-color-emphasis-300: var(--ifm-color-gray-700);
  --ifm-color-emphasis-400: var(--ifm-color-gray-600);
  --ifm-color-emphasis-500: var(--ifm-color-gray-500);
  --ifm-color-emphasis-600: var(--ifm-color-gray-400);
  --ifm-color-emphasis-700: var(--ifm-color-gray-300);
  --ifm-color-emphasis-800: var(--ifm-color-gray-200);
  --ifm-color-emphasis-900: var(--ifm-color-gray-100);
  --ifm-color-emphasis-1000: var(--ifm-color-gray-0);

  --ifm-background-color: #1b1b1d;
  --ifm-background-surface-color: #242526;

  --ifm-hover-overlay: rgba(255, 255, 255, 0.05);

  --ifm-color-content: #e3e3e3;
  --ifm-color-content-secondary: rgba(255, 255, 255, 1);

  --ifm-breadcrumb-separator-filter: invert(64%) sepia(11%) saturate(0%)
    hue-rotate(149deg) brightness(99%) contrast(95%);

  --ifm-code-background: rgba(255, 255, 255, 0.1);

  --ifm-scrollbar-track-background-color: #444444;
  --ifm-scrollbar-thumb-background-color: #686868;
  --ifm-scrollbar-thumb-hover-background-color: #7a7a7a;

  --ifm-table-stripe-background: rgba(255, 255, 255, 0.07);

  --ifm-toc-border-color: var(--ifm-color-emphasis-200);
    --ifm-color-primary-contrast-background: rgb(16, 36, 69);
    --ifm-color-primary-contrast-foreground: rgb(235, 242, 252);
    --ifm-color-secondary-contrast-background: rgb(71, 71, 72);
    --ifm-color-secondary-contrast-foreground: rgb(253, 253, 254);
    --ifm-color-success-contrast-background: rgb(0, 49, 0);
    --ifm-color-success-contrast-foreground: rgb(230, 246, 230);
    --ifm-color-info-contrast-background: rgb(25, 60, 71);
    --ifm-color-info-contrast-foreground: rgb(238, 249, 253);
    --ifm-color-warning-contrast-background: rgb(77, 56, 0);
    --ifm-color-warning-contrast-foreground: rgb(255, 248, 230);
    --ifm-color-danger-contrast-background: rgb(75, 17, 19);
    --ifm-color-danger-contrast-foreground: rgb(255, 235, 236)
}

@media (min-width: 1440px) {
    .container {
      max-width: var(--ifm-container-width-xl);
    }
}

@media (max-width: 996px) {
    .col {
      --ifm-col-width: 100%;
      flex-basis: var(--ifm-col-width);
      margin-left: 0;
    }

.footer {
    --ifm-footer-padding-horizontal: 0
}

    .footer__link-separator {
      display: none;
    }

    .footer__col {
      margin-bottom: calc(var(--ifm-spacing-vertical) * 3);
    }

    .footer__link-item {
      display: block;
      width: max-content;
    }

.hero {
    padding-left: 0;
    padding-right: 0
}

.navbar > .container,
  .navbar > .container-fluid {
      padding: 0
  }

.navbar__toggle {
      display: inherit
  }

.navbar__item {
      display: none
  }

.navbar__search-input {
        width: 9rem
    }

.pills--block {
      flex-direction: column
  }

.tabs--block {
      flex-direction: column
  }
}

@media (max-width: 576px) {
    .markdown h1:first-child {
      --ifm-h1-font-size: 2rem;
    }
    .markdown > h2 {
      --ifm-h2-font-size: 1.5rem;
    }
    .markdown > h3 {
      --ifm-h3-font-size: 1.25rem;
    }
}

@media (pointer: fine) {
  .thin-scrollbar {
    scrollbar-width: thin;
  }
  .thin-scrollbar::-webkit-scrollbar {
    height: var(--ifm-scrollbar-size);
    width: var(--ifm-scrollbar-size);
  }
  .thin-scrollbar::-webkit-scrollbar-track {
    background: var(--ifm-scrollbar-track-background-color);
    border-radius: 10px;
  }
  .thin-scrollbar::-webkit-scrollbar-thumb {
    background: var(--ifm-scrollbar-thumb-background-color);
    border-radius: 10px;
  }
  .thin-scrollbar::-webkit-scrollbar-thumb:hover {
    background: var(--ifm-scrollbar-thumb-hover-background-color);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ifm-transition-fast: 0ms;
    --ifm-transition-slow: 0ms;
  }
}

@media print {

.table-of-contents {
    display: none
}

.footer {
    display: none
}

.menu {
    display: none
}

.navbar {
    display: none
}

.pagination-nav {
    display: none
}

.tabs {
    page-break-inside: avoid
}
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

/**
 * Styles for NProgress
 * Copied over to remove unused styles for the spinner.
 * https://github.com/rstacruz/nprogress/blob/master/nprogress.css
 */

:root {
  --docusaurus-progress-bar-color: var(--ifm-color-primary);
}

#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: var(--docusaurus-progress-bar-color);
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

#nprogress .peg {
  position: absolute;
  right: 0;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px var(--docusaurus-progress-bar-color),
    0 0 5px var(--docusaurus-progress-bar-color);
  opacity: 1;
  transform: rotate(3deg) translate(0, -4px);
}

/**
 * NXGEN Design Tokens
 * 
 * All CSS custom properties (design tokens) for the NXGEN GCXONE documentation site.
 * Includes light mode defaults in :root and dark mode overrides in [data-theme='dark'].
 */

/* ==========================================================================
   LIGHT MODE TOKENS
   ========================================================================== */
:root {
  /* Enable color-scheme for light-dark() function */
  --csstools-color-scheme--light: initial;
  color-scheme: light dark;

  /* === GLASSMORPHISM TOKENS - Using light-dark() === */
  --csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) rgba(255,255,255,0.025);
  --glass-bg: var(--csstools-light-dark-toggle--0, rgba(255,255,255,0.72));
  --csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) rgba(255,255,255,0.05);
  --glass-bg-hover: var(--csstools-light-dark-toggle--1, rgba(255,255,255,0.85));
  --csstools-light-dark-toggle--2: var(--csstools-color-scheme--light) rgba(255,255,255,0.07);
  --glass-border: var(--csstools-light-dark-toggle--2, rgba(232,176,88,0.12));
  --csstools-light-dark-toggle--3: var(--csstools-color-scheme--light) rgba(255,255,255,0.12);
  --glass-border-hover: var(--csstools-light-dark-toggle--3, rgba(232,176,88,0.2));

  /* === ICON TOKENS - Using light-dark() === */
  --csstools-light-dark-toggle--4: var(--csstools-color-scheme--light) rgba(232,176,88,0.12);
  --icon-bg: var(--csstools-light-dark-toggle--4, rgba(232,176,88,0.10));
  --csstools-light-dark-toggle--5: var(--csstools-color-scheme--light) rgba(232,176,88,0.18);
  --icon-bg-hover: var(--csstools-light-dark-toggle--5, rgba(232,176,88,0.15));

  /* === BORDER TOKENS - Using light-dark() === */
  --csstools-light-dark-toggle--6: var(--csstools-color-scheme--light) rgba(255,255,255,0.06);
  --border-subtle: var(--csstools-light-dark-toggle--6, rgba(0,0,0,0.1));
  --csstools-light-dark-toggle--7: var(--csstools-color-scheme--light) rgba(255,255,255,0.12);
  --border-default: var(--csstools-light-dark-toggle--7, #E5E7EB);

  /* === NXGEN PRIMARY BRAND COLORS (Gold) === */
  --ifm-color-primary: #C89446;
  --nxgen-gold: #C89446;
  --ifm-color-primary-dark: #B58237;
  --ifm-color-primary-darker: #A37028;
  --ifm-color-primary-darkest: #915E19;
  --ifm-color-primary-light: #D4A574;
  --nxgen-gold-light: #D4A574;
  --ifm-color-primary-lighter: #E0B688;
  --nxgen-gold-lighter: #E0B688;
  --ifm-color-primary-lightest: #F0CDA5;

  /* === LIGHT MODE ACCESSIBLE GOLD (Darker for WCAG AA on white) === */
  --nxgen-gold-accessible: #996B1F;
  --nxgen-gold-accessible-hover: #7A5518;

  /* === NXGEN DARK PALETTE === */
  --nxgen-black: #000000;
  --nxgen-dark-100: #0A0A0A;
  --nxgen-dark-200: #121212;
  --nxgen-dark-300: #1A1A1A;
  --nxgen-dark-400: #2A2A2A;

  /* === NXGEN TEXT COLORS === */
  --nxgen-white: #FFFFFF;
  --nxgen-gray-100: #EEEEEE;
  --nxgen-gray-200: #DDDDDD;
  --nxgen-gray-300: #CCCCCC;
  --nxgen-gray-400: #AAAAAA;
  --nxgen-gray-500: #888888;
  --nxgen-gray-600: #666666;

  /* === NXGEN GLOW EFFECTS === */
  --nxgen-glow-sm: 0 0 10px rgba(200, 148, 70, 0.2);
  --nxgen-glow-md: 0 0 20px rgba(200, 148, 70, 0.3);
  --nxgen-glow-lg: 0 0 30px rgba(200, 148, 70, 0.4);
  --nxgen-glow-xl: 0 0 40px rgba(200, 148, 70, 0.5);

  /* ==========================================================================
     SEMANTIC DESIGN TOKENS - LIGHT MODE FIRST
     These tokens provide theme-aware values for components.
     CRITICAL: Dark Mode values are set in [data-theme='dark'] section below.
     ========================================================================== */

  /* --- Card & Surface Tokens --- */
  --card-bg: #FFFFFF;
  --card-bg-hover: #F8F9FA;
  --card-border: 1px solid #E5E5E5;
  --card-border-hover: 1px solid #D1D5DB;
  --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  --card-shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.12);

  /* --- Text Tokens --- */
  --text-primary: #1A1A1A;
  --text-secondary: #4B5563;
  --text-muted: #6B7280;
  --text-inverse: #FFFFFF;

  /* --- Heading Tokens --- */
  --heading-color: #1A1A1A;
  --heading-color-secondary: #374151;

  /* --- Border Tokens --- */
  --border-strong: #D1D5DB;

  /* --- Interactive Gold (WCAG AA Compliant on white) --- */
  --gold-text: #996B1F;
  --gold-text-hover: #7A5518;
  --gold-bg: rgba(200, 148, 70, 0.1);
  --gold-bg-hover: rgba(200, 148, 70, 0.15);
  --gold-border: rgba(153, 107, 31, 0.3);

  /* --- Component-Specific Tokens --- */
  --table-bg: #FFFFFF;
  --table-header-bg: #F9FAFB;
  --table-border: #E5E7EB;
  --table-row-hover: #F3F4F6;

  --code-bg: #F5F5F7;
  --code-border: #E5E7EB;

  --breadcrumb-bg: rgba(255, 255, 255, 0.9);
  --breadcrumb-text: #4B5563;
  --breadcrumb-link: #1A1A1A;

  --toc-bg: rgba(248, 250, 252, 0.95);
  --toc-border: rgba(203, 213, 225, 0.6);
  --toc-text: #475569;
  --toc-text-hover: var(--nxgen-gold-accessible);

  /* --- Glassmorphism Surface Tokens --- */
  /* glass-bg, glass-border, icon-bg handled by light-dark() above */
  --glass-shadow-inset: inset 0 1px 0 rgba(232, 176, 88, 0.12), 0 2px 8px rgba(0,0,0,0.04);
  --glass-shadow-hover: 0 4px 16px rgba(200,148,70,0.20), 0 1px 3px rgba(200,148,70,0.10);

  /* === APPLE-INSPIRED TYPOGRAPHY === */
  --ifm-font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', 'Helvetica Neue', sans-serif;
  --ifm-font-family-monospace: 'JetBrains Mono', 'SF Mono', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;

  /* Fixed Font Scale - Apple's Typography Scale */
  --ifm-font-size-base: 17px; /* Apple's preferred reading size */
  --ifm-h1-font-size: 2.5rem; /* 42px */
  --ifm-h2-font-size: 2rem;   /* 34px */
  --ifm-h3-font-size: 1.5rem; /* 25px */
  --ifm-h4-font-size: 1.25rem; /* 21px */
  --ifm-h5-font-size: 1.125rem; /* 19px */
  --ifm-h6-font-size: 1rem;   /* 17px */
  --ifm-line-height-base: 1.6; /* Apple's preferred line height */

  --ifm-font-weight-light: 300;
  --ifm-font-weight-normal: 400;
  --ifm-font-weight-medium: 500;
  --ifm-font-weight-semibold: 600;
  --ifm-font-weight-bold: 700;

  /* === LIGHT MODE COLORS - Modern Clean Design === */
  --ifm-background-color: #f8f9fa; /* Light gray background */
  --ifm-background-surface-color: #ffffff; /* Pure white for cards and surfaces */
  --ifm-color-content: #1a1a1a; /* Dark text for excellent readability */
  --ifm-color-content-secondary: #6b7280; /* Medium gray for secondary text */
  --ifm-color-emphasis-100: #f3f4f6; /* Very light gray for subtle backgrounds */
  --ifm-color-emphasis-200: #e5e7eb; /* Light gray for borders and dividers */
  --ifm-color-emphasis-300: #d1d5db; /* Medium-light gray */
  --ifm-color-emphasis-400: #9ca3af; /* Medium gray */
  --ifm-color-emphasis-500: #6b7280; /* Darker gray for muted text */

  /* === SEMANTIC COLORS === */
  --color-success: #22C55E; /* Green - Success states */
  --color-warning: #F59E0B; /* Amber/Orange - Warnings */
  --color-danger: #EF4444; /* Red - Errors, destructive actions */
  --color-info: #3B82F6; /* Blue - Informational messages */

  /* === SPACING - Apple's 8pt Grid System === */
  --space-1: 0.25rem;  /* 4px - Tight spacing, icons */
  --space-2: 0.5rem;   /* 8px - Small gaps */
  --space-3: 0.75rem;  /* 12px - Default spacing */
  --space-4: 1rem;     /* 16px - Standard spacing */
  --space-6: 1.5rem;   /* 24px - Medium spacing */
  --space-8: 2rem;     /* 32px - Large spacing */
  --space-12: 3rem;    /* 48px - Section spacing */
  --space-16: 4rem;    /* 64px - Major section spacing */

  --ifm-spacing-horizontal: 1.5rem;
  --ifm-navbar-height: 0px;
  --ifm-sidebar-width: 300px;

  /* === BORDER RADIUS - Apple's Design Language === */
  --ifm-border-radius: 12px;
  --ifm-card-border-radius: 16px;
  --ifm-button-border-radius: 22px;

  /* === SHADOWS - Apple's Depth System === */
  --ifm-global-shadow-lw: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  --ifm-global-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.06);
  --ifm-global-shadow-tl: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);

  /* === LAYERED SHADOWS - Natural Depth === */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.10);
  --shadow-md: 0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.06), 0 0 0 1px rgba(0,0,0,0.04);
  --shadow-lg: 0 10px 15px rgba(0,0,0,0.10), 0 4px 6px rgba(0,0,0,0.05), 0 0 0 1px rgba(0,0,0,0.03);
  --shadow-xl: 0 20px 25px rgba(0,0,0,0.10), 0 8px 10px rgba(0,0,0,0.04), 0 0 0 1px rgba(0,0,0,0.02);

  /* Gold glow shadows for special elements */
  --shadow-gold-sm: 0 2px 8px rgba(200,148,70,0.15), 0 1px 2px rgba(200,148,70,0.10);
  --shadow-gold: 0 4px 16px rgba(200,148,70,0.20), 0 1px 3px rgba(200,148,70,0.10);
  --shadow-gold-lg: 0 8px 24px rgba(200,148,70,0.25), 0 2px 6px rgba(200,148,70,0.12);

  /* === CODE BLOCKS === */
  --ifm-code-font-size: 0.9em;
  --ifm-code-background: #f5f5f7;
  --ifm-code-border-radius: var(--ifm-border-radius);
  --docusaurus-highlighted-code-line-bg: rgba(232, 176, 88, 0.1);

  /* === TRANSITIONS - Apple's Smooth Animations === */
  --ifm-transition-fast: 0.2s ease-out;
  --ifm-transition-slow: 0.3s ease-out;

  /* === RESPONSIVE BREAKPOINTS === */
  --breakpoint-mobile: 480px;
  --breakpoint-tablet: 768px;
  --breakpoint-desktop: 996px;
}
@supports (color: light-dark(red, red)) {
:root {
  --glass-bg: light-dark(rgba(255,255,255,0.72), rgba(255,255,255,0.025));
  --glass-bg-hover: light-dark(rgba(255,255,255,0.85), rgba(255,255,255,0.05));
  --glass-border: light-dark(rgba(232,176,88,0.12), rgba(255,255,255,0.07));
  --glass-border-hover: light-dark(rgba(232,176,88,0.2), rgba(255,255,255,0.12));
  --icon-bg: light-dark(rgba(232,176,88,0.10), rgba(232,176,88,0.12));
  --icon-bg-hover: light-dark(rgba(232,176,88,0.15), rgba(232,176,88,0.18));
  --border-subtle: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.06));
  --border-default: light-dark(#E5E7EB, rgba(255,255,255,0.12));
}
}
@supports not (color: light-dark(tan, tan)) {
:root * {
  --csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) rgba(255,255,255,0.025);
  --glass-bg: var(--csstools-light-dark-toggle--0, rgba(255,255,255,0.72));
  --csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) rgba(255,255,255,0.05);
  --glass-bg-hover: var(--csstools-light-dark-toggle--1, rgba(255,255,255,0.85));
  --csstools-light-dark-toggle--2: var(--csstools-color-scheme--light) rgba(255,255,255,0.07);
  --glass-border: var(--csstools-light-dark-toggle--2, rgba(232,176,88,0.12));
  --csstools-light-dark-toggle--3: var(--csstools-color-scheme--light) rgba(255,255,255,0.12);
  --glass-border-hover: var(--csstools-light-dark-toggle--3, rgba(232,176,88,0.2));
  --csstools-light-dark-toggle--4: var(--csstools-color-scheme--light) rgba(232,176,88,0.12);
  --icon-bg: var(--csstools-light-dark-toggle--4, rgba(232,176,88,0.10));
  --csstools-light-dark-toggle--5: var(--csstools-color-scheme--light) rgba(232,176,88,0.18);
  --icon-bg-hover: var(--csstools-light-dark-toggle--5, rgba(232,176,88,0.15));
  --csstools-light-dark-toggle--6: var(--csstools-color-scheme--light) rgba(255,255,255,0.06);
  --border-subtle: var(--csstools-light-dark-toggle--6, rgba(0,0,0,0.1));
  --csstools-light-dark-toggle--7: var(--csstools-color-scheme--light) rgba(255,255,255,0.12);
  --border-default: var(--csstools-light-dark-toggle--7, #E5E7EB);
  }
}
@media (prefers-color-scheme: dark) {
:root {
  --csstools-color-scheme--light:  ;
}
}

/* ==========================================================================
   DARK MODE TOKENS - NXGEN AUTHENTIC DARK THEME
   CRITICAL: These values are the "Golden Master" - DO NOT MODIFY
   ========================================================================== */
[data-theme='dark'] {
  /* Required for light-dark() to respond to Docusaurus theme toggle */
  --csstools-color-scheme--light:  ;
  color-scheme: dark;

  /* Core Backgrounds */
  --ifm-background-color: var(--nxgen-dark-100);
  --ifm-background-surface-color: var(--nxgen-dark-200);
  --ifm-card-background: var(--nxgen-dark-200);

  /* Text Colors */
  --ifm-color-content: var(--nxgen-white);
  --ifm-color-content-secondary: rgba(204, 204, 204, 0.9);

  /* UI/Borders */
  --ifm-color-emphasis-100: var(--nxgen-dark-200);
  --ifm-color-emphasis-200: rgba(200, 148, 70, 0.15);
  --ifm-color-emphasis-300: var(--nxgen-dark-400);
  --ifm-color-emphasis-400: #3A3A3A;
  --ifm-color-emphasis-500: #4A4A4A;

  /* Semantic Colors - Adjusted for dark mode */
  --color-success: #22C55E;
  --color-warning: #FBBF24;
  --color-danger: #F87171;
  --color-info: #60A5FA;

  --ifm-code-background: var(--nxgen-dark-200);
  --docusaurus-highlighted-code-line-bg: rgba(200, 148, 70, 0.15);

  /* --- Card & Surface Tokens (Dark) --- */
  --card-bg: #202020;
  --card-bg-hover: #2a2a2a;
  --card-border: 1px solid rgba(255, 255, 255, 0.1);
  --card-border-hover: 1px solid rgba(255, 255, 255, 0.2);
  --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  --card-shadow-hover: 0 12px 32px rgba(0, 0, 0, 0.4);

  /* --- Layered Shadows - Dark Mode (more intense for contrast) --- */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.30), 0 1px 3px rgba(0,0,0,0.40);
  --shadow-md: 0 4px 6px rgba(0,0,0,0.35), 0 2px 4px rgba(0,0,0,0.30), 0 0 0 1px rgba(255,255,255,0.03);
  --shadow-lg: 0 10px 15px rgba(0,0,0,0.50), 0 4px 6px rgba(0,0,0,0.35), 0 0 0 1px rgba(255,255,255,0.02);
  --shadow-xl: 0 20px 25px rgba(0,0,0,0.60), 0 8px 10px rgba(0,0,0,0.40), 0 0 0 1px rgba(255,255,255,0.02);

  /* Gold glow - more subtle in dark mode */
  --shadow-gold-sm: 0 2px 8px rgba(200,148,70,0.12), 0 1px 2px rgba(200,148,70,0.08);
  --shadow-gold: 0 4px 16px rgba(200,148,70,0.15), 0 1px 3px rgba(200,148,70,0.08);
  --shadow-gold-lg: 0 8px 24px rgba(200,148,70,0.18), 0 2px 6px rgba(200,148,70,0.10);

  /* --- Text Tokens (Dark) --- */
  --text-primary: #FFFFFF;
  --text-secondary: rgba(255, 255, 255, 0.7);
  --text-muted: rgba(255, 255, 255, 0.5);
  --text-inverse: #000000;

  /* --- Heading Tokens (Dark) --- */
  --heading-color: #FFFFFF;
  --heading-color-secondary: rgba(255, 255, 255, 0.9);

  /* --- Border Tokens (Dark) --- */
  --border-subtle: rgba(255, 255, 255, 0.05);
  --border-default: rgba(255, 255, 255, 0.1);
  --border-strong: rgba(255, 255, 255, 0.2);

  /* --- Interactive Gold (Original Gold for Dark Mode) --- */
  --gold-text: #C89446;
  --gold-text-hover: #D4A574;
  --gold-bg: rgba(200, 148, 70, 0.15);
  --gold-bg-hover: rgba(200, 148, 70, 0.25);
  --gold-border: rgba(200, 148, 70, 0.3);

  /* --- Component-Specific Tokens (Dark) --- */
  --table-bg: #202020;
  --table-header-bg: rgba(255, 255, 255, 0.05);
  --table-border: rgba(255, 255, 255, 0.1);
  --table-row-hover: rgba(255, 255, 255, 0.05);

  --code-bg: #202020;
  --code-border: rgba(255, 255, 255, 0.1);

  --breadcrumb-bg: #202020;
  --breadcrumb-text: rgba(255, 255, 255, 0.7);
  --breadcrumb-link: #FFFFFF;

  --toc-bg: #202020;
  --toc-border: rgba(255, 255, 255, 0.1);
  --toc-text: rgba(255, 255, 255, 0.7);
  --toc-text-hover: #C89446;

  /* --- Glassmorphism Surface Tokens (Dark) --- */
  /* glass-bg, glass-border, icon-bg handled by light-dark() — color-scheme: dark above activates them */
  --glass-shadow-inset: inset 0 1px 0 rgba(232, 176, 88, 0.08), 0 2px 8px rgba(0,0,0,0.15);
  --glass-shadow-hover: 0 4px 16px rgba(200,148,70,0.15), 0 1px 3px rgba(200,148,70,0.08);
}

/* Ensure light-dark() values are correct when OS is in dark mode but user chose light theme */
[data-theme='light'] {
  --csstools-color-scheme--light: initial;
  color-scheme: light;
}

/* ==========================================================================
   PRODUCT-SPECIFIC TOKENS (set via JS in Root.tsx)
   These tokens are overridden by theme classes in product-themes.css
   ========================================================================== */

/* === PRODUCT-SPECIFIC TOKENS (defaults to GCXONE gold) === */
:root {
  --product-primary: #C89446;
  --product-primary-dark: #B58237;
  --product-primary-darker: #A37028;
  --product-primary-light: #D4A574;
  --product-primary-lighter: #E0B688;
  --product-primary-lightest: #F0CDA5;
  --product-accent: var(--product-primary);
  --product-glow: 0 0 20px rgba(200, 148, 70, 0.3);
  --product-glow-sm: 0 0 10px rgba(200, 148, 70, 0.2);
}

[data-theme='dark'] {
  --product-primary: #D4A574;
  --product-primary-light: #E0B688;
  --product-glow: 0 0 20px rgba(200, 148, 70, 0.2);
  --product-glow-sm: 0 0 10px rgba(200, 148, 70, 0.15);
}

/**
 * Product-Specific Theme CSS
 * 
 * Each product gets its own color scheme applied via CSS custom properties.
 * Theme class is injected on document element by Root.tsx based on PRODUCT env var.
 */

/* GCXONE Theme - Gold Accent */
.theme-gcxone {
  --product-primary: #C89446;
  --product-primary-dark: #B58237;
  --product-primary-darker: #A37028;
  --product-primary-light: #D4A574;
  --product-primary-lighter: #E0B688;
  --product-primary-lightest: #F0CDA5;
  
  --product-glow: 0 0 20px rgba(200, 148, 70, 0.3);
  --product-glow-sm: 0 0 10px rgba(200, 148, 70, 0.2);
  
  --product-primary-accessible: #996B1F;
}

.theme-gcxone[data-theme='dark'] {
  --product-primary: #D4A574;
  --product-primary-light: #E0B688;
  --product-glow: 0 0 20px rgba(200, 148, 70, 0.2);
  --product-glow-sm: 0 0 10px rgba(200, 148, 70, 0.15);
}

/* GCSurge Theme - Blue Accent */
.theme-gcsurge {
  --product-primary: #3B82F6;
  --product-primary-dark: #2563EB;
  --product-primary-darker: #1D4ED8;
  --product-primary-light: #60A5FA;
  --product-primary-lighter: #93C5FD;
  --product-primary-lightest: #BFDBFE;
  
  --product-glow: 0 0 20px rgba(59, 130, 246, 0.3);
  --product-glow-sm: 0 0 10px rgba(59, 130, 246, 0.2);
  
  --product-primary-accessible: #1D4ED8;
}

.theme-gcsurge[data-theme='dark'] {
  --product-primary: #60A5FA;
  --product-primary-light: #93C5FD;
  --product-glow: 0 0 20px rgba(59, 130, 246, 0.25);
  --product-glow-sm: 0 0 10px rgba(59, 130, 246, 0.18);
}

/* Apply product tokens to Docusaurus variables */
[class*="theme-"] {
  --ifm-color-primary: var(--product-primary);
  --ifm-color-primary-dark: var(--product-primary-dark);
  --ifm-color-primary-darker: var(--product-primary-darker);
  --ifm-color-primary-light: var(--product-primary-light);
  --ifm-color-primary-lighter: var(--product-primary-lighter);
  --ifm-color-primary-lightest: var(--product-primary-lightest);
}

/**
 * NXGEN Typography Styles
 * 
 * Font families, heading styles, paragraph text, and inline elements.
 * Uses Apple's typography scale for clean, readable content.
 */

/* Import Google Fonts */

/* === BASE TYPOGRAPHY === */
body {
  font-family: var(--ifm-font-family-base);
  font-size: var(--ifm-font-size-base);
  line-height: var(--ifm-line-height-base);
  color: var(--ifm-color-content);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* === HEADING STYLES === */
.markdown h1,
.markdown .h1 {
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1.15;
  color: var(--ifm-color-content);
  margin: 0 0 1.5rem 0;
  letter-spacing: -0.02em;
}

[data-theme='dark'] .markdown h1,
[data-theme='dark'] .markdown .h1 {
  color: #FFFFFF;
}

[data-theme='light'] .markdown h1,
[data-theme='light'] .markdown .h1 {
  color: var(--ifm-color-content);
}

.markdown h2,
.markdown .h2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--ifm-color-content);
  margin: 4rem 0 1.5rem 0;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--ifm-color-emphasis-200);
}

[data-theme='dark'] .markdown h2,
[data-theme='dark'] .markdown .h2 {
  color: #FFFFFF;
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

[data-theme='light'] .markdown h2,
[data-theme='light'] .markdown .h2 {
  color: var(--ifm-color-content);
  border-bottom-color: var(--ifm-color-emphasis-200);
}

.markdown h3,
.markdown .h3 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--ifm-color-content);
  margin: 2.5rem 0 1rem 0;
}

[data-theme='dark'] .markdown h3,
[data-theme='dark'] .markdown .h3 {
  color: #FFFFFF;
}

[data-theme='light'] .markdown h3,
[data-theme='light'] .markdown .h3 {
  color: var(--ifm-color-content);
}

/* === PARAGRAPH & LIST STYLES === */
.markdown p {
  font-size: 1.0625rem;
  line-height: 1.8;
  color: var(--ifm-color-content-secondary);
  margin: 0 0 1.5rem 0;
}

[data-theme='dark'] .markdown p {
  color: rgba(255, 255, 255, 0.7);
}

[data-theme='light'] .markdown p {
  color: var(--ifm-color-content-secondary);
}

.markdown ul,
.markdown ol {
  margin: 0 0 1.5rem 0;
  padding-left: 2rem;
  list-style-position: outside;
}

.markdown ul {
  list-style-type: disc;
}

.markdown ol {
  list-style-type: decimal;
}

.markdown li {
  margin: 0.5rem 0;
  line-height: var(--ifm-line-height-base);
  color: var(--ifm-color-content-secondary);
}

[data-theme='dark'] .markdown li {
  color: rgba(255, 255, 255, 0.7);
}

[data-theme='light'] .markdown li {
  color: var(--ifm-color-content-secondary);
}

/* === LINKS === */
.markdown a {
  color: var(--ifm-color-primary);
  -webkit-text-decoration: none;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
}

.markdown a:hover {
  color: var(--ifm-color-primary-dark);
  border-bottom-color: var(--ifm-color-primary);
}

[data-theme='dark'] .markdown a:hover {
  color: var(--ifm-color-primary-light);
}

/* === BLOCKQUOTES === */
.markdown blockquote {
  border-left: 4px solid var(--ifm-color-primary);
  padding: 0.5rem 1rem;
  margin: 1rem 0;
  background: var(--ifm-color-emphasis-100);
  border-radius: 0 var(--ifm-border-radius) var(--ifm-border-radius) 0;
}

[data-theme='dark'] .markdown blockquote {
  background: rgba(255, 255, 255, 0.05);
}

/* === TEXT ALIGNMENT (for docs content) === */
.theme-doc-markdown > * {
  text-align: left;
}

.theme-doc-markdown p,
.theme-doc-markdown ul,
.theme-doc-markdown ol,
.theme-doc-markdown li {
  text-align: left;
}

.theme-doc-markdown h1,
.theme-doc-markdown h2,
.theme-doc-markdown h3,
.theme-doc-markdown h4,
.theme-doc-markdown h5,
.theme-doc-markdown h6 {
  text-align: left;
}

/* Ensure images are centered but text stays left-aligned */
.theme-doc-markdown img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Fix table alignment */
.theme-doc-markdown table {
  margin-left: 0;
  margin-right: auto;
}

/* Fix code block alignment */
.theme-doc-markdown pre {
  text-align: left;
}

/* === GRADIENT TEXT EFFECT === */
.text-gradient-gold {
  background: linear-gradient(135deg, #F5D08C 0%, #C89446 60%, #A37028 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

[data-theme='light'] .text-gradient-gold {
  background: linear-gradient(135deg, #A37028 0%, #996B1F 60%, #7A5518 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* === ANIMATIONS === */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pageSlideIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes contentFadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/**
 * NXGEN Sidebar Styles
 * 
 * Docusaurus docs sidebar styling with NXGEN gold theme.
 */

/* === SIDEBAR CONTAINER === */
.theme-doc-sidebar-container {
  background: var(--ifm-background-color);
  border-right: 1px solid var(--ifm-color-emphasis-200);
  position: sticky;
  top: 0;
  max-height: 100vh;
}

[data-theme="dark"] .theme-doc-sidebar-container {
  background: #000000;
  border-right-color: rgba(255, 255, 255, 0.1);
}

html:not([data-theme='dark']) .theme-doc-sidebar-container {
  background: var(--ifm-background-color);
  border-right-color: var(--ifm-color-emphasis-200);
}

/* === SIDEBAR LOGO === */
.sidebar-logo-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 1.25rem;
  margin: 1.5rem 0 2rem 0 !important;
  width: 100%;
}

.sidebar-logo-container img {
  display: block;
  max-height: 60px;
  width: auto;
  transition: transform 0.2s ease;
}

.sidebar-logo-container:hover img {
  transform: scale(1.05);
}

/* === SIDEBAR MENU === */
.theme-doc-sidebar-menu {
  padding: 0 !important;
}

/* === MENU LINKS === */
.menu__link {
  color: var(--ifm-color-content-secondary);
  border-radius: 10px;
  padding: 0.625rem 1rem;
  font-size: 0.9375rem;
  font-weight: 400;
  transition: all 0.2s ease;
}

.menu__link:hover {
  background: var(--ifm-color-emphasis-100);
  color: var(--ifm-color-primary);
  -webkit-text-decoration: none;
  text-decoration: none;
}

/* === COLLAPSIBLE CATEGORIES === */
.menu__list-item-collapsible {
  cursor: pointer;
}

.menu__list-item-collapsible > .menu__link {
  font-weight: 700 !important;
  color: var(--ifm-color-content);
  letter-spacing: 0.01em;
  font-size: 0.95rem;
  padding: 0.625rem 1rem;
  position: relative;
}

.menu__list-item-collapsible > .menu__link:hover {
  background: var(--ifm-color-emphasis-100);
  color: var(--ifm-color-primary);
}

/* Chevron indicator */
.menu__list-item-collapsible .menu__link--sublist-caret::after {
  content: '>';
  position: absolute;
  right: 1rem;
  transition: transform 0.2s ease;
  transform: rotate(0deg);
  font-size: 1.2rem;
  line-height: 1;
}

.menu__list-item-collapsible:not(.menu__list-item--collapsed) .menu__link--sublist-caret::after {
  transform: rotate(90deg);
}

.menu__list-item--collapsed > .menu__list {
  display: none;
}

/* === ACTIVE STATE (Gold/Glow) === */
.menu__link--active {
  background: color-mix(in srgb, var(--ifm-color-primary) 15%, transparent) !important;
  color: var(--ifm-color-primary-dark) !important;
  font-weight: 600 !important;
  border-right: 3px solid var(--ifm-color-primary);
  border-radius: 8px 0 0 8px;
  box-shadow: 0 0 15px rgba(200, 148, 70, 0.2), inset 0 0 20px rgba(200, 148, 70, 0.05);
  transition: all 0.3s ease;
}

[data-theme='dark'] .menu__link--active {
  background: color-mix(in srgb, var(--ifm-color-primary) 20%, transparent) !important;
  color: var(--ifm-color-primary-light) !important;
  box-shadow: 0 0 20px rgba(200, 148, 70, 0.25), inset 0 0 25px rgba(200, 148, 70, 0.08);
}

[data-theme='light'] .menu__link--active {
  background: color-mix(in srgb, var(--ifm-color-primary) 12%, transparent) !important;
  color: var(--ifm-color-primary-dark) !important;
  box-shadow: 0 0 12px rgba(200, 148, 70, 0.15);
}

/* === CHILD ITEMS === */
.menu__list .menu__list {
  margin-top: 4px;
  margin-bottom: 8px;
  padding-left: 0;
}

.menu__list .menu__list .menu__list-item {
  padding-left: 1rem;
  border-left: 2px solid var(--ifm-color-emphasis-200);
  margin-left: 1rem;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

[data-theme="dark"] .menu__list .menu__list .menu__list-item {
  border-left-color: var(--ifm-color-emphasis-300);
}

[data-theme="light"] .menu__list .menu__list .menu__list-item {
  border-left-color: var(--ifm-color-emphasis-200);
}

.menu__list .menu__list .menu__link {
  font-weight: 400;
  font-size: 0.9rem;
  color: var(--text-secondary);
  padding: 0.5rem 1rem;
}

.menu__list .menu__list .menu__link:hover {
  background: var(--gold-bg);
  color: var(--text-primary);
}

[data-theme='light'] .menu__list .menu__list .menu__link {
  color: #4B5563;
}

[data-theme='light'] .menu__list .menu__list .menu__link:hover {
  color: #1A1A1A;
}

[data-theme='dark'] .menu__list .menu__list .menu__link {
  color: rgba(255, 255, 255, 0.7);
}

[data-theme='dark'] .menu__list .menu__list .menu__link:hover {
  color: #FFFFFF;
}

/* === SPACING === */
.menu__list-item {
  margin: 0 !important;
  padding-top: 4px;
  padding-bottom: 4px;
}

.menu__list-item-collapsible {
  margin-top: 0.5rem;
  padding-top: 4px;
  padding-bottom: 4px;
}

/* === SCROLLBAR === */
.theme-doc-sidebar-container::-webkit-scrollbar {
  width: 6px;
}

.theme-doc-sidebar-container::-webkit-scrollbar-thumb {
  background: #d2d2d7;
  border-radius: 3px;
}

[data-theme="dark"] .theme-doc-sidebar-container::-webkit-scrollbar-thumb {
  background: #48484a;
}

/* === FOCUS STATE === */
.menu__link:focus-visible {
  outline: 2px solid var(--ifm-color-primary);
  outline-offset: 2px;
}

/**
 * NXGEN Code Block Styles
 * 
 * Syntax highlighting, code blocks, and inline code styling.
 */

/* === CODE BLOCK CONTAINER === */
.prism-code {
  border-radius: var(--ifm-code-border-radius);
  box-shadow: var(--card-shadow);
  border: 1px solid var(--code-border);
  background: var(--code-bg) !important;
  font-family: var(--ifm-font-family-monospace);
  font-size: 0.875rem;
  line-height: 1.7;
  padding: 1.25rem;
  transform: translateZ(0);
}

/* Light Mode Code Blocks */
[data-theme='light'] .prism-code {
  background: #F8F9FA !important;
  border-color: #E5E7EB;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

/* Dark Mode Code Blocks - IMMUTABLE */
[data-theme='dark'] .prism-code {
  background: #202020 !important;
  border-color: rgba(255, 255, 255, 0.1);
}

/* === HIGHLIGHTED LINE === */
.theme-code-block-highlighted-line {
  background-color: var(--docusaurus-highlighted-code-line-bg);
  display: block;
  margin: 0 -1rem;
  padding: 0 1rem;
  border-left: 3px solid var(--ifm-color-primary);
}

/* === INLINE CODE === */
.markdown code:not(pre code),
.theme-doc-markdown code:not(pre code),
table code,
li code,
ul code,
ol code,
p code {
  background: var(--code-bg);
  color: var(--ifm-code-font-color, var(--text-primary));
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  font-size: 0.9em;
  font-family: var(--ifm-font-family-monospace);
  border: 1px solid var(--code-border);
}

[data-theme='light'] .markdown code:not(pre code),
[data-theme='light'] .theme-doc-markdown code:not(pre code),
[data-theme='light'] table code,
[data-theme='light'] li code {
  background: #F8F9FA;
  border-color: #E5E7EB;
  color: #1A1A1A;
}

[data-theme='dark'] .markdown code:not(pre code),
[data-theme='dark'] .theme-doc-markdown code:not(pre code),
[data-theme='dark'] table code,
[data-theme='dark'] li code {
  background: #202020;
  border-color: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}

/* === CODE BLOCK CONTAINER (Enhanced) === */
div[class*="codeBlockContainer"] {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(200, 148, 70, 0.15);
  transition: all 0.3s ease;
}

div[class*="codeBlockContainer"]:hover {
  border-color: rgba(200, 148, 70, 0.3);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

[data-theme='dark'] div[class*="codeBlockContainer"]:hover {
  box-shadow: 0 4px 30px rgba(200, 148, 70, 0.1);
}

/* === CODE BLOCK TITLE/LANGUAGE BADGE === */
div[class*="codeBlockTitle"] {
  background: linear-gradient(135deg, rgba(200, 148, 70, 0.15) 0%, rgba(200, 148, 70, 0.05) 100%) !important;
  border-bottom: 1px solid rgba(200, 148, 70, 0.2) !important;
  color: #C89446 !important;
  font-weight: 600;
  font-size: 0.8rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 0.5rem 1rem !important;
}

/* === COPY BUTTON === */
button[class*="copyButton"] {
  background: rgba(200, 148, 70, 0.1) !important;
  border: 1px solid rgba(200, 148, 70, 0.3) !important;
  border-radius: 8px !important;
  color: #C89446 !important;
  transition: all 0.2s ease !important;
}

button[class*="copyButton"]:hover {
  background: rgba(200, 148, 70, 0.2) !important;
  border-color: rgba(200, 148, 70, 0.5) !important;
  transform: scale(1.05);
}

/* Copy button success state */
button[class*="copyButton"][class*="copyButtonCopied"] {
  background: rgba(34, 197, 94, 0.2) !important;
  border-color: rgba(34, 197, 94, 0.5) !important;
  color: #22C55E !important;
}

/**
 * NXGEN Card Styles
 * 
 * Feature cards, content cards, and card-like components.
 */

/* === FEATURE CARDS === */
/* Feature Card - Premium Hover with CSS Nesting */
.feature-card {
  background: var(--card-bg);
  border: var(--card-border);
  border-radius: var(--ifm-card-border-radius);
  padding: 1.5rem;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: var(--card-shadow);
  position: relative;
  overflow: hidden;
}
.feature-card:hover {
    background: var(--card-bg-hover);
    border-color: var(--glass-border-hover);
    transform: translateY(-4px);
    box-shadow: var(--shadow-gold);
  }
.feature-card:active {
    transform: translateY(-2px);
  }
/* Gold gradient border for cards */
.feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg,
      transparent,
      var(--ifm-color-primary),
      transparent
    );
    opacity: 0;
    transition: opacity 0.3s ease;
  }
.feature-card:hover::before {
    opacity: 1;
  }
/* Card Icon */
.feature-card .card-icon {
    background: var(--icon-bg);
    transition: all 0.2s ease;
  }
.feature-card:hover .card-icon {
    transform: scale(1.05);
    background: var(--icon-bg-hover);
  }
/* Card Title */
.feature-card .card-title {
    transition: color 0.2s ease;
  }
.feature-card:hover .card-title {
    color: var(--gold-text);
  }

/* Dark Mode Cards */
[data-theme='dark'] .feature-card {
  background: #202020;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

[data-theme='dark'] .feature-card:hover {
  background: #2a2a2a;
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4), 0 0 24px rgba(232, 176, 88, 0.15);
}

/* Light Mode Cards */
[data-theme='light'] .feature-card {
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

[data-theme='light'] .feature-card:hover {
  background: #FAFAFA;
  border-color: var(--nxgen-gold-accessible);
  box-shadow: 0 8px 24px rgba(200, 148, 70, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Card Featured Accent - CSS Nesting */
.card-featured {
  border-top: 2px solid var(--ifm-color-primary);
}
.card-featured:hover {
    border-top-color: var(--ifm-color-primary-light);
  }

/* Card Elevated Variant - CSS Nesting */
.card-elevated {
  box-shadow: var(--shadow-md);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.card-elevated:hover {
    box-shadow: var(--shadow-lg);
    transform: translateY(-2px);
  }

/* Card Icon Hover - standalone */
.card-icon {
  transition: all 0.2s ease;
}

/* Card Title Hover - standalone */
.card-title {
  transition: color 0.2s ease;
}

/* === CARD CONTENT === */
.feature-card-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 0.5rem;
}

.feature-card-description {
  font-size: 0.9375rem;
  color: var(--text-secondary);
  line-height: 1.5;
}

/* === ARTICLE CARDS (for list pages) === */
article.margin-bottom--lg {
  background: var(--card-bg);
  border: var(--card-border);
  border-radius: var(--ifm-card-border-radius);
  transition: all 0.3s ease;
  box-shadow: var(--card-shadow);
}

article.margin-bottom--lg:hover {
  background: var(--card-bg-hover);
  border: var(--card-border-hover);
  box-shadow: var(--card-shadow-hover);
  transform: translateY(-2px);
}

[data-theme='dark'] article.margin-bottom--lg {
  background: #202020;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme='light'] article.margin-bottom--lg {
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
}

/* === GENERIC CARD CLASS === */
.card {
  background: var(--card-bg);
  border: var(--card-border);
  border-radius: var(--ifm-card-border-radius);
  box-shadow: var(--card-shadow);
  transition: all 0.3s ease;
}

.card:hover {
  box-shadow: var(--card-shadow-hover);
}

[data-theme='dark'] .card {
  background: #202020;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme='light'] .card {
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
}

/* === GLASSMORPHISM FEATURE CARDS === */
.feature-card-glass {
  background: var(--glass-bg);
  backdrop-filter: blur(12px) saturate(140%);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
  border-color: var(--glass-border);
  box-shadow: var(--glass-shadow-inset);
  transition: all 0.25s ease;
}

.feature-card-glass:hover {
  background: var(--glass-bg-hover);
  border-color: var(--glass-border-hover);
  box-shadow: var(--glass-shadow-hover);
  transform: translateY(-2px);
}

.feature-card-glass .card-icon {
  background: var(--icon-bg);
  transition: all 0.25s ease;
}

.feature-card-glass:hover .card-icon {
  background: var(--icon-bg-hover);
}

/* === DOCSINDEX COMPONENTS === */

/* DocsHero */
.docs-hero {
  position: relative;
  overflow: hidden;
  min-height: 55vh;
  background: linear-gradient(160deg, #FFFBF5 0%, #FFF4E0 50%, #FFFBF5 100%);
  border-bottom: 1px solid rgba(232,176,88,0.15);
}

[data-theme='dark'] .docs-hero {
  background: #000000;
  border-bottom-color: rgba(255,255,255,0.05);
}

.docs-hero-canvas {
  opacity: 0.8;
}

[data-theme='dark'] .docs-hero-canvas {
  opacity: 0.6;
}

.docs-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 1rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  background: rgba(232,176,88,0.1);
  border: 1px solid rgba(232,176,88,0.3);
  color: #7A5518;
}

[data-theme='dark'] .docs-hero-badge {
  border-color: rgba(232,176,88,0.25);
  color: #E8B058;
}

.docs-hero-search {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  border: 1px solid rgba(200,148,70,0.25);
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
  transition: all 0.2s ease;
}

[data-theme='dark'] .docs-hero-search {
  background: rgba(255,255,255,0.03);
  border-color: rgba(232,176,88,0.2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

/* DocsIndex Card - shared style for CategoriesGrid, ResourcesSection, LandingPagesSection */
.docs-index-card {
  display: block;
  padding: 1.25rem;
  border-radius: 0.75rem;
  border: 1px solid rgba(232,176,88,0.12);
  background: rgba(255,255,255,0.65);
  transition: all 0.2s ease;
}

[data-theme='dark'] .docs-index-card {
  background: rgba(255,255,255,0.025);
  border-color: rgba(255,255,255,0.07);
}

.docs-index-card:hover {
  transform: translateY(-3px);
}

/* QuickLinks Card */
.quick-link-card {
  display: flex;
  align-items: center;
  padding: 1.25rem;
  border-radius: 0.75rem;
  border: 1px solid rgba(232,176,88,0.12);
  background: rgba(255,255,255,0.65);
  transition: all 0.2s ease;
}

[data-theme='dark'] .quick-link-card {
  background: rgba(255,255,255,0.025);
  border-color: rgba(255,255,255,0.07);
}

.quick-link-card-primary {
  background: rgba(232,176,88,0.08);
  border-color: rgba(232,176,88,0.25);
}

.quick-link-card-primary:hover {
  border-color: rgba(232,176,88,0.5);
}

/* Return Home Banner */
.return-home-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border-radius: 0.75rem;
  border: 1px solid rgba(232,176,88,0.1);
  background: rgba(255,255,255,0.5);
}

[data-theme='dark'] .return-home-banner {
  background: rgba(255,255,255,0.02);
  border-color: rgba(255,255,255,0.05);
}

/* Section badges */
.section-badge {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background: rgba(232,176,88,0.1);
  border: 1px solid rgba(232,176,88,0.25);
  color: #7A5518;
}

[data-theme='dark'] .section-badge {
  border-color: rgba(232,176,88,0.2);
  color: #E8B058;
}

/* Icon container */
.icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  background: rgba(232,176,88,0.1);
  color: var(--ifm-color-primary);
}

.icon-container-lg {
  width: 2.75rem;
  height: 2.75rem;
}

/* Status badges */
.status-badge-new {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.5rem;
  font-size: 0.625rem;
  font-weight: 600;
  border-radius: 9999px;
  background: rgba(34,197,94,0.1);
  border: 1px solid rgba(34,197,94,0.2);
  color: rgb(22,163,74);
}

[data-theme='dark'] .status-badge-new {
  background: rgba(34,197,94,0.15);
  border-color: rgba(34,197,94,0.25);
  color: rgb(74,222,128);
}

.status-badge-updated {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.5rem;
  font-size: 0.625rem;
  font-weight: 600;
  border-radius: 9999px;
  background: rgba(232,176,88,0.1);
  border: 1px solid rgba(232,176,88,0.2);
  color: #7A5518;
}

[data-theme='dark'] .status-badge-updated {
  background: rgba(232,176,88,0.15);
  border-color: rgba(232,176,88,0.25);
  color: #E8B058;
}

/* Text colors */
.text-muted-light {
  color: rgba(90,59,16,0.5);
}

[data-theme='dark'] .text-muted-light {
  color: rgba(255,255,255,0.4);
}

.text-muted-dark {
  color: rgba(90,59,16,0.6);
}

[data-theme='dark'] .text-muted-dark {
  color: rgba(255,255,255,0.5);
}

.text-gold-link {
  color: #7A5518;
}

[data-theme='dark'] .text-gold-link {
  color: #E8B058;
}

.text-gold-link:hover {
  color: #5A3B10;
}

[data-theme='dark'] .text-gold-link:hover {
  color: #D4A047;
}

/* DocsHero search placeholder */
.docs-hero-search-placeholder {
  color: rgba(0,0,0,0.35);
}

[data-theme='dark'] .docs-hero-search-placeholder {
  color: rgba(255,255,255,0.35);
}

/* Keyboard shortcut badges */
.kbd-shortcut {
  padding: 0.125rem 0.5rem;
  font-size: 0.625rem;
  font-weight: 500;
  border-radius: 0.25rem;
  background: rgba(200,148,70,0.08);
  border: 1px solid rgba(200,148,70,0.2);
  color: #8B5E1F;
}

[data-theme='dark'] .kbd-shortcut {
  background: rgba(232,176,88,0.08);
  border-color: rgba(232,176,88,0.18);
  color: rgba(232,176,88,0.7);
}

/* Hero description text */
.hero-description {
  color: #5A5A5A;
}

[data-theme='dark'] .hero-description {
  color: rgb(156, 163, 175);
}

/* ==========================================================================
   CONTAINER QUERIES - Responsive Cards
   Browser support: 89%+ (Chrome 105+, Firefox 110+, Safari 16+)
   ========================================================================== */

/* Container Query Support for Cards */
.card-container {
  container-type: inline-size;
  container-name: card;
}

/* Responsive card layout based on container width */
@container card (min-width: 480px) {
  .card-horizontal {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
  }

  .card-horizontal .card-icon {
    grid-row: span 2;
  }
}

@container card (max-width: 479px) {
  .card-horizontal {
    display: flex;
    flex-direction: column;
  }

  .card-horizontal .card-icon {
    margin-bottom: 0.5rem;
  }
}

/* Feature card container */
.feature-card-container {
  container-type: inline-size;
}

@container (min-width: 320px) {
  .feature-card {
    padding: 1.5rem;
  }
}

@container (min-width: 480px) {
  .feature-card {
    padding: 2rem;
  }
}

/**
 * Genie Surfaces — floating panels only.
 *
 * Impeccable anti-pattern: glassmorphism on static cards = AI slop.
 * Glass is reserved strictly for genuinely floating/overlay surfaces:
 * navbar, search modal, dropdowns, sidebar panel.
 *
 * Static content (cards, admonitions, code blocks) get flat treatment
 * via tokens.css + cards.css. This file handles Docusaurus structural surfaces.
 */

/* ==========================================================================
   NAVBAR — floating glass panel
   ========================================================================== */

[data-theme='dark'] .navbar {
  background: var(--glass-bg) !important;
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  border-bottom: 1px solid var(--glass-border);
  box-shadow: 0 1px 0 var(--oklch-gold-glow), 0 4px 24px rgba(0, 0, 0, 0.3);
  position: relative;
}

/* Hairline gold shimmer on navbar bottom edge */
[data-theme='dark'] .navbar::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 1px;
  background: var(--surface-stripe);
  opacity: var(--surface-stripe-opacity);
  pointer-events: none;
}

/* ==========================================================================
   SIDEBAR — glass panel (structural, not a card)
   ========================================================================== */

[data-theme='dark'] .theme-doc-sidebar-container {
  background: rgba(1, 1, 1, 0.98);
  backdrop-filter: blur(24px) saturate(150%);
  -webkit-backdrop-filter: blur(24px) saturate(150%);
  border-right: 1px solid var(--glass-border);
}

[data-theme='dark'] .theme-doc-sidebar-container::-webkit-scrollbar { width: 4px; }
[data-theme='dark'] .theme-doc-sidebar-container::-webkit-scrollbar-track { background: transparent; }
[data-theme='dark'] .theme-doc-sidebar-container::-webkit-scrollbar-thumb {
  background: var(--oklch-gold-dim);
  border-radius: 2px;
}

/* ==========================================================================
   TABLE OF CONTENTS
   ========================================================================== */

[data-theme='dark'] .table-of-contents {
  border-left: 1px solid var(--oklch-gold-dim);
}

[data-theme='dark'] .table-of-contents__link {
  color: var(--oklch-text-muted);
  transition: color var(--duration-micro) var(--ease-expo-out);
}

[data-theme='dark'] .table-of-contents__link:hover,
[data-theme='dark'] .table-of-contents__link--active {
  color: var(--oklch-gold-light);
  -webkit-text-decoration: none;
  text-decoration: none;
}

/* ==========================================================================
   MARKDOWN TABLES — gold header, flat background
   ========================================================================== */

[data-theme='dark'] table {
  background: var(--oklch-bg-surface);
  border: 1px solid var(--oklch-gold-dim);
  border-radius: 10px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
}

[data-theme='dark'] table thead {
  background: var(--table-header-bg);
}

[data-theme='dark'] table thead th {
  border-bottom: 1px solid var(--oklch-gold-mid);
  color: var(--oklch-gold-light);
  font-weight: 600;
  font-size: 0.825rem;
  letter-spacing: 0.03em;
}

[data-theme='dark'] table tbody tr {
  transition: background var(--duration-micro) var(--ease-expo-out);
}

[data-theme='dark'] table tbody tr:hover { background: var(--table-row-hover); }
[data-theme='dark'] table tbody td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  color: var(--oklch-text-secondary);
}
[data-theme='dark'] table tbody tr:last-child td { border-bottom: none; }

/* ==========================================================================
   CODE BLOCKS — flat, no glass
   ========================================================================== */

[data-theme='dark'] .theme-code-block {
  background: var(--oklch-bg-raised) !important;
  border: 1px solid var(--oklch-gold-dim);
  border-radius: 10px;
}

[data-theme='dark'] .prism-code {
  background: transparent !important;
}

/* ==========================================================================
   ADMONITIONS — flat with accent border, no blur
   ========================================================================== */

[data-theme='dark'] .alert {
  background: var(--oklch-bg-raised);
  border-radius: 10px;
  border-width: 1px;
  border-left-width: 3px;
}

[data-theme='dark'] .alert--note    { border-color: var(--oklch-gold); background: rgba(197, 134, 57, 0.05); }
[data-theme='dark'] .alert--info    { border-color: rgb(0, 137, 201); background: rgba(0, 137, 201, 0.05); }
@media (color-gamut: p3) {
[data-theme='dark'] .alert--info    { border-color: color(display-p3 0 0.52683 0.84732); background: color(display-p3 0 0.52683 0.84732 / 0.05); }
}
[data-theme='dark'] .alert--warning { border-color: rgb(218, 149, 11);  background: rgba(218, 149, 11, 0.05); }
[data-theme='dark'] .alert--danger  { border-color: rgb(204, 39, 46);   background: rgba(204, 39, 46, 0.05); }
[data-theme='dark'] .alert--success { border-color: rgb(49, 170, 64); background: rgba(49, 170, 64, 0.05); }

/* ==========================================================================
   BREADCRUMBS
   ========================================================================== */

[data-theme='dark'] .breadcrumbs__item--active .breadcrumbs__link { color: var(--oklch-gold); }
[data-theme='dark'] .breadcrumbs__link {
  color: var(--oklch-text-muted);
  transition: color var(--duration-micro) var(--ease-expo-out),
              background var(--duration-micro) var(--ease-expo-out);
}
[data-theme='dark'] .breadcrumbs__link:hover {
  color: var(--oklch-text-primary);
  background: var(--gold-bg);
}

/* ==========================================================================
   PAGINATION (Prev / Next) — flat cards, elevation on hover
   ========================================================================== */

[data-theme='dark'] .pagination-nav__link {
  background: var(--card-bg);
  border: var(--card-border);
  border-radius: 10px;
  transition: border-color var(--duration-fast) var(--ease-expo-out),
              box-shadow    var(--duration-base) var(--ease-expo-out),
              transform     var(--duration-base) var(--ease-expo-out);
}

[data-theme='dark'] .pagination-nav__link:hover {
  border: var(--card-border-hover);
  box-shadow: var(--card-shadow-hover);
  transform: translateY(-2px);
  -webkit-text-decoration: none;
  text-decoration: none;
}

[data-theme='dark'] .pagination-nav__sublabel {
  color: var(--oklch-gold);
  font-size: 0.7rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

[data-theme='dark'] .pagination-nav__label { color: var(--oklch-text-primary); }

/* ==========================================================================
   DOC FOOTER
   ========================================================================== */

[data-theme='dark'] .theme-doc-footer {
  border-top: 1px solid var(--oklch-gold-dim);
  margin-top: 2rem;
  padding-top: 1.5rem;
}

/* ==========================================================================
   DROPDOWN MENUS — floating glass
   ========================================================================== */

[data-theme='dark'] .dropdown__menu {
  background: var(--glass-bg);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  border: 1px solid var(--glass-border);
  border-radius: 12px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.7), 0 0 0 1px var(--oklch-gold-glow);
}

[data-theme='dark'] .dropdown__link {
  border-radius: 8px;
  transition: background var(--duration-micro) var(--ease-expo-out),
              color var(--duration-micro) var(--ease-expo-out);
}

[data-theme='dark'] .dropdown__link:hover {
  background: var(--gold-bg);
  color: var(--oklch-gold-light);
}

/* ==========================================================================
   INLINE CODE — gold tint, not glass
   ========================================================================== */

[data-theme='dark'] code:not([class*='language-']) {
  background: rgba(197, 134, 57, 0.1);
  border: 1px solid var(--oklch-gold-dim);
  color: var(--oklch-gold-light);
  border-radius: 4px;
  font-size: 0.85em;
  padding: 0.1em 0.4em;
}

/* ==========================================================================
   SCROLLBARS — global, subtle gold tint
   ========================================================================== */

[data-theme='dark'] ::-webkit-scrollbar { width: 5px; height: 5px; }
[data-theme='dark'] ::-webkit-scrollbar-track { background: transparent; }
[data-theme='dark'] ::-webkit-scrollbar-thumb {
  background: var(--oklch-gold-dim);
  border-radius: 3px;
}
[data-theme='dark'] ::-webkit-scrollbar-thumb:hover {
  background: rgba(197, 134, 57, 0.28);
}
[data-theme='dark'] * {
  scrollbar-width: thin;
  scrollbar-color: var(--oklch-gold-dim) transparent;
}

/* ==========================================================================
   H2 HEADINGS — strip Infima global border-bottom from page-level headings
   Preserve only inside markdown doc content
   ========================================================================== */

[data-theme='dark'] h2,
[data-theme='light'] h2 { border-bottom: none; }

[data-theme='dark'] .markdown h2,
[data-theme='dark'] .theme-doc-markdown h2 {
  border-bottom: 1px solid var(--oklch-gold-dim);
  padding-bottom: 0.5rem;
}

[data-theme='light'] .markdown h2,
[data-theme='light'] .theme-doc-markdown h2 {
  border-bottom: 1px solid var(--ifm-color-emphasis-200);
  padding-bottom: 0.5rem;
}

/* ==========================================================================
   DIVIDERS
   ========================================================================== */

[data-theme='dark'] hr {
  border: none;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--oklch-gold-mid) 40%,
    var(--oklch-gold-mid) 60%,
    transparent 100%
  );
  margin: 2.5rem 0;
  opacity: 0.6;
}

/* ZohoTickets Component Styles */
/* Using CSS custom properties - no Tailwind layer needed */

/* Ticket Portal Container */
.ticket-portal {
  background: var(--glass-bg);
  border-color: var(--glass-border);
  backdrop-filter: blur(12px) saturate(140%);
}

/* Portal Header - Customer (blue) */
.portal-header-customer {
  background: linear-gradient(135deg, rgba(59,130,246,0.06) 0%, rgba(0,0,0,0.4) 100%);
  border-color: rgba(59,130,246,0.18);
}

[data-theme='light'] .portal-header-customer {
  background: linear-gradient(135deg, rgba(59,130,246,0.08) 0%, rgba(255,255,255,0.9) 100%);
  border-color: rgba(59,130,246,0.25);
}

/* Portal Header - Agent (gold) */
.portal-header-agent {
  background: linear-gradient(135deg, rgba(232,176,88,0.06) 0%, rgba(0,0,0,0.4) 100%);
  border-color: rgba(232,176,88,0.18);
}

[data-theme='light'] .portal-header-agent {
  background: linear-gradient(135deg, rgba(232,176,88,0.1) 0%, rgba(255,255,255,0.9) 100%);
  border-color: rgba(232,176,88,0.25);
}

/* Portal Content Area */
.portal-content {
  background: rgba(255,255,255,0.02);
  border-color: rgba(255,255,255,0.08);
}

[data-theme='light'] .portal-content {
  background: rgba(255,255,255,0.6);
  border-color: rgba(232,176,88,0.15);
}

/* Navigation Tabs */
.portal-nav {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.08);
}

[data-theme='light'] .portal-nav {
  background: rgba(0,0,0,0.04);
  border-color: rgba(0,0,0,0.08);
}

.portal-tab {
  background: transparent;
  color: var(--ifm-color-content-secondary);
  border-color: transparent;
}

.portal-tab.active {
  background: rgba(59,130,246,0.2);
  color: #3b82f6;
  border-color: rgba(59,130,246,0.25);
}

[data-theme='light'] .portal-tab.active {
  background: rgba(59,130,246,0.12);
}

/* Ticket Detail Card */
.ticket-detail-card {
  background: var(--glass-bg);
  border-color: var(--glass-border);
  box-shadow: var(--glass-shadow-inset);
}

/* Ticket Header */
.ticket-header {
  background: var(--glass-bg-hover);
  border-bottom: 1px solid var(--glass-border);
}

/* Ticket Meta */
.ticket-meta {
  background: var(--card-bg);
  border-color: var(--border-subtle);
}

/* Comment Container */
.ticket-comment {
  background: var(--glass-bg);
  border-color: var(--glass-border);
}

.ticket-comment.agent {
  background: rgba(232, 176, 88, 0.1);
  border-color: rgba(232, 176, 88, 0.2);
}

/* Input Fields */
.ticket-input {
  background: var(--card-bg);
  border-color: var(--border-default);
  color: var(--text-primary);
}

.ticket-input:focus {
  border-color: var(--ifm-color-primary);
  box-shadow: 0 0 0 2px rgba(200, 148, 70, 0.2);
}

/* Buttons */
.ticket-button {
  background: var(--glass-bg);
  border-color: var(--glass-border);
  color: var(--text-primary);
}

.ticket-button:hover {
  background: var(--glass-bg-hover);
  border-color: var(--glass-border-hover);
}

.ticket-button-primary {
  background: #3b82f6;
  color: white;
}

.ticket-button-primary:hover {
  background: #2563eb;
}

/* Attachments */
.ticket-attachment {
  background: var(--glass-bg);
  border-color: var(--glass-border);
}

/* Tags/Badges */
.ticket-tag {
  background: var(--glass-bg);
  color: var(--text-secondary);
}

.ticket-tag.status-open {
  background: rgba(59, 130, 246, 0.1);
  color: #3b82f6;
}

.ticket-tag.status-closed {
  background: rgba(34, 197, 94, 0.1);
  color: #22c55e;
}

/* Avatar */
.ticket-avatar {
  background: var(--icon-bg);
}

.ticket-avatar.agent {
  background: rgba(232, 176, 88, 0.15);
}

/* SLA Timer */
.sla-timer {
  background: var(--glass-bg);
  border-color: var(--glass-border);
}

/* Related Articles */
.related-article {
  background: var(--glass-bg);
  border-color: var(--glass-border);
}

/* Light mode overrides for glass surfaces */
[data-theme='light'] .ticket-portal,
[data-theme='light'] .ticket-detail-card,
[data-theme='light'] .ticket-comment,
[data-theme='light'] .ticket-button,
[data-theme='light'] .ticket-attachment,
[data-theme='light'] .related-article {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(232, 176, 88, 0.12);
}

[data-theme='light'] .ticket-header {
  background: rgba(255, 255, 255, 0.85);
}

[data-theme='light'] .ticket-avatar {
  background: rgba(232, 176, 88, 0.10);
}

/* Dark mode overrides */
[data-theme='dark'] .ticket-portal,
[data-theme='dark'] .ticket-detail-card,
[data-theme='dark'] .ticket-comment,
[data-theme='dark'] .ticket-button,
[data-theme='dark'] .ticket-attachment,
[data-theme='dark'] .related-article {
  background: rgba(255, 255, 255, 0.025);
  border-color: rgba(255, 255, 255, 0.07);
}

[data-theme='dark'] .ticket-header {
  background: rgba(255, 255, 255, 0.05);
}

[data-theme='dark'] .ticket-avatar {
  background: rgba(232, 176, 88, 0.12);
}

/* Base Accessibility Styles */

/* Focus visible - keyboard navigation indicator */
:focus-visible {
  outline: 2px solid var(--ifm-color-primary);
  outline-offset: 2px;
  border-radius: 4px;
}

/* Remove outline for mouse users */
:focus:not(:focus-visible) {
  outline: none;
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  :root {
    --border-subtle: rgba(0, 0, 0, 0.3);
    --glass-border: rgba(200, 148, 70, 0.4);
  }
}

/* Selection styling */
::selection {
  background: rgba(200, 148, 70, 0.3);
  color: inherit;
}

/* Smooth scrolling (respects reduced motion) */
html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

/* Tailwind CSS Integration */
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
input:where([type='text']),input:where(:not([type])),input:where([type='email']),input:where([type='url']),input:where([type='password']),input:where([type='number']),input:where([type='date']),input:where([type='datetime-local']),input:where([type='month']),input:where([type='search']),input:where([type='tel']),input:where([type='time']),input:where([type='week']),select:where([multiple]),textarea,select {
  appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}
input:where([type='text']):focus, input:where(:not([type])):focus, input:where([type='email']):focus, input:where([type='url']):focus, input:where([type='password']):focus, input:where([type='number']):focus, input:where([type='date']):focus, input:where([type='datetime-local']):focus, input:where([type='month']):focus, input:where([type='search']):focus, input:where([type='tel']):focus, input:where([type='time']):focus, input:where([type='week']):focus, select:where([multiple]):focus, textarea:focus, select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}
input::placeholder,textarea::placeholder {
  color: #6b7280;
  opacity: 1;
}
::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
::-webkit-date-and-time-value {
  min-height: 1.5em;
  text-align: inherit;
}
::-webkit-datetime-edit {
  display: inline-flex;
}
::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}
select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}
select:where([multiple]),select:where([size]:not([size="1"])) {
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          print-color-adjust: unset;
}
input:where([type='checkbox']),input:where([type='radio']) {
  appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}
input:where([type='checkbox']) {
  border-radius: 0px;
}
input:where([type='radio']) {
  border-radius: 100%;
}
input:where([type='checkbox']):focus,input:where([type='radio']):focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
input:where([type='checkbox']):checked,input:where([type='radio']):checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
input:where([type='checkbox']):checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
@media (forced-colors: active)  {
  input:where([type='checkbox']):checked {
    appearance: auto;
  }
}
input:where([type='radio']):checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
@media (forced-colors: active)  {
  input:where([type='radio']):checked {
    appearance: auto;
  }
}
input:where([type='checkbox']):checked:hover,input:where([type='checkbox']):checked:focus,input:where([type='radio']):checked:hover,input:where([type='radio']):checked:focus {
  border-color: transparent;
  background-color: currentColor;
}
input:where([type='checkbox']):indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
@media (forced-colors: active)  {
  input:where([type='checkbox']):indeterminate {
    appearance: auto;
  }
}
input:where([type='checkbox']):indeterminate:hover,input:where([type='checkbox']):indeterminate:focus {
  border-color: transparent;
  background-color: currentColor;
}
input:where([type='file']) {
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}
input:where([type='file']):focus {
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}
.prose {
  color: #374151;
  max-width: none;
}
.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: #D4A047;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-weight: 500;
}
.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover {
  color: #C09036;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}
.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}
.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}
.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}
.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}
.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}
.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-weight: 400;
  font-size: 0.875em;
  background-color: #f3f4f6;
  padding: 0.25rem 0.4rem;
  border-radius: 0.25rem;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: "";
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: "";
}
.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: none;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: none;
}
.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: top;
}
.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  text-align: start;
}
.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}
.prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: rgb(17 24 39 / 10%);
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}
.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}
.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}
.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}
.prose-sm {
  font-size: 0.875rem;
  line-height: 1.7142857;
}
.prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}
.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.2857143em;
  line-height: 1.5555556;
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}
.prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-inline-start: 1.1111111em;
}
.prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 2.1428571em;
  margin-top: 0;
  margin-bottom: 0.8em;
  line-height: 1.2;
}
.prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.4285714em;
  margin-top: 1.6em;
  margin-bottom: 0.8em;
  line-height: 1.4;
}
.prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.2857143em;
  margin-top: 1.5555556em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}
.prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.4285714em;
  margin-bottom: 0.5714286em;
  line-height: 1.4285714;
}
.prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
  border-radius: 0.3125rem;
  padding-top: 0.1428571em;
  padding-inline-end: 0.3571429em;
  padding-bottom: 0.1428571em;
  padding-inline-start: 0.3571429em;
}
.prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
}
.prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.9em;
}
.prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8888889em;
}
.prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
  line-height: 1.6666667;
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  border-radius: 0.25rem;
  padding-top: 0.6666667em;
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}
.prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-inline-start: 1.5714286em;
}
.prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-inline-start: 1.5714286em;
}
.prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.2857143em;
  margin-bottom: 0.2857143em;
}
.prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.4285714em;
}
.prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.4285714em;
}
.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}
.prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
}
.prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.1428571em;
}
.prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
}
.prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.1428571em;
}
.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}
.prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}
.prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
}
.prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.2857143em;
  padding-inline-start: 1.5714286em;
}
.prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2.8571429em;
  margin-bottom: 2.8571429em;
}
.prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
  line-height: 1.5;
}
.prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}
.prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}
.prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}
.prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.6666667em;
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}
.prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}
.prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}
.prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
  line-height: 1.3333333;
  margin-top: 0.6666667em;
}
.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}
.prose-invert {
  --tw-prose-body: var(--tw-prose-invert-body);
  --tw-prose-headings: var(--tw-prose-invert-headings);
  --tw-prose-lead: var(--tw-prose-invert-lead);
  --tw-prose-links: var(--tw-prose-invert-links);
  --tw-prose-bold: var(--tw-prose-invert-bold);
  --tw-prose-counters: var(--tw-prose-invert-counters);
  --tw-prose-bullets: var(--tw-prose-invert-bullets);
  --tw-prose-hr: var(--tw-prose-invert-hr);
  --tw-prose-quotes: var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
  --tw-prose-captions: var(--tw-prose-invert-captions);
  --tw-prose-kbd: var(--tw-prose-invert-kbd);
  --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
  --tw-prose-code: var(--tw-prose-invert-code);
  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
}
/* === GLOBAL RESET & BASE STYLES === */
* {
    box-sizing: border-box;
  }
html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    background-color: var(--ifm-background-color);
  }
body {
    font-family: var(--ifm-font-family-base);
    font-size: var(--ifm-font-size-base);
    line-height: var(--ifm-line-height-base);
    color: var(--ifm-color-content);
    background: transparent !important;
    /* Let BackgroundPattern handle this */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
  }
/* Ensure main content area is transparent to show BackgroundPattern */
/* Ensure docs wrapper is transparent to show BackgroundPattern */
/* === NAVBAR COMPLETELY REMOVED === */
/* Navbar has been permanently disabled - all navbar elements are hidden */
.navbar,
  .navbar__brand,
  .navbar__logo,
  .navbar__title,
  .navbar__link,
  .navbar__toggle,
  .navbar-sidebar,
  .navbar-sidebar__brand,
  .navbar-sidebar__items {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
/* === BACK TO TOP BUTTON COMPLETELY REMOVED === */
/* BackToTop button has been permanently disabled - it was conflicting with VoCWidget position */
.back-to-top-button,
  button[aria-label="Back to top"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
/* === FOOTER === */
/* Custom Footer component is now visible and integrated globally via Root.tsx */
/* Hide default Docusaurus footer - we're using our custom Footer component */
.footer.footer--dark {
    display: none !important;
  }
/* Also hide any other footer variants */
footer.footer {
    display: none !important;
  }
/* === SIDEBAR STYLING - MINIMAL OVERRIDE === */
/* Sidebar container - use CSS variables matching landing page theme */
/* === SIDEBAR REFACTOR === */
/* 1. Fix Logo Spacing */
/* Remove negative margins that crowd the logo */
/* Light mode sidebar */
/* Sidebar menu padding - Removed to fix spacing */
/* All links - base styling matching landing page */
/* 7. Hover States */
/* First link - Removed special spacing to compact sidebar */
/* 3. Distinct Parent Categories */
/* Make top-level parents stand out */
/* Chevron indicator for collapsible items */
/* Hide collapsed category content */
/* 6. Active State (Gold/Brand Theme) with Glow */
/* Make it obvious which page is active */
/* Dark mode adjustment for active state with enhanced glow */
/* Light mode adjustment for active state */
/* 4. Clearer Hierarchy for Children */
/* Indent and style child items to look different from parents */
/* 5. Child Link Styling - Theme-Aware */
/* Light Mode Child Links */
/* Dark Mode Child Links - IMMUTABLE */
/* 2. Improve Spacing & Breathing Room - FIX BROKEN LINE */
/* Use padding instead of margin to ensure continuous borders */
/* Scrollbar */
/* Focus state */
/* Layout for docs pages: sidebar + content */
.theme-doc-markdown {
    max-width: 860px;
    /* Increased from 720px for better reading */
    margin: 0 auto;
    padding: 3rem 4rem;
    /* More generous padding inside articles */
    animation: fadeIn 0.3s ease-in;
    position: relative;
  }
/* Fix article content alignment */
.theme-doc-markdown>* {
    text-align: left;
  }
.theme-doc-markdown p,
  .theme-doc-markdown ul,
  .theme-doc-markdown ol,
  .theme-doc-markdown li {
    text-align: left;
  }
.theme-doc-markdown h1,
  .theme-doc-markdown h2,
  .theme-doc-markdown h3,
  .theme-doc-markdown h4,
  .theme-doc-markdown h5,
  .theme-doc-markdown h6 {
    text-align: left;
  }
/* Ensure images are centered but text stays left-aligned */
.theme-doc-markdown img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
/* Fix table alignment */
.theme-doc-markdown table {
    margin-left: 0;
    margin-right: auto;
  }
/* Fix code block alignment */
.theme-doc-markdown pre {
    text-align: left;
  }
@keyframes fadeIn {
    from {
      opacity: 0;
      transform: translateY(10px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
/* === TYPOGRAPHY SYSTEM === */
.markdown h1,
  .markdown .h1 {
    font-size: 2.5rem;
    font-weight: 800;
    /* Extra bold */
    line-height: 1.15;
    color: var(--ifm-color-content);
    margin: 0 0 1.5rem 0;
    letter-spacing: -0.02em;
  }
[data-theme='dark'] .markdown h1,
  [data-theme='dark'] .markdown .h1 {
    color: #FFFFFF;
    /* White text matching landing page */
  }
[data-theme='light'] .markdown h1,
  [data-theme='light'] .markdown .h1 {
    color: var(--ifm-color-content);
  }
.markdown h2,
  .markdown .h2 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--ifm-color-content);
    margin: 4rem 0 1.5rem 0;
    /* More space before sections */
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--ifm-color-emphasis-200);
  }
[data-theme='dark'] .markdown h2,
  [data-theme='dark'] .markdown .h2 {
    color: #FFFFFF;
    /* White text matching landing page */
    border-bottom-color: rgba(255, 255, 255, 0.1);
    /* Subtle border matching landing page */
  }
[data-theme='light'] .markdown h2,
  [data-theme='light'] .markdown .h2 {
    color: var(--ifm-color-content);
    border-bottom-color: var(--ifm-color-emphasis-200);
  }
.markdown h3,
  .markdown .h3 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--ifm-color-content);
    margin: 2.5rem 0 1rem 0;
  }
[data-theme='dark'] .markdown h3,
  [data-theme='dark'] .markdown .h3 {
    color: #FFFFFF;
    /* White text matching landing page */
  }
[data-theme='light'] .markdown h3,
  [data-theme='light'] .markdown .h3 {
    color: var(--ifm-color-content);
  }
.markdown p {
    font-size: 1.0625rem;
    line-height: 1.8;
    /* Improve readability */
    color: var(--ifm-color-content-secondary);
    margin: 0 0 1.5rem 0;
  }
[data-theme='dark'] .markdown p {
    color: rgba(255, 255, 255, 0.7);
    /* Semi-transparent white matching landing page */
  }
[data-theme='light'] .markdown p {
    color: var(--ifm-color-content-secondary);
  }
.markdown ul,
  .markdown ol {
    margin: 0 0 1.5rem 0;
    padding-left: 2rem;
    list-style-position: outside;
  }
.markdown ul {
    list-style-type: disc;
  }
.markdown ol {
    list-style-type: decimal;
  }
.markdown li {
    margin: 0.5rem 0;
    line-height: var(--ifm-line-height-base);
    color: var(--ifm-color-content-secondary);
  }
[data-theme='dark'] .markdown li {
    color: rgba(255, 255, 255, 0.7);
    /* Semi-transparent white matching landing page */
  }
[data-theme='light'] .markdown li {
    color: var(--ifm-color-content-secondary);
  }
/* === CODE BLOCKS - Theme-Aware === */
/* Light Mode Code Blocks */
/* Dark Mode Code Blocks - IMMUTABLE */
/* === INLINE CODE - Theme-Aware === */
/* Fix inline code styling in markdown, especially in tables and lists */
.markdown code:not(pre code),
  .theme-doc-markdown code:not(pre code),
  table code,
  li code,
  ul code,
  ol code,
  p code {
    background: var(--code-bg);
    color: var(--ifm-code-font-color, var(--text-primary));
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    font-size: 0.9em;
    font-family: var(--ifm-font-family-monospace);
    border: 1px solid var(--code-border);
  }
/* Light Mode Inline Code */
[data-theme='light'] .markdown code:not(pre code),
  [data-theme='light'] .theme-doc-markdown code:not(pre code),
  [data-theme='light'] table code,
  [data-theme='light'] li code,
  [data-theme='light'] ul code,
  [data-theme='light'] ol code,
  [data-theme='light'] p code {
    background: #F5F5F7 !important;
    color: #1A1A1A !important;
    border-color: #E5E7EB !important;
  }
/* Dark Mode Inline Code - Fix white background issue */
[data-theme='dark'] .markdown code:not(pre code),
  [data-theme='dark'] .theme-doc-markdown code:not(pre code),
  [data-theme='dark'] table code,
  [data-theme='dark'] li code,
  [data-theme='dark'] ul code,
  [data-theme='dark'] ol code,
  [data-theme='dark'] p code {
    background: #2A2A2A !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
  }
/* Ensure code in table cells has proper styling */
.markdown table td code,
  .theme-doc-markdown table td code {
    background: var(--code-bg) !important;
    color: var(--text-primary) !important;
  }
[data-theme='dark'] .markdown table td code,
  [data-theme='dark'] .theme-doc-markdown table td code {
    background: #2A2A2A !important;
    color: #FFFFFF !important;
  }
[data-theme='light'] .markdown table td code,
  [data-theme='light'] .theme-doc-markdown table td code {
    background: #F5F5F7 !important;
    color: #1A1A1A !important;
  }
/* Fix code within Tabs component (used in Talos Integration section) */
[role="tabpanel"] code,
  .tabs-container code,
  .tab-item code,
  .prose code:not(pre code),
  .prose-invert code:not(pre code) {
    background: var(--code-bg) !important;
    color: var(--text-primary) !important;
  }
[data-theme='dark'] [role="tabpanel"] code,
  [data-theme='dark'] .tabs-container code,
  [data-theme='dark'] .tab-item code,
  [data-theme='dark'] .prose code:not(pre code),
  [data-theme='dark'] .prose-invert code:not(pre code),
  .dark .prose-invert code:not(pre code) {
    background: #2A2A2A !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
  }
[data-theme='light'] [role="tabpanel"] code,
  [data-theme='light'] .tabs-container code,
  [data-theme='light'] .tab-item code,
  [data-theme='light'] .prose code:not(pre code) {
    background: #F5F5F7 !important;
    color: #1A1A1A !important;
    border-color: #E5E7EB !important;
  }
/* Override Tailwind prose default code styling */
.prose code:not(pre code),
  .prose-invert code:not(pre code) {
    padding: 0.2rem 0.4rem !important;
    border-radius: 4px !important;
    font-size: 0.9em !important;
    font-family: var(--ifm-font-family-monospace) !important;
    border: 1px solid var(--code-border) !important;
  }
/* Ensure list items with code in tabs are properly styled */
[role="tabpanel"] li code,
  .prose li code:not(pre code),
  .prose-invert li code:not(pre code) {
    background: var(--code-bg) !important;
    color: var(--text-primary) !important;
  }
[data-theme='dark'] [role="tabpanel"] li code,
  [data-theme='dark'] .prose li code:not(pre code),
  [data-theme='dark'] .prose-invert li code:not(pre code),
  .dark .prose-invert li code:not(pre code) {
    background: #2A2A2A !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
  }
[data-theme='light'] [role="tabpanel"] li code,
  [data-theme='light'] .prose li code:not(pre code) {
    background: #F5F5F7 !important;
    color: #1A1A1A !important;
    border-color: #E5E7EB !important;
  }
/* Universal fix for all inline code elements - catch-all rule */
code:not(pre code) {
    background: var(--code-bg) !important;
    color: var(--text-primary) !important;
  }
[data-theme='dark'] code:not(pre code) {
    background: #2A2A2A !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
  }
[data-theme='light'] code:not(pre code) {
    background: #F5F5F7 !important;
    color: #1A1A1A !important;
    border-color: #E5E7EB !important;
  }
/* === BUTTONS - Theme-Aware === */
.button {
    font-family: var(--ifm-font-family-base);
    font-weight: var(--ifm-font-weight-medium);
    border-radius: var(--ifm-button-border-radius);
    padding: 0.75rem 1.5rem;
    transition: all var(--ifm-transition-fast);
    border: 1px solid var(--border-default);
    cursor: pointer;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
.button--primary {
    background: var(--ifm-color-primary);
    color: #000000;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--ifm-color-primary) 30%, transparent);
    border-color: transparent;
  }
.button--primary:hover {
    background: var(--ifm-color-primary-dark);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px color-mix(in srgb, var(--ifm-color-primary) 40%, transparent);
    color: #000000;
  }
/* Light Mode Buttons */
/* Dark Mode Buttons - IMMUTABLE */
[data-theme='dark'] .button {
    border-color: rgba(255, 255, 255, 0.1);
  }
/* === TABLES - Theme-Aware === */
.markdown table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: var(--ifm-border-radius);
    box-shadow: var(--card-shadow);
    border: 1px solid var(--border-default);
    margin: 2rem 0;
    background: var(--table-bg);
  }
.markdown table th {
    background: var(--table-header-bg);
    font-weight: var(--ifm-font-weight-semibold);
    color: var(--heading-color);
    padding: 1rem;
    border-bottom: 1px solid var(--table-border);
  }
.markdown table td {
    padding: 1rem;
    border-bottom: 1px solid var(--border-subtle);
    color: var(--text-secondary);
  }
.markdown tr {
    transition: background var(--ifm-transition-fast);
  }
.markdown tr:hover {
    background: var(--table-row-hover);
  }
/* Light Mode Tables */
[data-theme='light'] .markdown table {
    background: #FFFFFF;
    border-color: #E5E7EB;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  }
[data-theme='light'] .markdown table th {
    background: #F9FAFB;
    color: #1A1A1A;
    border-bottom-color: #E5E7EB;
  }
[data-theme='light'] .markdown table td {
    color: #4B5563;
    border-bottom-color: #F3F4F6;
  }
[data-theme='light'] .markdown tr:hover {
    background: #F9FAFB;
  }
/* Dark Mode Tables - IMMUTABLE */
[data-theme='dark'] .markdown table {
    background: #202020;
    border-color: rgba(255, 255, 255, 0.1);
  }
[data-theme='dark'] .markdown table th {
    background: rgba(255, 255, 255, 0.05);
    color: #FFFFFF;
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }
[data-theme='dark'] .markdown table td {
    border-bottom-color: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.7);
  }
[data-theme='dark'] .markdown tr:hover {
    background: rgba(255, 255, 255, 0.05);
  }
/* === ADMONITIONS - Theme-Aware === */
.alert {
    border-radius: var(--ifm-border-radius);
    border: 1px solid var(--border-default);
    border-left: 4px solid;
    box-shadow: var(--card-shadow);
    margin: 2rem 0;
    padding: 1.5rem;
    background: var(--card-bg);
  }
.alert--danger {
    border-left-color: #ff3b30;
    background: rgba(255, 59, 48, 0.08);
  }
/* Light Mode Alerts */
[data-theme='light'] .alert {
    background: #FFFFFF;
    border-color: #E5E7EB;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  }
[data-theme='light'] .alert--danger {
    background: rgba(255, 59, 48, 0.06);
  }
/* Dark Mode Alerts - IMMUTABLE */
[data-theme='dark'] .alert {
    background: #202020;
    border-color: rgba(255, 255, 255, 0.1);
  }
[data-theme='dark'] .alert--danger {
    background: rgba(255, 59, 48, 0.1);
  }
/* === ENHANCED CARDS FOR GENERATED CONTENT - Theme-Aware === */
/* Light Mode Article Cards */
/* Dark Mode Article Cards - IMMUTABLE */
/* === CUSTOM SCROLLBARS === */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
::-webkit-scrollbar-track {
    background: transparent;
  }
::-webkit-scrollbar-thumb {
    background: var(--ifm-color-emphasis-400);
    border-radius: 4px;
  }
::-webkit-scrollbar-thumb:hover {
    background: var(--ifm-color-emphasis-500);
  }
/* === PERFORMANCE OPTIMIZATIONS === */
img {
    max-width: 100%;
    height: auto;
  }
/* === VIDEO FULLSCREEN FIX === */
/* Fix video aspect ratio in fullscreen mode */
video {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
video:fullscreen {
    object-fit: contain;
    width: 100vw;
    height: 100vh;
  }
/* Ensure video container maintains aspect ratio in fullscreen */
video::backdrop {
    background: #000;
  }
/* Fix iframe videos (YouTube embeds) in fullscreen */
iframe[allowfullscreen] {
    width: 100%;
    height: 100%;
  }
iframe[allowfullscreen]:fullscreen {
    width: 100vw;
    height: 100vh;
    object-fit: contain;
  }
/* === ENHANCED IMAGE PRESENTATION FOR DOCUMENTATION === */
/* Target images in markdown content */
.markdown img,
  .theme-doc-markdown img {
    display: block;
    margin: 2rem auto;
    max-width: 90%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
  }
.markdown img:hover,
  .theme-doc-markdown img:hover {
    transform: scale(1.02);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
    border-color: rgba(200, 148, 70, 0.3);
  }
/* Image captions (em elements following images) */
.markdown p em,
  .theme-doc-markdown p em {
    display: block;
    text-align: center;
    font-style: italic;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.875rem;
    margin-top: -1.5rem;
    margin-bottom: 2rem;
  }
/* Light mode adjustments */
[data-theme='light'] .markdown img,
  [data-theme='light'] .theme-doc-markdown img {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    border-color: var(--ifm-color-emphasis-200);
  }
[data-theme='light'] .markdown img:hover,
  [data-theme='light'] .theme-doc-markdown img:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    border-color: var(--ifm-color-primary);
  }
[data-theme='light'] .markdown p em,
  [data-theme='light'] .theme-doc-markdown p em {
    color: var(--ifm-color-content-secondary);
  }
/* === FOCUS STATES FOR ACCESSIBILITY === */
.menu__link:focus-visible,
  .button:focus-visible {
    outline: 2px solid var(--ifm-color-primary);
    outline-offset: 2px;
  }
/* === RESPONSIVE DESIGN === */
@media (max-width: 996px) {

    /* desktop breakpoint */
    .theme-doc-sidebar-container {
      position: relative;
      height: auto;
      width: 100%;
      max-height: none;
    }

    .main-wrapper {
      margin-left: 0;
    }

    .theme-doc-markdown {
      padding: 1.75rem 1.25rem;
      box-shadow: none;
      border-radius: 14px;
    }
  }
@media (max-width: 768px) {

    /* tablet breakpoint */
    .theme-doc-markdown {
      padding: 1.5rem 1rem;
    }

    .markdown h1 {
      font-size: 2rem;
    }

    .markdown h2 {
      font-size: 1.5rem;
    }

    .markdown table {
      font-size: 0.875rem;
    }
  }
@media (max-width: 480px) {

    /* mobile breakpoint */
    .theme-doc-markdown {
      padding: 1rem 0.75rem;
    }
  }
/* === ACCESSIBILITY === */
@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
    }

    .main-wrapper,
    .theme-doc-markdown,
    .back-to-top-button {
      animation: none !important;
      transition: none !important;
    }
  }
/* ==========================================================================
   THEME-AWARE TAILWIND UTILITIES FOR LANDING PAGES
   These classes provide light/dark mode aware styling for React components
   ========================================================================== */
/* --- Text Colors (Theme-Aware) --- */
/* Light Mode: Dark text */
/* Dark Mode: White text - IMMUTABLE */
/* --- Background Colors (Theme-Aware) --- */
/* Light Mode Backgrounds */
/* Dark Mode Backgrounds - IMMUTABLE */
/* --- Border Colors (Theme-Aware) --- */
/* Light Mode Borders */
/* Dark Mode Borders - IMMUTABLE */
/* --- Gold Accent (Theme-Aware for WCAG) --- */
/* --- Combined Card Styles (Theme-Aware) --- */
/* --- Semi-transparent backgrounds --- */
/* ==========================================================================
   LIGHT MODE OVERRIDES FOR TAILWIND CLASSES USED IN LANDING PAGES
   These overrides fix hardcoded dark mode colors in React components
   ========================================================================== */
/* --- Text Color Overrides --- */
[data-theme='light'] .text-white {
    color: #1A1A1A !important;
  }
[data-theme='light'] .text-white\/70 {
    color: #4B5563 !important;
  }
[data-theme='light'] .text-white\/60 {
    color: #6B7280 !important;
  }
[data-theme='light'] .text-white\/80 {
    color: #374151 !important;
  }
[data-theme='light'] .text-white\/50 {
    color: #9CA3AF !important;
  }
/* --- Background Color Overrides --- */
[data-theme='light'] .bg-\[\#202020\] {
    background-color: #FFFFFF !important;
    border: 1px solid #E5E5E5 !important;
  }
[data-theme='light'] .bg-\[\#1a1a1a\] {
    background-color: #FAFAFA !important;
  }
[data-theme='light'] .from-\[\#202020\] {
    --tw-gradient-from: #FFFFFF !important;
  }
[data-theme='light'] .to-\[\#1a1a1a\] {
    --tw-gradient-to: #F9FAFB !important;
  }
[data-theme='light'] .bg-white\/5 {
    background-color: #FFFFFF !important;
    border: 1px solid #E5E5E5 !important;
  }
[data-theme='light'] .bg-white\/10 {
    background-color: rgba(0, 0, 0, 0.04) !important;
  }
/* --- Border Color Overrides --- */
[data-theme='light'] .border-white\/10 {
    border-color: #E5E5E5 !important;
  }
[data-theme='light'] .border-white\/20 {
    border-color: #D1D5DB !important;
  }
/* --- Gold Accent Overrides for WCAG --- */
[data-theme='light'] .text-\[\#E8B058\] {
    color: #996B1F !important;
  }
[data-theme='light'] .bg-\[\#E8B058\]\/10 {
    background-color: rgba(153, 107, 31, 0.08) !important;
  }
[data-theme='light'] .border-\[\#E8B058\]\/20 {
    border-color: rgba(153, 107, 31, 0.2) !important;
  }
/* --- Hover States --- */
/* Phase 5 gap-closure sweep complete: all #E8B058 text instances on home page path
   confirmed covered by overrides above. Date: 2026-03-08 */
/* --- Shadow Overrides --- */
/* --- Card Shadow for Light Mode --- */
[data-theme='light'] .bg-\[\#202020\],
  [data-theme='light'] .bg-white\/5 {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  }
[data-theme='light'] .bg-\[\#202020\]:hover,
  [data-theme='light'] .bg-white\/5:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
  }
/* === PRINT STYLES === */
@media print {

    .navbar,
    .theme-doc-sidebar-container {
      display: none !important;
    }

    .main-wrapper {
      padding-top: 0 !important;
    }

    .theme-doc-markdown {
      max-width: none;
      margin: 0;
      padding: 0;
    }

    .prism-code {
      background: #f5f5f5 !important;
      border: 1px solid #ddd;
    }
  }
/* === BREADCRUMBS - Theme-Aware === */
.breadcrumbs {
    display: flex;
    align-items: center;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
    row-gap: 4px;
  }
/* Separator chevron between breadcrumb items */
/* Home icon in breadcrumb */
/* Active (current page) breadcrumb item */
/* Light Mode Breadcrumbs */
/* Dark Mode Breadcrumbs - IMMUTABLE */
/* === TOUCH TARGETS === */
/* === FOCUS IMPROVEMENTS === */
*:focus-visible {
    outline: 3px solid var(--ifm-color-primary);
    outline-offset: 2px;
    border-radius: 4px;
  }
/* === COPY BUTTON ENHANCEMENT === */
.theme-code-block .clean-btn {
    background: var(--ifm-color-primary);
    color: #000000;
    /* Black text for contrast */
    border-radius: 6px;
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
    transition: all 0.2s;
    opacity: 0.9;
  }
.theme-code-block .clean-btn:hover {
    opacity: 1;
    background: var(--ifm-color-primary-dark);
    color: #000000;
  }
/* === PREMIUM ARTICLE CONTAINERS & NAVIGATION - Matching Landing Page === */
/* 1. Article Container - Theme-Aware */
.theme-doc-markdown {
    background: var(--card-bg);
    backdrop-filter: blur(12px);
    border: var(--card-border);
    border-radius: 20px;
    box-shadow: var(--card-shadow);
    padding: 3.5rem 4rem !important;
    margin: 2rem auto !important;
    max-width: 900px;
    position: relative;
  }
/* Gold gradient border using pseudo-element - top border only */
.theme-doc-markdown::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(to right, var(--ifm-color-primary), color-mix(in srgb, var(--ifm-color-primary) 30%, transparent), transparent);
    border-radius: 20px 20px 0 0;
    pointer-events: none;
    z-index: 0;
  }
/* Light Mode Article Container */
[data-theme='light'] .theme-doc-markdown {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  }
[data-theme='light'] .theme-doc-markdown::before {
    background: linear-gradient(to right, var(--nxgen-gold-accessible), color-mix(in srgb, var(--nxgen-gold-accessible) 30%, transparent), transparent);
  }
/* Dark Mode Article Container - IMMUTABLE */
[data-theme='dark'] .theme-doc-markdown {
    background: #202020;
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  }
/* 2. Footer Navigation - Theme-Aware */
/* Gold gradient border for pagination links - top border only */
/* Light Mode Pagination */
/* Dark Mode Pagination - IMMUTABLE */
/* 3. Tags - Pill Style */
.tag,
  a.tag {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1.25rem;
    background: color-mix(in srgb, var(--ifm-color-primary) 12%, transparent);
    backdrop-filter: blur(8px);
    border: 1px solid color-mix(in srgb, var(--ifm-color-primary) 30%, transparent);
    border-radius: 9999px;
    color: var(--ifm-color-primary) !important;
    font-size: 0.875rem;
    font-weight: 600;
    transition: all 0.2s ease;
    -webkit-text-decoration: none !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--ifm-color-primary) 10%, transparent);
  }
.tag:hover,
  a.tag:hover {
    background: color-mix(in srgb, var(--ifm-color-primary) 20%, transparent);
    border-color: color-mix(in srgb, var(--ifm-color-primary) 50%, transparent);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px color-mix(in srgb, var(--ifm-color-primary) 20%, transparent);
  }
.tag::before,
  a.tag::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    margin-right: 0.5rem;
    opacity: 0.8;
  }
[data-theme='light'] .tag,
  [data-theme='light'] a.tag {
    background: color-mix(in srgb, var(--ifm-color-primary) 8%, transparent);
    border-color: color-mix(in srgb, var(--ifm-color-primary) 20%, transparent);
    color: var(--ifm-color-primary-dark) !important;
  }
/* 4. Table of Contents - Theme-Aware */
.table-of-contents {
    background: var(--toc-bg);
    backdrop-filter: blur(12px);
    border: 1px solid var(--toc-border);
    border-radius: 16px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    box-shadow: var(--card-shadow);
  }
/* On This Page heading - now includes Share section above it */
.table-of-contents::before {
    content: 'On This Page';
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--text-muted);
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--border-default);
    margin-top: 0;
    /* Remove space for Share section - it has its own spacing */
  }
.table-of-contents ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
  }
.table-of-contents li {
    margin: 0;
    padding: 0;
  }
.table-of-contents a {
    display: block;
    padding: 0.5rem 0.75rem;
    color: var(--toc-text);
    font-size: 0.875rem;
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.2s ease;
    border-left: 2px solid transparent;
    margin-bottom: 0.25rem;
  }
.table-of-contents a:hover {
    background: var(--gold-bg);
    color: var(--gold-text);
    border-left-color: var(--gold-text);
    transform: translateX(4px);
  }
.table-of-contents a.table-of-contents__link--active {
    background: var(--gold-bg-hover);
    color: var(--gold-text);
    border-left-color: var(--gold-text);
    font-weight: 600;
  }
.table-of-contents ul ul {
    padding-left: 1rem;
    margin-top: 0.25rem;
  }
.table-of-contents ul ul a {
    font-size: 0.8125rem;
    color: var(--text-muted);
  }
/* Light Mode Table of Contents */
[data-theme='light'] .table-of-contents {
    background: #FFFFFF;
    border-color: #E5E7EB;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  }
[data-theme='light'] .table-of-contents::before {
    color: #6B7280;
    border-bottom-color: #E5E7EB;
  }
[data-theme='light'] .table-of-contents a {
    color: #4B5563;
  }
[data-theme='light'] .table-of-contents a:hover {
    background: rgba(153, 107, 31, 0.08);
    color: var(--nxgen-gold-accessible);
    border-left-color: var(--nxgen-gold-accessible);
  }
[data-theme='light'] .table-of-contents a.table-of-contents__link--active {
    background: rgba(153, 107, 31, 0.12);
    color: var(--nxgen-gold-accessible);
    border-left-color: var(--nxgen-gold-accessible);
  }
[data-theme='light'] .table-of-contents ul ul a {
    color: #6B7280;
  }
/* Dark Mode Table of Contents - IMMUTABLE */
[data-theme='dark'] .table-of-contents {
    background: #202020;
    border-color: rgba(255, 255, 255, 0.1);
  }
[data-theme='dark'] .table-of-contents::before {
    color: rgba(255, 255, 255, 0.7);
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }
[data-theme='dark'] .table-of-contents a {
    color: rgba(255, 255, 255, 0.7);
  }
[data-theme='dark'] .table-of-contents a:hover {
    background: rgba(200, 148, 70, 0.1);
    color: #C89446;
    border-left-color: #C89446;
  }
[data-theme='dark'] .table-of-contents a.table-of-contents__link--active {
    background: rgba(200, 148, 70, 0.15);
    color: #C89446;
    border-left-color: #C89446;
  }
[data-theme='dark'] .table-of-contents ul ul a {
    color: rgba(255, 255, 255, 0.6);
  }
/* Responsive Adjustments */
@media (max-width: 996px) {
    .theme-doc-markdown {
      padding: 2.5rem 2rem !important;
      margin: 1rem !important;
      border-radius: 16px;
    }

    .pagination-nav {
      flex-direction: column;
    }

    .pagination-nav__link {
      min-width: 100%;
    }
  }
/* === LAST UPDATED SECTION - Theme-Aware === */
/* Light Mode Last Updated */
/* Dark Mode Last Updated - IMMUTABLE */
/* Alternative icon using SVG if emoji doesn't work */
/* Hide simulated development text */
/* === VOC WIDGET STYLES (NXGEN LUXURY) === */
/* Floating Action Button */
.voc-fab {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    height: 60px;
    min-width: 60px;
    background: rgba(20, 20, 20, 0.4);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(200, 148, 70, 0.5);
    /* Thinner, more elegant gold border */
    border-radius: 30px;
    color: var(--nxgen-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    z-index: 9999;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    /* Bouncy spring transition */
    overflow: hidden;
    padding: 0;

    /* Subtle float animation */
    animation: vocFloat 6s ease-in-out infinite;
  }
/* Glow Pulse Effect */
.voc-fab::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(200, 148, 70, 0.4) 0%, transparent 70%);
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    transition: opacity 0.4s;
    pointer-events: none;
  }
.voc-fab:hover::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.5);
    animation: vocPulse 2s infinite;
  }
.voc-fab img {
    width: 36px;
    height: 36px;
    object-fit: contain;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    margin: 0 12px;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
  }
.voc-fab-label {
    max-width: 0;
    opacity: 0;
    white-space: nowrap;
    font-weight: 600;
    font-size: 0.9rem;
    color: #fff;
    letter-spacing: 0.5px;
    transition: all 0.4s ease;
    transform: translateX(20px);
    text-transform: uppercase;
  }
/* Hover State - Expand */
.voc-fab:hover {
    padding-right: 24px;
    padding-left: 4px;
    /* Balance the image margin */
    background: rgba(10, 10, 10, 0.85);
    border-color: var(--nxgen-gold);
    box-shadow: 0 0 25px rgba(200, 148, 70, 0.3), inset 0 0 20px rgba(200, 148, 70, 0.05);
    /* Outer and Inner glow */
    width: auto;
  }
.voc-fab:hover .voc-fab-label {
    max-width: 100px;
    opacity: 1;
    transform: translateX(0);
  }
.voc-fab:hover img {
    transform: scale(1.1) rotate(-5deg);
  }
.voc-fab:active {
    transform: scale(0.95);
  }
.voc-fab--hidden {
    transform: scale(0) rotate(180deg);
    opacity: 0;
    pointer-events: none;
  }
/* Modal Overlay */
.voc-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: vocFadeIn 0.3s ease-out;
  }
/* Glassmorphism Modal */
.voc-modal {
    width: 90%;
    max-width: 600px;
    background: rgba(18, 18, 18, 0.95);
    border-radius: 24px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 50px 100px -20px rgba(0, 0, 0, 0.7);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: vocSlideUp 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    max-height: 85vh;
    position: relative;
  }
/* Golden Top Border/Glow line */
.voc-modal::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--nxgen-gold), transparent);
    opacity: 0.8;
  }
.voc-modal-header {
    padding: 1.5rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    background: linear-gradient(to bottom, rgba(200, 148, 70, 0.08), transparent);
  }
.voc-modal-header h2 {
    margin: 0;
    font-size: 1.5rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: -0.5px;
  }
.voc-close-btn {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.6);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.2s;
    line-height: 1;
  }
.voc-close-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    color: white;
    transform: rotate(90deg);
  }
/* Form Styles */
.voc-form {
    padding: 2rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
/* Tabs */
.voc-tabs {
    display: flex;
    background: rgba(0, 0, 0, 0.3);
    padding: 4px;
    border-radius: 12px;
    gap: 6px;
    border: 1px solid rgba(255, 255, 255, 0.05);
  }
.voc-tab {
    flex: 1;
    padding: 0.75rem;
    border: none;
    background: transparent;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 600;
    font-size: 0.95rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
.voc-tab--active {
    background: rgba(255, 255, 255, 0.1);
    color: var(--nxgen-gold);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.05);
  }
.voc-tab:hover:not(.voc-tab--active) {
    background: rgba(255, 255, 255, 0.03);
    color: #fff;
  }
/* Inputs */
.voc-form-group {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
  }
.voc-form-group label {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
.required {
    color: #ff6b6b;
  }
.optional {
    color: rgba(255, 255, 255, 0.3);
    text-transform: none;
    font-weight: 400;
    font-size: 0.8em;
  }
.voc-input {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 0.9rem;
    color: #fff;
    font-family: inherit;
    font-size: 0.95rem;
    transition: all 0.3s;
  }
/* Fix select dropdown background and options */
.voc-input select,
  select.voc-input {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
  }
.voc-input select option,
  select.voc-input option {
    background: #1a1a1a;
    color: #fff;
    padding: 0.5rem;
  }
.voc-input select:focus,
  select.voc-input:focus {
    background: rgba(0, 0, 0, 0.3);
  }
.voc-input:focus {
    outline: none;
    border-color: var(--nxgen-gold);
    background: rgba(200, 148, 70, 0.05);
    box-shadow: 0 0 0 4px rgba(200, 148, 70, 0.1);
    /* Gold glow ring */
  }
/* Dropzone */
.voc-dropzone {
    border: 2px dashed rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    padding: 1.5rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.02), transparent);
  }
.voc-dropzone:hover {
    border-color: var(--nxgen-gold);
    background: rgba(200, 148, 70, 0.05);
    transform: translateY(-2px);
  }
.voc-dropzone--has-file {
    border-style: solid;
    border-color: var(--nxgen-gold);
    padding: 0.75rem;
  }
.voc-dropzone-prompt {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
.voc-dropzone-prompt::before {
    content: '';
    font-size: 1.5rem;
    opacity: 0.7;
  }
.voc-preview {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
  }
.voc-preview img {
    height: 40px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.2);
  }
.voc-remove-img {
    background: transparent;
    color: #ff6b6b;
    border: 1px solid rgba(255, 107, 107, 0.3);
    padding: 0.4rem 0.8rem;
    border-radius: 6px;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.2s;
  }
.voc-remove-img:hover {
    background: rgba(255, 107, 107, 0.1);
    border-color: #ff6b6b;
  }
.hidden-input {
    display: none;
  }
/* Submit Button */
.voc-submit-btn {
    background: linear-gradient(135deg, var(--nxgen-gold), #b8860b);
    color: white;
    border: none;
    padding: 1rem;
    border-radius: 12px;
    font-weight: 700;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s;
    width: 100%;
    margin-top: 1rem;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 15px rgba(200, 148, 70, 0.3);
  }
.voc-submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(200, 148, 70, 0.5);
    filter: brightness(1.1);
  }
.voc-submit-btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
    filter: grayscale(1);
  }
/* Row Layout */
.voc-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
  }
/* Error Banner */
.voc-error-banner {
    background: rgba(255, 107, 107, 0.1);
    color: #ff6b6b;
    padding: 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
    border: 1px solid rgba(255, 107, 107, 0.2);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    animation: vocShake 0.4s ease-in-out;
  }
/* Success State */
.voc-success-message {
    padding: 4rem 2rem;
    text-align: center;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
  }
.voc-check-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(76, 175, 80, 0.1);
    color: #4CAF50;
    font-size: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5rem;
    border: 2px solid #4CAF50;
    animation: vocSuccessScale 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
.voc-success-message h3 {
    font-size: 1.8rem;
    color: var(--nxgen-gold);
    margin: 0;
  }
.voc-success-message p {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 80%;
  }
[data-theme='light'] .voc-success-message p {
    color: var(--ifm-color-content-secondary);
  }
[data-theme='light'] .voc-success-message h3 {
    color: var(--nxgen-gold-accessible);
  }
/* Animations */
@keyframes vocFadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }
@keyframes vocSlideUp {
    from {
      opacity: 0;
      transform: translateY(40px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
@keyframes vocShake {

    0%,
    100% {
      transform: translateX(0);
    }

    25% {
      transform: translateX(-5px);
    }

    75% {
      transform: translateX(5px);
    }
  }
@keyframes vocFloat {

    0%,
    100% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(-6px);
    }
  }
@keyframes vocSuccessScale {
    from {
      transform: scale(0);
      opacity: 0;
    }

    to {
      transform: scale(1);
      opacity: 1;
    }
  }
@keyframes vocPulse {
    0% {
      transform: translate(-50%, -50%) scale(0.95);
      opacity: 0.8;
    }

    100% {
      transform: translate(-50%, -50%) scale(1.5);
      opacity: 0;
    }
  }
/* Mobile Adjustments */
@media (max-width: 600px) {
    .voc-modal {
      width: 100%;
      height: 100%;
      max-height: 100vh;
      border-radius: 0;
    }

    .voc-fab {
      bottom: 1.5rem;
      right: 1.5rem;
    }

    .voc-row {
      grid-template-columns: 1fr;
      gap: 0.5rem;
    }
  }
/* === ALGOLIA DOCSEARCH THEME ENHANCEMENT === */
/* Premium NXGEN styling for Algolia DocSearch modal */
/* Search Button Styling */
/* Search Modal Container */
/* Golden top border accent */
/* Search Form */
/* Search Input */
/* Search Icon */
/* Reset/Cancel Button */
/* Results Container */
/* Result Hit Items */
/* Hit Content */
/* Highlight matched text */
/* Section Headers */
/* Footer */
/* No Results State */
/* Loading State */
/* Start Screen */
/* Scrollbar for results */
/* Light Mode Overrides */
/* Responsive Adjustments for Search */
/* ==========================================================================
   DESIGN ENHANCEMENTS - Added December 31, 2025
   ========================================================================== */
/* === PAGE TRANSITIONS === */
/* Smooth fade-in animation when navigating between pages */
@keyframes pageSlideIn {
    from {
      opacity: 0;
      transform: translateY(12px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
/* Doc content fade-in */
.theme-doc-markdown {
    animation: contentFadeIn 0.5s ease-out 0.1s both;
  }
@keyframes contentFadeIn {
    from {
      opacity: 0;
      transform: translateY(8px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
/* === BACK TO TOP BUTTON ANIMATION === */
@keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
/* === ENHANCED CODE BLOCKS === */
/* Language badge styling */
div[class*="codeBlockContainer"] {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(200, 148, 70, 0.15);
    transition: all 0.3s ease;
  }
div[class*="codeBlockContainer"]:hover {
    border-color: rgba(200, 148, 70, 0.3);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  }
[data-theme='dark'] div[class*="codeBlockContainer"]:hover {
    box-shadow: 0 4px 30px rgba(200, 148, 70, 0.1);
  }
/* Code block title/language badge */
div[class*="codeBlockTitle"] {
    background: linear-gradient(135deg, rgba(200, 148, 70, 0.15) 0%, rgba(200, 148, 70, 0.05) 100%) !important;
    border-bottom: 1px solid rgba(200, 148, 70, 0.2) !important;
    color: #C89446 !important;
    font-weight: 600;
    font-size: 0.8rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0.5rem 1rem !important;
  }
/* Copy button enhanced */
button[class*="copyButton"] {
    background: rgba(200, 148, 70, 0.1) !important;
    border: 1px solid rgba(200, 148, 70, 0.3) !important;
    border-radius: 8px !important;
    color: #C89446 !important;
    transition: all 0.2s ease !important;
  }
button[class*="copyButton"]:hover {
    background: rgba(200, 148, 70, 0.2) !important;
    border-color: rgba(200, 148, 70, 0.5) !important;
    transform: scale(1.05);
  }
/* Copy button success state */
button[class*="copyButton"][class*="copyButtonCopied"] {
    background: rgba(34, 197, 94, 0.2) !important;
    border-color: rgba(34, 197, 94, 0.5) !important;
    color: #22C55E !important;
  }
/* === TOC (Table of Contents) ENHANCEMENTS === */
/* Enhanced TOC with progress indicator */
.table-of-contents {
    border-left: 2px solid rgba(200, 148, 70, 0.1);
    padding-left: 0.75rem;
  }
/* Active TOC item with indicator */
/* TOC container styling — push down to clear fixed search bar (top:12px) + ThemeToggle (top:16px, 40px tall) */
.theme-doc-toc-desktop {
    padding-top: 4rem;
  }
/* Share Section - Positioned above TOC */
.share-section-global {
    display: none;
  }
@media (min-width: 997px) {
    .share-section-global {
      display: block;
      margin-bottom: 1rem;
    }

    /* Find the TOC container and position ShareSection above it */
    .theme-doc-sidebar-container~* .share-section-global,
    .col--3 .share-section-global {
      margin-bottom: 1rem;
    }

    /* Ensure it's visible and positioned correctly */
    .share-section-global {
      width: 100%;
      max-width: var(--ifm-toc-width, 300px);
    }
  }
/* === GRADIENT TEXT EFFECT === */
/* ============================================================
   GLASSMORPHISM SYSTEM
   Applied globally to cards, surfaces, and key UI elements.
   ============================================================ */
/* -- Navbar glass -- */
.navbar {
    backdrop-filter: blur(16px) saturate(160%);
    -webkit-backdrop-filter: blur(16px) saturate(160%);
  }
[data-theme='dark'] .navbar {
    background: rgba(0, 0, 0, 0.65) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04), 0 4px 24px rgba(0, 0, 0, 0.3);
  }
[data-theme='light'] .navbar {
    background: rgba(255, 251, 245, 0.72) !important;
    border-bottom: 1px solid rgba(232, 176, 88, 0.12) !important;
    box-shadow: 0 1px 0 rgba(232, 176, 88, 0.08), 0 4px 24px rgba(0, 0, 0, 0.06);
  }
/* -- Card glass surfaces -- */
[data-theme='dark'] .card,
  [data-theme='dark'] [class*="FeatureCard"],
  [data-theme='dark'] [class*="QuickLink"] {
    backdrop-filter: blur(12px) saturate(140%);
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    background: rgba(255, 255, 255, 0.025) !important;
    border-color: rgba(255, 255, 255, 0.07) !important;
    transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
  }
[data-theme='dark'] .card:hover,
  [data-theme='dark'] [class*="FeatureCard"]:hover {
    background: rgba(255, 255, 255, 0.045) !important;
    border-color: rgba(232, 176, 88, 0.18) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(232, 176, 88, 0.08) !important;
  }
[data-theme='light'] .card,
  [data-theme='light'] [class*="FeatureCard"],
  [data-theme='light'] [class*="QuickLink"] {
    backdrop-filter: blur(8px) saturate(120%);
    -webkit-backdrop-filter: blur(8px) saturate(120%);
    background: rgba(255, 255, 255, 0.72) !important;
    border-color: rgba(232, 176, 88, 0.12) !important;
  }
[data-theme='light'] .card:hover,
  [data-theme='light'] [class*="FeatureCard"]:hover {
    background: rgba(255, 255, 255, 0.88) !important;
    border-color: rgba(232, 176, 88, 0.28) !important;
    box-shadow: 0 8px 32px rgba(200, 148, 70, 0.1), 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  }
/* -- Sidebar glass -- */
/* -- Table of Contents glass -- */
[data-theme='dark'] .table-of-contents {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
/* -- Hero button hover color fix (override Docusaurus global a:hover) -- */
.hero-btn-primary:hover,
  a.hero-btn-primary:hover {
    color: #000 !important;
    -webkit-text-decoration: none !important;
    text-decoration: none !important;
  }
.hero-btn-secondary-dark:hover,
  a.hero-btn-secondary-dark:hover {
    color: #fff !important;
    -webkit-text-decoration: none !important;
    text-decoration: none !important;
  }
.hero-btn-secondary-light:hover,
  a.hero-btn-secondary-light:hover {
    color: #5A3B10 !important;
    -webkit-text-decoration: none !important;
    text-decoration: none !important;
  }
/* Ensure all no-underline buttons keep their text color on hover */
a.no-underline[class*="bg-[#E8B058]"]:hover,
  a.no-underline[class*="bg-[#C89446]"]:hover {
    color: inherit !important;
  }
/* === DOWNLOAD PDF BUTTON - Global Positioning === */
.download-pdf-global {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-default);
  }
[data-theme='dark'] .download-pdf-global {
    border-top-color: rgba(255, 255, 255, 0.1);
  }
[data-theme='light'] .download-pdf-global {
    border-top-color: #E5E7EB;
  }
.share-section-global {
    margin-bottom: 1rem;
  }
/* Position download button in TOC on desktop */
@media (min-width: 997px) {
    .theme-doc-toc-desktop .download-pdf-global {
      margin-top: 1rem;
      padding-top: 0.75rem;
      border-top: 1px solid var(--border-default);
    }

    [data-theme='dark'] .theme-doc-toc-desktop .download-pdf-global {
      border-top-color: rgba(255, 255, 255, 0.1);
    }
  }
/* Hide download button on mobile (will show in article footer) */
@media (max-width: 996px) {
    .theme-doc-toc-desktop .download-pdf-global {
      display: none;
    }
  }
/* === TICKET CONTENT HTML RENDERING === */
.ticket-content {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
.ticket-content a {
    color: #E8B058;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-underline-offset: 2px;
  }
.ticket-content a:hover {
    color: #D4A047;
  }
.ticket-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 8px 0;
  }
.ticket-content ul,
  .ticket-content ol {
    margin: 8px 0;
    padding-left: 20px;
  }
.ticket-content li {
    margin: 4px 0;
  }
.ticket-content blockquote {
    border-left: 3px solid #E8B058;
    margin: 12px 0;
    padding: 8px 16px;
    background: rgba(232, 176, 88, 0.05);
    border-radius: 0 8px 8px 0;
  }
[data-theme='dark'] .ticket-content blockquote {
    background: rgba(232, 176, 88, 0.08);
  }
.ticket-content pre {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 12px;
    overflow-x: auto;
    margin: 8px 0;
  }
[data-theme='dark'] .ticket-content pre {
    background: rgba(255, 255, 255, 0.05);
  }
.ticket-content code {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.9em;
    background: rgba(0, 0, 0, 0.06);
    padding: 2px 6px;
    border-radius: 4px;
  }
[data-theme='dark'] .ticket-content code {
    background: rgba(255, 255, 255, 0.08);
  }
.ticket-content pre code {
    background: none;
    padding: 0;
  }
.ticket-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 12px 0;
  }
.ticket-content th,
  .ticket-content td {
    border: 1px solid rgba(232, 176, 88, 0.2);
    padding: 8px 12px;
    text-align: left;
  }
.ticket-content th {
    background: rgba(232, 176, 88, 0.1);
    font-weight: 600;
  }
.ticket-content hr {
    border: none;
    border-top: 1px solid rgba(232, 176, 88, 0.2);
    margin: 16px 0;
  }
.ticket-content p {
    margin: 8px 0;
  }
.ticket-content div {
    margin: 4px 0;
  }
.ticket-content br {
    display: block;
    content: "";
    margin-top: 4px;
  }
/* === ADMIN PANEL FULL-SCREEN LAYOUT === */
/* Override Docusaurus Layout wrapper constraints for admin pages */
/* This ensures consistent UI between localhost and production */
/* Reset Docusaurus wrapper constraints when inside admin layout */
/* Ensure admin container takes full viewport */
[data-admin-layout] {
    position: relative;
    min-height: 100vh;
    width: 100%;
    --admin-sidebar-width: 220px;
  }
/* Admin main content - CSS-controlled responsive margin */
.admin-main-content {
    margin-left: 0;
    min-height: calc(100vh - 64px);
  }
/* Desktop: Add margin for sidebar (using Tailwind lg: breakpoint at 1024px) */
@media (min-width: 1024px) {
    .admin-main-content {
      margin-left: var(--admin-sidebar-width);
    }
  }
/* Dark mode admin background */
[data-theme='dark'] [data-admin-layout] {
    background-color: var(--nxgen-dark-100);
  }
/* Light mode admin background */
html:not([data-theme='dark']) [data-admin-layout] {
    background-color: #f8f9fa;
  }
/* Ensure admin sidebar wrapper is properly positioned */
.admin-sidebar-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 30;
  }
/* Admin layout container - ensure it's not constrained by Docusaurus */
.admin-layout-container {
    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
  }
/* Hide Docusaurus footer on admin pages */
body:has([data-admin-layout]) .footer,
  body:has([data-admin-layout]) footer {
    display: none !important;
  }
/* Hide BackgroundPattern on admin pages (admin has its own background) */
/* Ensure proper z-index layering for admin components */
[data-admin-layout] .admin-main-content {
    z-index: 1;
  }
/* Note: padding-top is handled by pt-16 class in AdminLayout.tsx */
/* Responsive adjustments for mobile */
@media (max-width: 1023px) {
    [data-admin-layout] .admin-sidebar-wrapper {
      display: none;
    }

    .admin-main-content {
      margin-left: 0 !important;
    }
  }
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.-inset-8 {
  inset: -2rem;
}
.inset-0 {
  inset: 0px;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.-left-4 {
  left: -1rem;
}
.-right-1 {
  right: -0.25rem;
}
.-right-2 {
  right: -0.5rem;
}
.-right-3 {
  right: -0.75rem;
}
.-top-1 {
  top: -0.25rem;
}
.-top-2 {
  top: -0.5rem;
}
.-top-3 {
  top: -0.75rem;
}
.-top-\[24px\] {
  top: -24px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-4 {
  bottom: 1rem;
}
.bottom-6 {
  bottom: 1.5rem;
}
.left-0 {
  left: 0px;
}
.left-0\.5 {
  left: 0.125rem;
}
.left-1\/2 {
  left: 50%;
}
.left-2 {
  left: 0.5rem;
}
.left-3 {
  left: 0.75rem;
}
.left-4 {
  left: 1rem;
}
.left-\[50\%\] {
  left: 50%;
}
.right-0 {
  right: 0px;
}
.right-2 {
  right: 0.5rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.top-0 {
  top: 0px;
}
.top-0\.5 {
  top: 0.125rem;
}
.top-1 {
  top: 0.25rem;
}
.top-1\/2 {
  top: 50%;
}
.top-12 {
  top: 3rem;
}
.top-2 {
  top: 0.5rem;
}
.top-20 {
  top: 5rem;
}
.top-3 {
  top: 0.75rem;
}
.top-4 {
  top: 1rem;
}
.top-8 {
  top: 2rem;
}
.top-\[50\%\] {
  top: 50%;
}
.top-\[calc\(100\%_\+_24px\)\] {
  top: calc(100% + 24px);
}
.top-full {
  top: 100%;
}
.-z-10 {
  z-index: -10;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[60\] {
  z-index: 60;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.m-0 {
  margin: 0px;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.-mb-px {
  margin-bottom: -1px;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-2\.5 {
  margin-bottom: 0.625rem;
}
.mb-20 {
  margin-bottom: 5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-32 {
  margin-bottom: 8rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-9 {
  margin-bottom: 2.25rem;
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-14 {
  margin-left: 3.5rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-16 {
  margin-top: 4rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-24 {
  margin-top: 6rem;
}
.mt-28 {
  margin-top: 7rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-32 {
  margin-top: 8rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-auto {
  margin-top: auto;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.\!block {
  display: block !important;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.aspect-video {
  aspect-ratio: 16 / 9;
}
.h-0\.5 {
  height: 0.125rem;
}
.h-1 {
  height: 0.25rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-32 {
  height: 8rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-52 {
  height: 13rem;
}
.h-6 {
  height: 1.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[1\.5px\] {
  height: 1.5px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[24px\] {
  height: 24px;
}
.h-\[2px\] {
  height: 2px;
}
.h-\[408px\] {
  height: 408px;
}
.h-\[52px\] {
  height: 52px;
}
.h-\[600px\] {
  height: 600px;
}
.h-\[90vh\] {
  height: 90vh;
}
.h-auto {
  height: auto;
}
.h-fit {
  height: fit-content;
}
.h-full {
  height: 100%;
}
.max-h-48 {
  max-height: 12rem;
}
.max-h-80 {
  max-height: 20rem;
}
.max-h-96 {
  max-height: 24rem;
}
.max-h-\[80vh\] {
  max-height: 80vh;
}
.max-h-\[85vh\] {
  max-height: 85vh;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-\[2rem\] {
  min-height: 2rem;
}
.min-h-\[48px\] {
  min-height: 48px;
}
.min-h-\[60vh\] {
  min-height: 60vh;
}
.min-h-\[80px\] {
  min-height: 80px;
}
.min-h-screen {
  min-height: 100vh;
}
.w-0\.5 {
  width: 0.125rem;
}
.w-1 {
  width: 0.25rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-20 {
  width: 5rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-32 {
  width: 8rem;
}
.w-4 {
  width: 1rem;
}
.w-40 {
  width: 10rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-72 {
  width: 18rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-96 {
  width: 24rem;
}
.w-\[408px\] {
  width: 408px;
}
.w-auto {
  width: auto;
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-px {
  width: 1px;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-\[120px\] {
  min-width: 120px;
}
.min-w-\[130px\] {
  min-width: 130px;
}
.min-w-\[160px\] {
  min-width: 160px;
}
.min-w-\[180px\] {
  min-width: 180px;
}
.min-w-\[18px\] {
  min-width: 18px;
}
.min-w-\[44px\] {
  min-width: 44px;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-\[120px\] {
  max-width: 120px;
}
.max-w-\[150px\] {
  max-width: 150px;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[76\%\] {
  max-width: 76%;
}
.max-w-\[90vw\] {
  max-width: 90vw;
}
.max-w-\[95vw\] {
  max-width: 95vw;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-none {
  max-width: none;
}
.max-w-xl {
  max-width: 36rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.border-collapse {
  border-collapse: collapse;
}
.origin-left {
  transform-origin: left;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-0\.5 {
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-5 {
  --tw-translate-x: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-125 {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-150 {
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.02\] {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
          user-select: none;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.scroll-mt-24 {
  scroll-margin-top: 6rem;
}
.list-inside {
  list-style-position: inside;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  appearance: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-stretch {
  align-items: stretch;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-0 {
  gap: 0px;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-x-6 {
  column-gap: 1.5rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-12 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.self-stretch {
  align-self: stretch;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b-xl {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.rounded-bl-full {
  border-bottom-left-radius: 9999px;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-r {
  border-right-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-none {
  border-style: none;
}
.border-\[\#E8B058\] {
  --tw-border-opacity: 1;
  border-color: rgb(232 176 88 / var(--tw-border-opacity, 1));
}
.border-\[\#E8B058\]\/20 {
  border-color: rgb(232 176 88 / 0.2);
}
.border-\[\#E8B058\]\/25 {
  border-color: rgb(232 176 88 / 0.25);
}
.border-\[\#E8B058\]\/30 {
  border-color: rgb(232 176 88 / 0.3);
}
.border-\[\#E8B058\]\/40 {
  border-color: rgb(232 176 88 / 0.4);
}
.border-\[\#E8B058\]\/50 {
  border-color: rgb(232 176 88 / 0.5);
}
.border-\[\#F38020\]\/30 {
  border-color: rgb(243 128 32 / 0.3);
}
.border-\[--border-default\] {
  border-color: var(--border-default);
}
.border-\[--glass-border\] {
  border-color: var(--glass-border);
}
.border-\[--ifm-color-primary\] {
  border-color: var(--ifm-color-primary);
}
.border-\[var\(--ifm-color-emphasis-200\)\] {
  border-color: var(--ifm-color-emphasis-200);
}
.border-amber-500\/20 {
  border-color: rgb(245 158 11 / 0.2);
}
.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.border-blue-500\/20 {
  border-color: rgb(59 130 246 / 0.2);
}
.border-blue-500\/30 {
  border-color: rgb(59 130 246 / 0.3);
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-gray-500\/30 {
  border-color: rgb(107 114 128 / 0.3);
}
.border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}
.border-green-500\/20 {
  border-color: rgb(34 197 94 / 0.2);
}
.border-green-500\/30 {
  border-color: rgb(34 197 94 / 0.3);
}
.border-orange-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
}
.border-orange-500\/30 {
  border-color: rgb(249 115 22 / 0.3);
}
.border-primary-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.border-primary-500 {
  --tw-border-opacity: 1;
  border-color: rgb(232 176 88 / var(--tw-border-opacity, 1));
}
.border-purple-500\/20 {
  border-color: rgb(168 85 247 / 0.2);
}
.border-purple-500\/30 {
  border-color: rgb(168 85 247 / 0.3);
}
.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-red-500\/20 {
  border-color: rgb(239 68 68 / 0.2);
}
.border-red-500\/30 {
  border-color: rgb(239 68 68 / 0.3);
}
.border-slate-700\/30 {
  border-color: rgb(51 65 85 / 0.3);
}
.border-slate-700\/50 {
  border-color: rgb(51 65 85 / 0.5);
}
.border-transparent {
  border-color: transparent;
}
.border-white\/10 {
  border-color: rgb(255 255 255 / 0.1);
}
.border-white\/20 {
  border-color: rgb(255 255 255 / 0.2);
}
.border-white\/40 {
  border-color: rgb(255 255 255 / 0.4);
}
.border-white\/5 {
  border-color: rgb(255 255 255 / 0.05);
}
.border-white\/\[0\.06\] {
  border-color: rgb(255 255 255 / 0.06);
}
.border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}
.border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
}
.border-yellow-500\/30 {
  border-color: rgb(234 179 8 / 0.3);
}
.border-t-\[--ifm-color-primary\] {
  border-top-color: var(--ifm-color-primary);
}
.border-t-transparent {
  border-top-color: transparent;
}
.bg-\[\#0a0a0a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
}
.bg-\[\#111\] {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1a1a1a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
}
.bg-\[\#202020\] {
  --tw-bg-opacity: 1;
  background-color: rgb(32 32 32 / var(--tw-bg-opacity, 1));
}
.bg-\[\#C89446\] {
  --tw-bg-opacity: 1;
  background-color: rgb(200 148 70 / var(--tw-bg-opacity, 1));
}
.bg-\[\#C8962A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(200 150 42 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E8B058\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 176 88 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E8B058\]\/10 {
  background-color: rgb(232 176 88 / 0.1);
}
.bg-\[\#E8B058\]\/20 {
  background-color: rgb(232 176 88 / 0.2);
}
.bg-\[\#E8B058\]\/5 {
  background-color: rgb(232 176 88 / 0.05);
}
.bg-\[\#E8B058\]\/60 {
  background-color: rgb(232 176 88 / 0.6);
}
.bg-\[\#F38020\]\/20 {
  background-color: rgb(243 128 32 / 0.2);
}
.bg-\[\#F38020\]\/90 {
  background-color: rgb(243 128 32 / 0.9);
}
.bg-\[--color-danger\] {
  background-color: var(--color-danger);
}
.bg-\[--glass-bg\] {
  background-color: var(--glass-bg);
}
.bg-\[--glass-border\] {
  background-color: var(--glass-border);
}
.bg-\[--gold-bg\] {
  background-color: var(--gold-bg);
}
.bg-\[--ifm-background-color\] {
  background-color: var(--ifm-background-color);
}
.bg-\[--ifm-color-primary\] {
  background-color: var(--ifm-color-primary);
}
.bg-\[var\(--ifm-color-emphasis-200\)\] {
  background-color: var(--ifm-color-emphasis-200);
}
.bg-amber-500\/10 {
  background-color: rgb(245 158 11 / 0.1);
}
.bg-amber-500\/5 {
  background-color: rgb(245 158 11 / 0.05);
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/20 {
  background-color: rgb(0 0 0 / 0.2);
}
.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/80 {
  background-color: rgb(0 0 0 / 0.8);
}
.bg-black\/85 {
  background-color: rgb(0 0 0 / 0.85);
}
.bg-black\/90 {
  background-color: rgb(0 0 0 / 0.9);
}
.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-500\/10 {
  background-color: rgb(59 130 246 / 0.1);
}
.bg-blue-500\/20 {
  background-color: rgb(59 130 246 / 0.2);
}
.bg-current {
  background-color: currentColor;
}
.bg-cyan-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(8 145 178 / var(--tw-bg-opacity, 1));
}
.bg-emerald-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-gray-500\/10 {
  background-color: rgb(107 114 128 / 0.1);
}
.bg-gray-500\/20 {
  background-color: rgb(107 114 128 / 0.2);
}
.bg-gray-700\/90 {
  background-color: rgb(55 65 81 / 0.9);
}
.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
}
.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.bg-green-500\/10 {
  background-color: rgb(34 197 94 / 0.1);
}
.bg-green-500\/20 {
  background-color: rgb(34 197 94 / 0.2);
}
.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}
.bg-orange-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1));
}
.bg-orange-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}
.bg-orange-500\/20 {
  background-color: rgb(249 115 22 / 0.2);
}
.bg-primary-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-primary-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 231 / var(--tw-bg-opacity, 1));
}
.bg-primary-50\/50 {
  background-color: rgb(254 249 231 / 0.5);
}
.bg-primary-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(232 176 88 / var(--tw-bg-opacity, 1));
}
.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-500\/10 {
  background-color: rgb(168 85 247 / 0.1);
}
.bg-purple-500\/20 {
  background-color: rgb(168 85 247 / 0.2);
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-500\/10 {
  background-color: rgb(239 68 68 / 0.1);
}
.bg-red-500\/20 {
  background-color: rgb(239 68 68 / 0.2);
}
.bg-red-500\/5 {
  background-color: rgb(239 68 68 / 0.05);
}
.bg-sky-500\/5 {
  background-color: rgb(14 165 233 / 0.05);
}
.bg-slate-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.bg-slate-800\/40 {
  background-color: rgb(30 41 59 / 0.4);
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/20 {
  background-color: rgb(255 255 255 / 0.2);
}
.bg-white\/5 {
  background-color: rgb(255 255 255 / 0.05);
}
.bg-white\/70 {
  background-color: rgb(255 255 255 / 0.7);
}
.bg-white\/90 {
  background-color: rgb(255 255 255 / 0.9);
}
.bg-yellow-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
}
.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}
.bg-yellow-500\/10 {
  background-color: rgb(234 179 8 / 0.1);
}
.bg-yellow-500\/20 {
  background-color: rgb(234 179 8 / 0.2);
}
.bg-\[radial-gradient\(circle_at_center\2c rgba\(232\2c 176\2c 88\2c 0\.04\)_1px\2c transparent_1px\)\] {
  background-image: radial-gradient(circle at center,rgba(232,176,88,0.04) 1px,transparent 1px);
}
.bg-\[radial-gradient\(ellipse_at_center\2c rgba\(232\2c 176\2c 88\2c 0\.06\)_0\%\2c transparent_70\%\)\] {
  background-image: radial-gradient(ellipse at center,rgba(232,176,88,0.06) 0%,transparent 70%);
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-\[\#202020\] {
  --tw-gradient-from: #202020 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(32 32 32 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#E8B058\]\/10 {
  --tw-gradient-from: rgb(232 176 88 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(232 176 88 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#E8B058\]\/20 {
  --tw-gradient-from: rgb(232 176 88 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(232 176 88 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#E8B058\]\/5 {
  --tw-gradient-from: rgb(232 176 88 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(232 176 88 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/65 {
  --tw-gradient-from: rgb(0 0 0 / 0.65) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-50 {
  --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500 {
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500\/10 {
  --tw-gradient-from: rgb(59 130 246 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-600 {
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-600 {
  --tw-gradient-from: #059669 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-500 {
  --tw-gradient-from: #22c55e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-500\/10 {
  --tw-gradient-from: rgb(34 197 94 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-500 {
  --tw-gradient-from: #f97316 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-500 {
  --tw-gradient-from: #E8B058 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(232 176 88 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500 {
  --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500\/10 {
  --tw-gradient-from: rgb(168 85 247 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-black\/55 {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.55) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-primary-600 {
  --tw-gradient-to: rgb(212 160 71 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #D4A047 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-transparent {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#1a1a1a\] {
  --tw-gradient-to: #1a1a1a var(--tw-gradient-to-position);
}
.to-\[\#E8B058\]\/10 {
  --tw-gradient-to: rgb(232 176 88 / 0.1) var(--tw-gradient-to-position);
}
.to-\[\#E8B058\]\/5 {
  --tw-gradient-to: rgb(232 176 88 / 0.05) var(--tw-gradient-to-position);
}
.to-black\/75 {
  --tw-gradient-to: rgb(0 0 0 / 0.75) var(--tw-gradient-to-position);
}
.to-blue-500\/10 {
  --tw-gradient-to: rgb(59 130 246 / 0.1) var(--tw-gradient-to-position);
}
.to-blue-600\/10 {
  --tw-gradient-to: rgb(37 99 235 / 0.1) var(--tw-gradient-to-position);
}
.to-cyan-50 {
  --tw-gradient-to: #ecfeff var(--tw-gradient-to-position);
}
.to-cyan-600 {
  --tw-gradient-to: #0891b2 var(--tw-gradient-to-position);
}
.to-emerald-600 {
  --tw-gradient-to: #059669 var(--tw-gradient-to-position);
}
.to-green-600\/10 {
  --tw-gradient-to: rgb(22 163 74 / 0.1) var(--tw-gradient-to-position);
}
.to-indigo-600 {
  --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);
}
.to-primary-500 {
  --tw-gradient-to: #E8B058 var(--tw-gradient-to-position);
}
.to-purple-500\/10 {
  --tw-gradient-to: rgb(168 85 247 / 0.1) var(--tw-gradient-to-position);
}
.to-purple-600 {
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}
.to-purple-600\/10 {
  --tw-gradient-to: rgb(147 51 234 / 0.1) var(--tw-gradient-to-position);
}
.to-red-600 {
  --tw-gradient-to: #dc2626 var(--tw-gradient-to-position);
}
.to-teal-600 {
  --tw-gradient-to: #0d9488 var(--tw-gradient-to-position);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.bg-\[length\:4px_4px\] {
  background-size: 4px 4px;
}
.bg-cover {
  background-size: cover;
}
.bg-center {
  background-position: center;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.p-0 {
  padding: 0px;
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-12 {
  padding: 3rem;
}
.p-14 {
  padding: 3.5rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-3\.5 {
  padding: 0.875rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-7 {
  padding: 1.75rem;
}
.p-8 {
  padding: 2rem;
}
.p-px {
  padding: 1px;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-24 {
  padding-bottom: 6rem;
}
.pb-32 {
  padding-bottom: 8rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-11 {
  padding-left: 2.75rem;
}
.pl-12 {
  padding-left: 3rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-9 {
  padding-left: 2.25rem;
}
.pr-1\.5 {
  padding-right: 0.375rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-16 {
  padding-top: 4rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-20 {
  padding-top: 5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-\[1\.05\] {
  line-height: 1.05;
}
.leading-none {
  line-height: 1;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[0\.15em\] {
  letter-spacing: 0.15em;
}
.tracking-\[0\.18em\] {
  letter-spacing: 0.18em;
}
.tracking-\[0\.3em\] {
  letter-spacing: 0.3em;
}
.tracking-\[0\.4em\] {
  letter-spacing: 0.4em;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.text-\[\#0F0F0F\] {
  --tw-text-opacity: 1;
  color: rgb(15 15 15 / var(--tw-text-opacity, 1));
}
.text-\[\#5A3B10\] {
  --tw-text-opacity: 1;
  color: rgb(90 59 16 / var(--tw-text-opacity, 1));
}
.text-\[\#5A5A5A\] {
  --tw-text-opacity: 1;
  color: rgb(90 90 90 / var(--tw-text-opacity, 1));
}
.text-\[\#7A5518\] {
  --tw-text-opacity: 1;
  color: rgb(122 85 24 / var(--tw-text-opacity, 1));
}
.text-\[\#996B1F\] {
  --tw-text-opacity: 1;
  color: rgb(153 107 31 / var(--tw-text-opacity, 1));
}
.text-\[\#999\] {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}
.text-\[\#C89446\] {
  --tw-text-opacity: 1;
  color: rgb(200 148 70 / var(--tw-text-opacity, 1));
}
.text-\[\#C8962A\] {
  --tw-text-opacity: 1;
  color: rgb(200 150 42 / var(--tw-text-opacity, 1));
}
.text-\[\#E4AE3A\] {
  --tw-text-opacity: 1;
  color: rgb(228 174 58 / var(--tw-text-opacity, 1));
}
.text-\[\#E8B058\] {
  --tw-text-opacity: 1;
  color: rgb(232 176 88 / var(--tw-text-opacity, 1));
}
.text-\[\#E8B058\]\/70 {
  color: rgb(232 176 88 / 0.7);
}
.text-\[\#F0C866\] {
  --tw-text-opacity: 1;
  color: rgb(240 200 102 / var(--tw-text-opacity, 1));
}
.text-\[\#F38020\] {
  --tw-text-opacity: 1;
  color: rgb(243 128 32 / var(--tw-text-opacity, 1));
}
.text-\[--gold-text\] {
  color: var(--gold-text);
}
.text-\[--ifm-color-primary\] {
  color: var(--ifm-color-primary);
}
.text-\[--text-primary\] {
  color: var(--text-primary);
}
.text-\[--text-secondary\] {
  color: var(--text-secondary);
}
.text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-300 {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.text-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}
.text-current {
  color: currentColor;
}
.text-cyan-400 {
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity, 1));
}
.text-emerald-400 {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-green-400 {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}
.text-green-900 {
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}
.text-orange-400 {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}
.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}
.text-orange-800 {
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity, 1));
}
.text-orange-900 {
  --tw-text-opacity: 1;
  color: rgb(124 45 18 / var(--tw-text-opacity, 1));
}
.text-pink-400 {
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}
.text-primary-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.text-primary-500 {
  --tw-text-opacity: 1;
  color: rgb(232 176 88 / var(--tw-text-opacity, 1));
}
.text-primary-600 {
  --tw-text-opacity: 1;
  color: rgb(212 160 71 / var(--tw-text-opacity, 1));
}
.text-primary-700 {
  --tw-text-opacity: 1;
  color: rgb(192 144 54 / var(--tw-text-opacity, 1));
}
.text-primary-900 {
  --tw-text-opacity: 1;
  color: rgb(152 112 20 / var(--tw-text-opacity, 1));
}
.text-purple-400 {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}
.text-purple-800 {
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / var(--tw-text-opacity, 1));
}
.text-red-300 {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-red-900 {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
.text-sky-400 {
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity, 1));
}
.text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/20 {
  color: rgb(255 255 255 / 0.2);
}
.text-white\/30 {
  color: rgb(255 255 255 / 0.3);
}
.text-white\/40 {
  color: rgb(255 255 255 / 0.4);
}
.text-white\/50 {
  color: rgb(255 255 255 / 0.5);
}
.text-white\/60 {
  color: rgb(255 255 255 / 0.6);
}
.text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}
.text-white\/75 {
  color: rgb(255 255 255 / 0.75);
}
.text-white\/80 {
  color: rgb(255 255 255 / 0.8);
}
.text-white\/90 {
  color: rgb(255 255 255 / 0.9);
}
.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}
.text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}
.text-yellow-900 {
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.no-underline {
  text-decoration-line: none;
}
.placeholder-white\/40::placeholder {
  color: rgb(255 255 255 / 0.4);
}
.placeholder-white\/50::placeholder {
  color: rgb(255 255 255 / 0.5);
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-5 {
  opacity: 0.05;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-\[0\.02\] {
  opacity: 0.02;
}
.opacity-\[0\.03\] {
  opacity: 0.03;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_rgba\(232\2c 176\2c 88\2c 0\.4\)\] {
  --tw-shadow: 0 0 12px rgba(232,176,88,0.4);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_12px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
  --tw-shadow: 0 2px 12px rgba(0,0,0,0.06);
  --tw-shadow-colored: 0 2px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[\#E8B058\]\/20 {
  --tw-shadow-color: rgb(232 176 88 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[--shadow-md\] {
  --tw-shadow-color: var(--shadow-md);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-4 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-primary-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 243 199 / var(--tw-ring-opacity, 1));
}
.ring-white\/10 {
  --tw-ring-color: rgb(255 255 255 / 0.1);
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-2xl {
  --tw-blur: blur(40px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-3xl {
  --tw-blur: blur(64px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-2xl {
  --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.sepia {
  --tw-sepia: sepia(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.duration-700 {
  transition-duration: 700ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.will-change-transform {
  will-change: transform;
}
.\[cid\:\.\.\.\] {
  cid: ...;
}

/* CSS Layer Architecture - Override Docusaurus without !important */
@layer docusaurus, tokens, components, utilities, overrides;

/** 
 * NXGEN GCXONE Documentation Design System 
 * Primary Color: #C89446 (NXGEN Gold)
 * Authentic NXGEN Dark Theme with Gold Accents
 * Premium aesthetic with curved lines and glow effects
 */

/* Import Apple's SF Pro font family and Inter as fallback */

/* Import base accessibility styles */

/* ==========================================================================
   TOKENS LAYER - Design tokens and CSS variables
   ========================================================================== */
@layer tokens {

  :root {
    /* === NXGEN PRIMARY BRAND COLORS (Gold) === */
    --ifm-color-primary: #C89446;
    --nxgen-gold: #C89446;
    --ifm-color-primary-dark: #B58237;
    --ifm-color-primary-darker: #A37028;
    --ifm-color-primary-darkest: #915E19;
    --ifm-color-primary-light: #D4A574;
    --nxgen-gold-light: #D4A574;
    --ifm-color-primary-lighter: #E0B688;
    --nxgen-gold-lighter: #E0B688;
    --ifm-color-primary-lightest: #F0CDA5;

    /* === LIGHT MODE ACCESSIBLE GOLD (Darker for WCAG AA on white) === */
    --nxgen-gold-accessible: #996B1F;
    --nxgen-gold-accessible-hover: #7A5518;

    /* === NXGEN DARK PALETTE === */
    --nxgen-black: #000000;
    --nxgen-dark-100: #0A0A0A;
    --nxgen-dark-200: #121212;
    --nxgen-dark-300: #1A1A1A;
    --nxgen-dark-400: #2A2A2A;

    /* === NXGEN TEXT COLORS === */
    --nxgen-white: #FFFFFF;
    --nxgen-gray-100: #EEEEEE;
    --nxgen-gray-200: #DDDDDD;
    --nxgen-gray-300: #CCCCCC;
    --nxgen-gray-400: #AAAAAA;
    --nxgen-gray-500: #888888;
    --nxgen-gray-600: #666666;

    /* === NXGEN GLOW EFFECTS === */
    --nxgen-glow-sm: 0 0 10px rgba(200, 148, 70, 0.2);
    --nxgen-glow-md: 0 0 20px rgba(200, 148, 70, 0.3);
    --nxgen-glow-lg: 0 0 30px rgba(200, 148, 70, 0.4);
    --nxgen-glow-xl: 0 0 40px rgba(200, 148, 70, 0.5);

    /* ==========================================================================
     SEMANTIC DESIGN TOKENS - LIGHT MODE FIRST (with Dark Mode overrides)
     These tokens provide theme-aware values for components.
     CRITICAL: Dark Mode values are set in [data-theme='dark'] section below.
     ========================================================================== */

    /* --- Card & Surface Tokens --- */
    --card-bg: #FFFFFF;
    --card-bg-hover: #F8F9FA;
    --card-border: 1px solid #E5E5E5;
    --card-border-hover: 1px solid #D1D5DB;
    --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    --card-shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.12);

    /* --- Text Tokens --- */
    --text-primary: #1A1A1A;
    --text-secondary: #4B5563;
    --text-muted: #6B7280;
    --text-inverse: #FFFFFF;

    /* --- Heading Tokens --- */
    --heading-color: #1A1A1A;
    --heading-color-secondary: #374151;

    /* --- Border Tokens --- */
    --border-subtle: rgba(0, 0, 0, 0.1);
    --border-default: #E5E7EB;
    --border-strong: #D1D5DB;

    /* --- Interactive Gold (WCAG AA Compliant on white) --- */
    --gold-text: #996B1F;
    --gold-text-hover: #7A5518;
    --gold-bg: rgba(200, 148, 70, 0.1);
    --gold-bg-hover: rgba(200, 148, 70, 0.15);
    --gold-border: rgba(153, 107, 31, 0.3);

    /* --- Component-Specific Tokens --- */
    --table-bg: #FFFFFF;
    --table-header-bg: #F9FAFB;
    --table-border: #E5E7EB;
    --table-row-hover: #F3F4F6;

    --code-bg: #F5F5F7;
    --code-border: #E5E7EB;

    --breadcrumb-bg: rgba(255, 255, 255, 0.9);
    --breadcrumb-text: #4B5563;
    --breadcrumb-link: #1A1A1A;

    --toc-bg: rgba(248, 250, 252, 0.95);
    --toc-border: rgba(203, 213, 225, 0.6);
    --toc-text: #475569;
    --toc-text-hover: var(--nxgen-gold-accessible);
    /* === APPLE-INSPIRED TYPOGRAPHY === */
    --ifm-font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', 'Helvetica Neue', sans-serif;
    --ifm-font-family-monospace: 'JetBrains Mono', 'SF Mono', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
    /* Fixed Font Scale - Apple's Typography Scale */
    --ifm-font-size-base: 17px;
    /* Apple's preferred reading size */
    --ifm-h1-font-size: 2.5rem;
    /* 42px */
    --ifm-h2-font-size: 2rem;
    /* 34px */
    --ifm-h3-font-size: 1.5rem;
    /* 25px */
    --ifm-h4-font-size: 1.25rem;
    /* 21px */
    --ifm-h5-font-size: 1.125rem;
    /* 19px */
    --ifm-h6-font-size: 1rem;
    /* 17px */
    --ifm-line-height-base: 1.6;
    /* Apple's preferred line height */
    --ifm-font-weight-light: 300;
    --ifm-font-weight-normal: 400;
    --ifm-font-weight-medium: 500;
    --ifm-font-weight-semibold: 600;
    --ifm-font-weight-bold: 700;
    /* === LIGHT MODE COLORS - Modern Clean Design === */
    --ifm-background-color: #f8f9fa;
    /* Light gray background - matches example */
    --ifm-background-surface-color: #ffffff;
    /* Pure white for cards and surfaces */
    --ifm-color-content: #1a1a1a;
    /* Dark text for excellent readability */
    --ifm-color-content-secondary: #6b7280;
    /* Medium gray for secondary text */
    --ifm-color-emphasis-100: #f3f4f6;
    /* Very light gray for subtle backgrounds */
    --ifm-color-emphasis-200: #e5e7eb;
    /* Light gray for borders and dividers */
    --ifm-color-emphasis-300: #d1d5db;
    /* Medium-light gray */
    --ifm-color-emphasis-400: #9ca3af;
    /* Medium gray */
    --ifm-color-emphasis-500: #6b7280;
    /* Darker gray for muted text */

    /* === SEMANTIC COLORS === */
    --color-success: #22C55E;
    /* Green - Success states, positive confirmations */
    --color-warning: #F59E0B;
    /* Amber/Orange - Warnings, important notices */
    --color-danger: #EF4444;
    /* Red - Errors, destructive actions, critical alerts */
    --color-info: #3B82F6;
    /* Blue - Informational messages, tips, helpful context */

    /* === SPACING - Apple's 8pt Grid System === */
    --space-1: 0.25rem;
    /* 4px - Tight spacing, icons */
    --space-2: 0.5rem;
    /* 8px - Small gaps */
    --space-3: 0.75rem;
    /* 12px - Default spacing */
    --space-4: 1rem;
    /* 16px - Standard spacing */
    --space-6: 1.5rem;
    /* 24px - Medium spacing */
    --space-8: 2rem;
    /* 32px - Large spacing */
    --space-12: 3rem;
    /* 48px - Section spacing */
    --space-16: 4rem;
    /* 64px - Major section spacing */
    --ifm-spacing-horizontal: 1.5rem;
    --ifm-navbar-height: 0px;
    /* Apple's standard nav height */
    --ifm-sidebar-width: 300px;
    /* Increased from 280px to prevent text cramping */
    /* === BORDER RADIUS - Apple's Design Language === */
    --ifm-border-radius: 12px;
    --ifm-card-border-radius: 16px;
    --ifm-button-border-radius: 22px;
    /* === SHADOWS - Apple's Depth System === */
    --ifm-global-shadow-lw: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    --ifm-global-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.06);
    --ifm-global-shadow-tl: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
    /* === CODE BLOCKS === */
    --ifm-code-font-size: 0.9em;
    --ifm-code-background: #f5f5f7;
    --ifm-code-border-radius: var(--ifm-border-radius);
    --docusaurus-highlighted-code-line-bg: rgba(232, 176, 88, 0.1);
    /* === TRANSITIONS - Apple's Smooth Animations === */
    --ifm-transition-fast: 0.2s ease-out;
    --ifm-transition-slow: 0.3s ease-out;
    /* === RESPONSIVE BREAKPOINTS === */
    --breakpoint-mobile: 480px;
    --breakpoint-tablet: 768px;
    --breakpoint-desktop: 996px;
  }

  /* === DARK MODE - NXGEN AUTHENTIC DARK THEME === */
  /* CRITICAL: These values are the "Golden Master" - DO NOT MODIFY */
  [data-theme='dark'] {
    /* Core Backgrounds */
    --ifm-background-color: var(--nxgen-dark-100);
    --ifm-background-surface-color: var(--nxgen-dark-200);
    --ifm-card-background: var(--nxgen-dark-200);

    /* Text Colors */
    --ifm-color-content: var(--nxgen-white);
    --ifm-color-content-secondary: rgba(204, 204, 204, 0.9);

    /* UI/Borders */
    --ifm-color-emphasis-100: var(--nxgen-dark-200);
    --ifm-color-emphasis-200: rgba(200, 148, 70, 0.15);
    --ifm-color-emphasis-300: var(--nxgen-dark-400);
    --ifm-color-emphasis-400: #3A3A3A;
    --ifm-color-emphasis-500: #4A4A4A;

    /* Semantic Colors - Adjusted for dark mode */
    --color-success: #22C55E;
    --color-warning: #FBBF24;
    --color-danger: #F87171;
    --color-info: #60A5FA;

    --ifm-code-background: var(--nxgen-dark-200);
    --docusaurus-highlighted-code-line-bg: rgba(200, 148, 70, 0.15);

    /* ==========================================================================
     SEMANTIC DESIGN TOKENS - DARK MODE OVERRIDES
     These override the Light Mode defaults set in :root
     IMMUTABLE: These values match the current "Golden Master" dark theme.
     ========================================================================== */

    /* --- Card & Surface Tokens (Dark) --- */
    --card-bg: #202020;
    --card-bg-hover: #2a2a2a;
    --card-border: 1px solid rgba(255, 255, 255, 0.1);
    --card-border-hover: 1px solid rgba(255, 255, 255, 0.2);
    --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    --card-shadow-hover: 0 12px 32px rgba(0, 0, 0, 0.4);

    /* --- Text Tokens (Dark) --- */
    --text-primary: #FFFFFF;
    --text-secondary: rgba(255, 255, 255, 0.7);
    --text-muted: rgba(255, 255, 255, 0.5);
    --text-inverse: #000000;

    /* --- Heading Tokens (Dark) --- */
    --heading-color: #FFFFFF;
    --heading-color-secondary: rgba(255, 255, 255, 0.9);

    /* --- Border Tokens (Dark) --- */
    --border-subtle: rgba(255, 255, 255, 0.05);
    --border-default: rgba(255, 255, 255, 0.1);
    --border-strong: rgba(255, 255, 255, 0.2);

    /* --- Interactive Gold (Original Gold for Dark Mode) --- */
    --gold-text: #C89446;
    --gold-text-hover: #D4A574;
    --gold-bg: rgba(200, 148, 70, 0.15);
    --gold-bg-hover: rgba(200, 148, 70, 0.25);
    --gold-border: rgba(200, 148, 70, 0.3);

    /* --- Component-Specific Tokens (Dark) --- */
    --table-bg: #202020;
    --table-header-bg: rgba(255, 255, 255, 0.05);
    --table-border: rgba(255, 255, 255, 0.1);
    --table-row-hover: rgba(255, 255, 255, 0.05);

    --code-bg: #202020;
    --code-border: rgba(255, 255, 255, 0.1);

    --breadcrumb-bg: #202020;
    --breadcrumb-text: rgba(255, 255, 255, 0.7);
    --breadcrumb-link: #FFFFFF;

    --toc-bg: #202020;
    --toc-border: rgba(255, 255, 255, 0.1);
    --toc-text: rgba(255, 255, 255, 0.7);
    --toc-text-hover: #C89446;
  }

}

/* End @layer tokens */

/* ==========================================================================
   COMPONENTS LAYER - All component-specific styles
   ========================================================================== */

/* End @layer components */

[data-theme='light'] .hover\:text-white:hover {
    color: #1A1A1A !important;
  }

[data-theme='light'] .hover\:bg-white\/5:hover {
    background-color: #FFFFFF !important;
    border: 1px solid #E5E5E5 !important;
  }

[data-theme='light'] .hover\:bg-white\/10:hover {
    background-color: rgba(0, 0, 0, 0.04) !important;
  }

[data-theme='light'] .hover\:border-white\/10:hover {
    border-color: #E5E5E5 !important;
  }

[data-theme='light'] .hover\:border-white\/20:hover {
    border-color: #D1D5DB !important;
  }

[data-theme='light'] .hover\:text-\[\#E8B058\]:hover {
    color: #996B1F !important;
  }

[data-theme='light'] .hover\:bg-\[\#E8B058\]\/10:hover {
    background-color: rgba(153, 107, 31, 0.08) !important;
  }

[data-theme='light'] .hover\:border-\[\#E8B058\]\/20:hover {
    border-color: rgba(153, 107, 31, 0.2) !important;
  }


  [data-theme='light'] .hover\:bg-white\/5:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  }


  [data-theme='light'] .hover\:bg-white\/5:hover:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
  }

.disabled\:no-underline:disableda[class*="bg-[#E8B058]"]:hover,.disabled\:no-underline:disabled
  a[class*="bg-[#C89446]"]:hover {
    color: inherit !important;
  }

[data-theme='light'] .group:hover .group-hover\:text-\[\#E8B058\] {
    color: #996B1F !important;
  }

.dark\:prose-invert:is([data-theme="dark"] *) {
  --tw-prose-body: var(--tw-prose-invert-body);
  --tw-prose-headings: var(--tw-prose-invert-headings);
  --tw-prose-lead: var(--tw-prose-invert-lead);
  --tw-prose-links: var(--tw-prose-invert-links);
  --tw-prose-bold: var(--tw-prose-invert-bold);
  --tw-prose-counters: var(--tw-prose-invert-counters);
  --tw-prose-bullets: var(--tw-prose-invert-bullets);
  --tw-prose-hr: var(--tw-prose-invert-hr);
  --tw-prose-quotes: var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
  --tw-prose-captions: var(--tw-prose-invert-captions);
  --tw-prose-kbd: var(--tw-prose-invert-kbd);
  --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
  --tw-prose-code: var(--tw-prose-invert-code);
  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
}

.dark\:prose-invert:is([data-theme="dark"] *) code:not(pre code) {
    background: var(--code-bg) !important;
    color: var(--text-primary) !important;
  }


  [data-theme='dark'] .dark\:prose-invert:is([data-theme="dark"] *) code:not(pre code),
  .dark .dark\:prose-invert:is([data-theme="dark"] *) code:not(pre code) {
    background: #2A2A2A !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
  }

.dark\:prose-invert:is([data-theme="dark"] *) code:not(pre code) {
    padding: 0.2rem 0.4rem !important;
    border-radius: 4px !important;
    font-size: 0.9em !important;
    font-family: var(--ifm-font-family-monospace) !important;
    border: 1px solid var(--code-border) !important;
  }

.dark\:prose-invert:is([data-theme="dark"] *) li code:not(pre code) {
    background: var(--code-bg) !important;
    color: var(--text-primary) !important;
  }


  [data-theme='dark'] .dark\:prose-invert:is([data-theme="dark"] *) li code:not(pre code),
  .dark .dark\:prose-invert:is([data-theme="dark"] *) li code:not(pre code) {
    background: #2A2A2A !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
  }

[data-theme='light'] .dark\:text-white:is([data-theme="dark"] *) {
    color: #1A1A1A !important;
  }

[data-theme='light'] .dark\:hover\:bg-white\/5:hover:is([data-theme="dark"] *) {
    background-color: #FFFFFF !important;
    border: 1px solid #E5E5E5 !important;
  }


  [data-theme='light'] .dark\:hover\:bg-white\/5:hover:is([data-theme="dark"] *) {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  }


  [data-theme='light'] .dark\:hover\:bg-white\/5:hover:is([data-theme="dark"] *):hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
  }

.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[1\.01\]:hover {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[1\.02\]:hover {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[1\.03\]:hover {
  --tw-scale-x: 1.03;
  --tw-scale-y: 1.03;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:gap-3:hover {
  gap: 0.75rem;
}

.hover\:border-\[\#E8B058\]\/20:hover {
  border-color: rgb(232 176 88 / 0.2);
}

.hover\:border-\[\#E8B058\]\/30:hover {
  border-color: rgb(232 176 88 / 0.3);
}

.hover\:border-\[\#E8B058\]\/40:hover {
  border-color: rgb(232 176 88 / 0.4);
}

.hover\:border-\[\#E8B058\]\/50:hover {
  border-color: rgb(232 176 88 / 0.5);
}

.hover\:border-\[\#E8B058\]\/60:hover {
  border-color: rgb(232 176 88 / 0.6);
}

.hover\:border-\[--glass-border-hover\]:hover {
  border-color: var(--glass-border-hover);
}

.hover\:border-cyan-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(6 182 212 / var(--tw-border-opacity, 1));
}

.hover\:border-emerald-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}

.hover\:border-gray-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.hover\:border-primary-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}

.hover\:border-primary-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(232 176 88 / var(--tw-border-opacity, 1));
}

.hover\:border-slate-600\/50:hover {
  border-color: rgb(71 85 105 / 0.5);
}

.hover\:border-white\/10:hover {
  border-color: rgb(255 255 255 / 0.1);
}

.hover\:border-white\/20:hover {
  border-color: rgb(255 255 255 / 0.2);
}

.hover\:border-white\/25:hover {
  border-color: rgb(255 255 255 / 0.25);
}

.hover\:bg-\[\#2a2a2a\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#B58237\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(181 130 55 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#D4A047\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(212 160 71 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#E8B058\]\/10:hover {
  background-color: rgb(232 176 88 / 0.1);
}

.hover\:bg-\[\#E8B058\]\/20:hover {
  background-color: rgb(232 176 88 / 0.2);
}

.hover\:bg-\[\#E8B058\]\/30:hover {
  background-color: rgb(232 176 88 / 0.3);
}

.hover\:bg-\[\#E8B058\]\/90:hover {
  background-color: rgb(232 176 88 / 0.9);
}

.hover\:bg-\[--glass-bg-hover\]:hover {
  background-color: var(--glass-bg-hover);
}

.hover\:bg-\[--glass-bg\]:hover {
  background-color: var(--glass-bg);
}

.hover\:bg-\[--gold-bg\]:hover {
  background-color: var(--gold-bg);
}

.hover\:bg-black\/5:hover {
  background-color: rgb(0 0 0 / 0.05);
}

.hover\:bg-emerald-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}

.hover\:bg-primary-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(212 160 71 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-500\/5:hover {
  background-color: rgb(239 68 68 / 0.05);
}

.hover\:bg-white\/10:hover {
  background-color: rgb(255 255 255 / 0.1);
}

.hover\:bg-white\/20:hover {
  background-color: rgb(255 255 255 / 0.2);
}

.hover\:bg-white\/5:hover {
  background-color: rgb(255 255 255 / 0.05);
}

.hover\:from-blue-700:hover {
  --tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:to-purple-700:hover {
  --tw-gradient-to: #7e22ce var(--tw-gradient-to-position);
}

.hover\:text-\[\#D4A047\]:hover {
  --tw-text-opacity: 1;
  color: rgb(212 160 71 / var(--tw-text-opacity, 1));
}

.hover\:text-\[\#E4AE3A\]:hover {
  --tw-text-opacity: 1;
  color: rgb(228 174 58 / var(--tw-text-opacity, 1));
}

.hover\:text-\[\#E8B058\]:hover {
  --tw-text-opacity: 1;
  color: rgb(232 176 88 / var(--tw-text-opacity, 1));
}

.hover\:text-\[\#f4c97b\]:hover {
  --tw-text-opacity: 1;
  color: rgb(244 201 123 / var(--tw-text-opacity, 1));
}

.hover\:text-\[--text-primary\]:hover {
  color: var(--text-primary);
}

.hover\:text-gray-600:hover {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.hover\:opacity-60:hover {
  opacity: 0.6;
}

.hover\:opacity-70:hover {
  opacity: 0.7;
}

.hover\:opacity-80:hover {
  opacity: 0.8;
}

.hover\:opacity-90:hover {
  opacity: 0.9;
}

.hover\:shadow-\[0_2px_12px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]:hover {
  --tw-shadow: 0 2px 12px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 2px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[\#E8B058\]\/10:hover {
  --tw-shadow-color: rgb(232 176 88 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-\[\#E8B058\]\/25:hover {
  --tw-shadow-color: rgb(232 176 88 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-\[--shadow-lg\]:hover {
  --tw-shadow-color: var(--shadow-lg);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:brightness-110:hover {
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.focus\:rounded-t-md:focus {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.focus\:border-\[\#E8B058\]\/50:focus {
  border-color: rgb(232 176 88 / 0.5);
}

.focus\:border-blue-500\/50:focus {
  border-color: rgb(59 130 246 / 0.5);
}

.focus\:border-transparent:focus {
  border-color: transparent;
}

.focus\:opacity-100:focus {
  opacity: 1;
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-\[\#E8B058\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(232 176 88 / var(--tw-ring-opacity, 1));
}

.focus\:ring-\[\#E8B058\]\/20:focus {
  --tw-ring-color: rgb(232 176 88 / 0.2);
}

.focus\:ring-blue-500\/20:focus {
  --tw-ring-color: rgb(59 130 246 / 0.2);
}

.focus\:ring-cyan-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1));
}

.focus\:ring-emerald-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1));
}

.focus\:ring-primary-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(232 176 88 / var(--tw-ring-opacity, 1));
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-\[var\(--ifm-color-primary\)\]:focus-visible {
  --tw-ring-color: var(--ifm-color-primary);
}

.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}

.active\:scale-\[0\.98\]:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:bg-\[--gold-bg-hover\]:active {
  background-color: var(--gold-bg-hover);
}

.active\:brightness-95:active {
  --tw-brightness: brightness(.95);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}

.disabled\:cursor-default:disabled {
  cursor: default;
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:no-underline:disabled {
  text-decoration-line: none;
}

.disabled\:opacity-50:disabled {
  opacity: 0.5;
}

.disabled\:opacity-60:disabled {
  opacity: 0.6;
}

.disabled\:hover\:scale-100:hover:disabled {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:-translate-y-0\.5 {
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-x-0\.5 {
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-x-1 {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:gap-3 {
  gap: 0.75rem;
}

.group:hover .group-hover\:bg-\[\#E8B058\]\/20 {
  background-color: rgb(232 176 88 / 0.2);
}

.group:hover .group-hover\:bg-\[\#E8B058\]\/30 {
  background-color: rgb(232 176 88 / 0.3);
}

.group:hover .group-hover\:bg-\[--gold-bg-hover\] {
  background-color: var(--gold-bg-hover);
}

.group:hover .group-hover\:text-\[\#E8B058\] {
  --tw-text-opacity: 1;
  color: rgb(232 176 88 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-primary-500 {
  --tw-text-opacity: 1;
  color: rgb(232 176 88 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-primary-600 {
  --tw-text-opacity: 1;
  color: rgb(212 160 71 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:underline {
  text-decoration-line: underline;
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:opacity-60 {
  opacity: 0.6;
}

.dark\:border-blue-800:is([data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
}

.dark\:border-blue-800\/50:is([data-theme="dark"] *) {
  border-color: rgb(30 64 175 / 0.5);
}

.dark\:border-gray-600:is([data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}

.dark\:border-gray-700:is([data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}

.dark\:border-green-800\/50:is([data-theme="dark"] *) {
  border-color: rgb(22 101 52 / 0.5);
}

.dark\:border-orange-800\/50:is([data-theme="dark"] *) {
  border-color: rgb(154 52 18 / 0.5);
}

.dark\:border-primary-800\/50:is([data-theme="dark"] *) {
  border-color: rgb(172 128 37 / 0.5);
}

.dark\:border-red-800\/50:is([data-theme="dark"] *) {
  border-color: rgb(153 27 27 / 0.5);
}

.dark\:border-yellow-800\/50:is([data-theme="dark"] *) {
  border-color: rgb(133 77 14 / 0.5);
}

.dark\:bg-blue-900\/20:is([data-theme="dark"] *) {
  background-color: rgb(30 58 138 / 0.2);
}

.dark\:bg-blue-900\/30:is([data-theme="dark"] *) {
  background-color: rgb(30 58 138 / 0.3);
}

.dark\:bg-gray-700:is([data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}

.dark\:bg-gray-800:is([data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.dark\:bg-gray-800\/90:is([data-theme="dark"] *) {
  background-color: rgb(31 41 55 / 0.9);
}

.dark\:bg-gray-900:is([data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}

.dark\:bg-gray-900\/50:is([data-theme="dark"] *) {
  background-color: rgb(17 24 39 / 0.5);
}

.dark\:bg-green-900\/20:is([data-theme="dark"] *) {
  background-color: rgb(20 83 45 / 0.2);
}

.dark\:bg-green-900\/30:is([data-theme="dark"] *) {
  background-color: rgb(20 83 45 / 0.3);
}

.dark\:bg-orange-900\/20:is([data-theme="dark"] *) {
  background-color: rgb(124 45 18 / 0.2);
}

.dark\:bg-orange-900\/30:is([data-theme="dark"] *) {
  background-color: rgb(124 45 18 / 0.3);
}

.dark\:bg-primary-900\/20:is([data-theme="dark"] *) {
  background-color: rgb(152 112 20 / 0.2);
}

.dark\:bg-primary-900\/30:is([data-theme="dark"] *) {
  background-color: rgb(152 112 20 / 0.3);
}

.dark\:bg-purple-900\/30:is([data-theme="dark"] *) {
  background-color: rgb(88 28 135 / 0.3);
}

.dark\:bg-red-900\/20:is([data-theme="dark"] *) {
  background-color: rgb(127 29 29 / 0.2);
}

.dark\:bg-red-900\/30:is([data-theme="dark"] *) {
  background-color: rgb(127 29 29 / 0.3);
}

.dark\:bg-yellow-900\/20:is([data-theme="dark"] *) {
  background-color: rgb(113 63 18 / 0.2);
}

.dark\:from-blue-900\/20:is([data-theme="dark"] *) {
  --tw-gradient-from: rgb(30 58 138 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-emerald-700:is([data-theme="dark"] *) {
  --tw-gradient-from: #047857 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(4 120 87 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:to-cyan-900\/20:is([data-theme="dark"] *) {
  --tw-gradient-to: rgb(22 78 99 / 0.2) var(--tw-gradient-to-position);
}

.dark\:to-teal-700:is([data-theme="dark"] *) {
  --tw-gradient-to: #0f766e var(--tw-gradient-to-position);
}

.dark\:text-blue-200:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}

.dark\:text-blue-300:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}

.dark\:text-blue-400:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.dark\:text-emerald-400:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}

.dark\:text-gray-100:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}

.dark\:text-gray-300:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.dark\:text-gray-400:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.dark\:text-gray-500:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.dark\:text-gray-600:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.dark\:text-gray-700:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.dark\:text-green-200:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
}

.dark\:text-green-300:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}

.dark\:text-green-400:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}

.dark\:text-orange-200:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(254 215 170 / var(--tw-text-opacity, 1));
}

.dark\:text-orange-300:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(253 186 116 / var(--tw-text-opacity, 1));
}

.dark\:text-orange-400:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}

.dark\:text-primary-200:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}

.dark\:text-primary-400:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.dark\:text-purple-300:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}

.dark\:text-red-200:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}

.dark\:text-red-300:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

.dark\:text-red-400:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.dark\:text-white:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.dark\:text-yellow-200:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / var(--tw-text-opacity, 1));
}

.dark\:text-yellow-400:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}

.dark\:opacity-\[0\.03\]:is([data-theme="dark"] *) {
  opacity: 0.03;
}

.dark\:ring-primary-900\/30:is([data-theme="dark"] *) {
  --tw-ring-color: rgb(152 112 20 / 0.3);
}

.dark\:hover\:border-cyan-500:hover:is([data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(6 182 212 / var(--tw-border-opacity, 1));
}

.dark\:hover\:border-emerald-500:hover:is([data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}

.dark\:hover\:border-primary-500:hover:is([data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(232 176 88 / var(--tw-border-opacity, 1));
}

.dark\:hover\:border-primary-600:hover:is([data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(212 160 71 / var(--tw-border-opacity, 1));
}

.dark\:hover\:bg-gray-700:hover:is([data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-gray-800:hover:is([data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-white\/5:hover:is([data-theme="dark"] *) {
  background-color: rgb(255 255 255 / 0.05);
}

.dark\:hover\:text-gray-300:hover:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.dark\:hover\:shadow-\[0_2px_12px_rgba\(255\2c 255\2c 255\2c 0\.04\)\]:hover:is([data-theme="dark"] *) {
  --tw-shadow: 0 2px 12px rgba(255,255,255,0.04);
  --tw-shadow-colored: 0 2px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group:hover .dark\:group-hover\:text-emerald-400:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}

.group:hover .dark\:group-hover\:text-primary-400:is([data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {
  .sm\:block {
    display: block;
  }
  .sm\:inline {
    display: inline;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:w-64 {
    width: 16rem;
  }
  .sm\:w-96 {
    width: 24rem;
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:justify-end {
    justify-content: flex-end;
  }
  .sm\:justify-between {
    justify-content: space-between;
  }
  .sm\:gap-10 {
    gap: 2.5rem;
  }
  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:text-left {
    text-align: left;
  }
  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .sm\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
}

@media (min-width: 768px) {
  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .md\:block {
    display: block;
  }
  .md\:inline-flex {
    display: inline-flex;
  }
  .md\:w-24 {
    width: 6rem;
  }
  .md\:w-72 {
    width: 18rem;
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:items-end {
    align-items: flex-end;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:border-l {
    border-left-width: 1px;
  }
  .md\:border-t-0 {
    border-top-width: 0px;
  }
  .md\:p-10 {
    padding: 2.5rem;
  }
  .md\:p-12 {
    padding: 3rem;
  }
  .md\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .md\:py-28 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  .md\:text-left {
    text-align: left;
  }
  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
  .md\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }
  .md\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }
  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px) {
  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .lg\:block {
    display: block;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:w-56 {
    width: 14rem;
  }
  .lg\:w-72 {
    width: 18rem;
  }
  .lg\:w-80 {
    width: 20rem;
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:p-6 {
    padding: 1.5rem;
  }
  .lg\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }
  .lg\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }
}

@media (min-width: 1280px) {
  .xl\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
/**
 * NXGEN Design System — Motion & Interaction Layer
 *
 * Loaded last in the CSS stack so it overrides without !important.
 * Implements Impeccable + Kowalski + Krehel principles:
 *
 * — Expo-out easing everywhere (cubic-bezier(0.16, 1, 0.3, 1))
 * — Enter: opacity + translateY(8px) + blur(4px)
 * — Exit: shorter/simpler than entry
 * — Press feedback: scale(0.97) on :active
 * — Hover lift: translateY(-2px) not translateY(-6px) (Krehel: "if users notice the animation, it's too much")
 * — prefers-reduced-motion collapses all non-essential transitions
 * — No bounce, no elastic, no layout-property animation
 * — Animate transform + opacity only
 */

/* ==========================================================================
   ENTER ANIMATION KEYFRAMES
   Kowalski recipe: opacity + translateY + blur
   ========================================================================== */

@keyframes nxg-enter {
  from {
    opacity: 0;
    transform: translateY(var(--enter-distance, 8px));
    filter: blur(var(--enter-blur, 4px));
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

@keyframes nxg-enter-up {
  from {
    opacity: 0;
    transform: translateY(calc(-1 * var(--enter-distance, 8px)));
    filter: blur(var(--enter-blur, 4px));
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

@keyframes nxg-exit {
  from { opacity: 1; transform: translateY(0); }
  to   { opacity: 0; transform: translateY(-12px); }
}

@keyframes nxg-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Staggered section entrance */
@keyframes nxg-section-enter {
  from {
    opacity: 0;
    transform: translateY(16px);
    filter: blur(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

/* ==========================================================================
   ANIMATION UTILITY CLASSES
   ========================================================================== */

.nxg-enter {
  animation: nxg-enter var(--duration-enter) var(--ease-expo-out) both;
}

.nxg-enter-fast {
  animation: nxg-enter var(--duration-base) var(--ease-expo-out) both;
}

.nxg-fade {
  animation: nxg-fade-in var(--duration-base) var(--ease-expo-out) both;
}

/* Stagger delays — apply via nth-child in context */
.nxg-stagger-1 { animation-delay: 0ms; }
.nxg-stagger-2 { animation-delay: 60ms; }
.nxg-stagger-3 { animation-delay: 120ms; }
.nxg-stagger-4 { animation-delay: 180ms; }
.nxg-stagger-5 { animation-delay: 240ms; }
.nxg-stagger-6 { animation-delay: 300ms; }

/* ==========================================================================
   GLOBAL TRANSITION OVERRIDES — expo-out everywhere
   Replaces the scattered 0.2s/0.3s ease-out values in custom.css.
   Kowalski: custom curves have far more impact than default CSS easing.
   ========================================================================== */

/* Interactive elements — use motion tokens */
[data-theme='dark'] a,
[data-theme='light'] a {
  transition: color var(--duration-micro) var(--ease-expo-out),
              opacity var(--duration-micro) var(--ease-expo-out);
}

/* Buttons — expo-out + press feedback */
button,
[role='button'],
.button,
.btn {
  transition: background-color var(--duration-micro) var(--ease-expo-out),
              border-color      var(--duration-micro) var(--ease-expo-out),
              color             var(--duration-micro) var(--ease-expo-out),
              box-shadow        var(--duration-base)  var(--ease-expo-out),
              transform         var(--duration-base)  var(--ease-expo-out),
              opacity           var(--duration-micro) var(--ease-expo-out);
}

/* Kowalski: scale(0.97) press feedback — not scale(0) or scale(0.9) */
button:active,
[role='button']:active,
.button:active {
  transform: scale(0.97);
  transition-duration: 80ms;
}

/* Krehel: hover lift — 2px max, not 6px */
.card:hover,
.feature-card:hover,
article.margin-bottom--lg:hover {
  transform: translateY(-2px);
  transition: transform var(--duration-base) var(--ease-expo-out),
              box-shadow var(--duration-base) var(--ease-expo-out),
              border-color var(--duration-fast) var(--ease-expo-out);
}

/* Links inside cards — no double-transform conflict */
.card:hover a,
.feature-card:hover a {
  transform: none;
}

/* ==========================================================================
   DOCUSAURUS INTERACTIVE ELEMENT TRANSITIONS
   ========================================================================== */

/* Navbar links */
.navbar__link {
  transition: color var(--duration-micro) var(--ease-expo-out),
              background var(--duration-fast) var(--ease-expo-out) !important;
}

/* Sidebar menu links */
.menu__link {
  transition: background var(--duration-fast) var(--ease-expo-out),
              color var(--duration-micro) var(--ease-expo-out) !important;
}

/* Doc breadcrumbs */
.breadcrumbs__link {
  transition: color var(--duration-micro) var(--ease-expo-out),
              background var(--duration-micro) var(--ease-expo-out) !important;
}

/* ==========================================================================
   SECTION HEADINGS — DM Serif Display
   Applied globally to major page section headings outside markdown.
   ========================================================================== */

/* Hero and major section headings inherit display font */
.hero h1,
.hero h2 {
  font-family: var(--font-display);
  font-weight: 400;
  letter-spacing: -0.01em;
}

/* Apply display font to Docusaurus page headings (non-markdown) */
:not(.markdown):not(.theme-doc-markdown) > h1,
:not(.markdown):not(.theme-doc-markdown) > h2 {
  font-family: var(--font-display);
  font-weight: 400;
  letter-spacing: -0.01em;
}

/* Markdown content keeps Inter for body readability */
.markdown h1,
.markdown h2,
.markdown h3,
.theme-doc-markdown h1,
.theme-doc-markdown h2,
.theme-doc-markdown h3 {
  font-family: var(--font-body);
  font-weight: 700;
}

/* ==========================================================================
   FEATURE CARD — gold shimmer top stripe appears on hover only
   Impeccable Flat-By-Default: no decoration at rest
   ========================================================================== */

.feature-card,
.docs-index-card,
.quick-link-card {
  position: relative;
  overflow: hidden;
}

.feature-card::before,
.docs-index-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--oklch-gold) 30%,
    var(--oklch-gold-light) 50%,
    var(--oklch-gold) 70%,
    transparent 100%
  );
  opacity: 0;
  transition: opacity var(--duration-base) var(--ease-expo-out);
  z-index: 1;
  pointer-events: none;
}

.feature-card:hover::before,
.docs-index-card:hover::before {
  opacity: 0.7;
}

/* ==========================================================================
   BROWSE-BY-TOPIC GRID — break the identical card pattern
   Impeccable: "No identical-card grids. First card gets featured weight."
   ========================================================================== */

/* Featured first card — spans 2 columns on desktop */
.browse-topic-grid > *:first-child {
  grid-column: span 2;
}

@media (max-width: 768px) {
  .browse-topic-grid > *:first-child {
    grid-column: span 1;
  }
}

/* ==========================================================================
   PREFERS-REDUCED-MOTION — Kowalski: mandatory, not optional
   Collapses all non-essential transitions and animations
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
    filter: none !important;
  }

  /* Keep opacity transitions — they're essential for show/hide */
  .nxg-enter,
  .nxg-enter-fast,
  .nxg-fade {
    animation: nxg-fade-in 0.01ms both;
  }
}

/* ==========================================================================
   FOCUS STATES — accessible, gold-ring
   ========================================================================== */

:focus-visible {
  outline: 2px solid var(--oklch-gold);
  outline-offset: 3px;
  border-radius: 4px;
  transition: outline-offset var(--duration-micro) var(--ease-expo-out);
}

:focus:not(:focus-visible) {
  outline: none;
}

/* ==========================================================================
   SELECTION — brand-tinted
   ========================================================================== */

::selection {
  background: rgba(197, 134, 57, 0.28);
  color: inherit;
}

/* ==========================================================================
   BODY LINE-HEIGHT — Impeccable 1.6 Leading Rule
   ========================================================================== */

body {
  line-height: 1.6;
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ==========================================================================
   SPACING AUDIT — enforce 8/16/24/32/48/80/120px scale via consistent gaps
   These override any margin/padding that breaks the editorial scale
   ========================================================================== */

/* Section vertical rhythm: 80px between major sections */
.nxg-section { margin-top: 80px; }
.nxg-section-lg { margin-top: 120px; }
.nxg-group { margin-top: 48px; }

/**
 * Admin Training Page Styles
 * CSS custom properties for theme-aware rendering (dark + light)
 */

/* === ADMIN TRAINING CUSTOM PROPERTIES === */

:root {
  --admin-gold: #C89446;
  --admin-gold-light: #E8B058;
  --admin-gold-10: rgba(200, 148, 70, 0.1);
  --admin-gold-20: rgba(200, 148, 70, 0.2);
  --admin-gold-30: rgba(200, 148, 70, 0.3);
  --admin-gold-40: rgba(200, 148, 70, 0.4);
  --admin-gold-60: rgba(200, 148, 70, 0.6);

  --admin-surface: rgba(255, 255, 255, 0.6);
  --admin-surface-hover: rgba(255, 255, 255, 0.8);
  --admin-surface-dark: rgba(5, 13, 26, 0.8);
  --admin-border: rgba(200, 148, 70, 0.15);
  --admin-border-light: rgba(200, 148, 70, 0.25);

  /* Theme-aware surface/border defaults (light mode) */
  --admin-card-bg: rgba(255, 255, 255, 0.7);
  --admin-card-border: rgba(200, 148, 70, 0.15);
  --admin-chapter-bg: rgba(255, 255, 255, 0.85);
  --admin-chapter-border: rgba(200, 148, 70, 0.2);
  --admin-inner-bg: rgba(245, 240, 232, 0.5);
  --admin-inner-border: rgba(200, 148, 70, 0.12);
  --admin-badge-bg: rgba(200, 148, 70, 0.08);
  --admin-step-circle-bg: var(--admin-gold);
  --admin-navpath-bg: #f5f0eb;
  --admin-navpath-border: rgba(200, 148, 70, 0.2);
  --admin-hero-gradient: linear-gradient(160deg, #faf6f0 0%, #f5f0eb 50%, #eae4db 100%);
}

[data-theme='dark'] {
  --admin-surface: rgba(255, 255, 255, 0.03);
  --admin-surface-hover: rgba(255, 255, 255, 0.06);
  --admin-border: rgba(255, 255, 255, 0.08);
  --admin-border-light: rgba(255, 255, 255, 0.12);

  --admin-card-bg: rgba(255, 255, 255, 0.02);
  --admin-card-border: rgba(255, 255, 255, 0.1);
  --admin-chapter-bg: #050D1A;
  --admin-chapter-border: rgba(200, 148, 70, 0.2);
  --admin-inner-bg: rgba(255, 255, 255, 0.02);
  --admin-inner-border: rgba(255, 255, 255, 0.08);
  --admin-badge-bg: rgba(200, 148, 70, 0.1);
  --admin-step-circle-bg: var(--admin-gold);
  --admin-navpath-bg: #0A0A0A;
  --admin-navpath-border: var(--admin-gold-20);
  --admin-hero-gradient: linear-gradient(160deg, #06101E 0%, #091525 60%, #07111E 100%);
}

/* === ADMIN TRAINING LAYOUT === */

.admin-training-page {
  min-height: 100vh;
}

/* Hero */
.admin-hero {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--admin-gold-30);
  background: var(--admin-hero-gradient);
}

[data-theme='dark'] .admin-hero {
  box-shadow: 0 1px 0 0 var(--admin-gold-20), inset 0 -1px 60px -20px rgba(200, 148, 70, 0.06);
}

.admin-hero-grid {
  position: absolute;
  inset: 0;
  opacity: 0.03;
  pointer-events: none;
}

.admin-hero-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 700px;
  height: 500px;
  pointer-events: none;
  background: radial-gradient(ellipse, rgba(200, 148, 70, 0.06) 0%, transparent 70%);
}

.admin-hero-shell {
  position: relative;
  z-index: 10;
  max-width: 80rem;
  margin: 0 auto;
  width: 100%;
  padding: 0 2rem;
}

.admin-hero-content {
  max-width: 72rem;
  margin: 0 auto;
  padding: 5.5rem 0 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
}

@media (min-width: 640px) {
  .admin-hero-shell {
    padding: 0 2.5rem;
  }
}

@media (min-width: 768px) {
  .admin-hero-content {
    padding: 7rem 0 6rem;
  }
}

.admin-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 1rem;
  border-radius: 9999px;
  border: 1px solid var(--admin-gold-30);
  background: var(--admin-gold-10);
  color: var(--admin-gold);
  font-size: 0.875rem;
  font-weight: 600;
}

.admin-hero-title {
  text-align: center !important;
  font-size: clamp(2.25rem, 4.8vw, 4.5rem);
  font-weight: 900;
  letter-spacing: -0.025em;
  line-height: 1.03;
  margin: 1.25rem 0 !important;
  width: 100%;
  color: var(--ifm-heading-color);
}

@media (min-width: 768px) {
  .admin-hero-title {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

.admin-hero-subtitle {
  background: linear-gradient(90deg, #C89446, #E8B058);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.admin-hero-desc {
  text-align: center;
  font-size: clamp(1rem, 1.35vw, 1.2rem);
  max-width: 66ch;
  margin: 0 0 2.75rem;
  line-height: 1.7;
  color: var(--ifm-color-content-secondary);
}

.admin-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.25rem 2.25rem;
  margin: 0 auto 3rem;
  max-width: 56rem;
}

.admin-stat-value {
  font-size: 1.875rem;
  font-weight: 900;
  color: var(--admin-gold);
}

.admin-stat-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--ifm-color-content-secondary);
  margin-top: 0.125rem;
}

.admin-hero-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin: 0 auto;
}

.admin-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 2rem;
  background: var(--admin-gold);
  color: #000;
  font-weight: 700;
  border-radius: 0.75rem;
  border: none;
  cursor: pointer;
  transition: all 0.2s;
}

.admin-btn-primary:hover {
  background: #B58237;
  box-shadow: 0 10px 15px -3px rgba(200, 148, 70, 0.25);
}

.admin-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 2rem;
  background: var(--admin-surface);
  border: 1px solid var(--admin-card-border);
  color: var(--ifm-heading-color);
  font-weight: 600;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s;
}

.admin-btn-secondary:hover {
  background: var(--admin-surface-hover);
}

/* Learning Tracks */
.admin-tracks-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  max-width: 56rem;
  margin: 0 auto 5rem;
}

@media (min-width: 768px) {
  .admin-tracks-grid {
    grid-template-columns: 1fr 1fr;
  }
}

/* Guide Articles Grid */
.admin-articles-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

@media (min-width: 768px) {
  .admin-articles-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1024px) {
  .admin-articles-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

/* Two-panel layout */
.admin-two-panel {
  display: flex;
  gap: 2rem;
  position: relative;
}

/* Sticky sidebar TOC */
.admin-toc-sidebar {
  display: none;
  width: 16rem;
  flex-shrink: 0;
}

@media (min-width: 1024px) {
  .admin-toc-sidebar {
    display: block;
  }
}

.admin-toc-inner {
  position: sticky;
  top: 1.5rem;
  border-radius: 1rem;
  border: 1px solid var(--admin-card-border);
  background: var(--admin-card-bg);
  overflow: hidden;
}

.admin-toc-header {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--admin-card-border);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--admin-gold-60);
}

.admin-toc-item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
  padding: 0.625rem 1rem;
  font-size: 0.75rem;
  text-align: left;
  cursor: pointer;
  background: transparent;
  border: none;
  transition: all 0.15s;
  color: var(--ifm-color-content-secondary);
}

.admin-toc-item:hover {
  color: var(--ifm-heading-color);
  background: var(--admin-surface);
}

.admin-toc-item-active {
  color: var(--admin-gold);
  background: var(--admin-gold-10);
  border-right: 2px solid var(--admin-gold);
}

/* Mobile TOC overlay */
.admin-mobile-toc-btn {
  display: none;
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 40;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: var(--admin-gold);
  color: #000;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  box-shadow: 0 10px 15px -3px rgba(200, 148, 70, 0.3);
}

@media (max-width: 1023px) {
  .admin-mobile-toc-btn {
    display: flex;
  }
}

.admin-mobile-toc-panel {
  position: fixed;
  bottom: 5rem;
  right: 1.5rem;
  z-index: 40;
  width: 18rem;
  border-radius: 0.75rem;
  border: 1px solid var(--admin-card-border);
  background: var(--ifm-background-color);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  max-height: 24rem;
  overflow-y: auto;
  animation: admin-slide-up 0.2s ease-out;
}

@keyframes admin-slide-up {
  from {
    opacity: 0;
    transform: translateY(0.5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.admin-mobile-toc-item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
  padding: 0.625rem 1rem;
  font-size: 0.75rem;
  text-align: left;
  cursor: pointer;
  background: transparent;
  border: none;
  color: var(--ifm-color-content-secondary);
  transition: all 0.15s;
}

.admin-mobile-toc-item:hover,
.admin-mobile-toc-item-active {
  color: var(--admin-gold);
  background: var(--admin-gold-10);
}

/* Scroll progress bar */
.admin-scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  z-index: 50;
  background: transparent;
}

.admin-scroll-progress-bar {
  height: 100%;
  background: linear-gradient(to right, var(--admin-gold), var(--admin-gold-light));
  transition: width 0.1s;
}

/* Section tag */
.admin-section-label {
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  color: var(--admin-gold-60);
  margin-bottom: 0.5rem;
}

/* Chapter header grid pattern */
.admin-chapter-grid {
  position: absolute;
  inset: 0;
  opacity: 0.05;
  pointer-events: none;
}

/* CTA Footer */
.admin-cta-footer {
  margin: 2rem 0;
  padding: 1.5rem;
  background: var(--admin-gold-10);
  border: 1px solid var(--admin-gold-20);
  border-radius: 1rem;
}

[data-theme='dark'] .admin-cta-footer {
  background: rgba(200, 148, 70, 0.05);
  border-color: var(--admin-gold-20);
}

/* === ACCESSIBILITY: Focus states === */

.admin-toc-item:focus-visible,
.admin-mobile-toc-item:focus-visible,
.admin-mobile-toc-btn:focus-visible,
.admin-btn-primary:focus-visible,
.admin-btn-secondary:focus-visible {
  outline: 2px solid var(--admin-gold);
  outline-offset: 2px;
}

/* === RESPONSIVE: Mobile (≤480px) === */

@media (max-width: 480px) {
  .admin-hero-shell {
    padding: 0 1.25rem;
  }

  .admin-hero-content {
    padding: 3.5rem 0 3rem;
  }

  .admin-hero-title {
    font-size: 2rem;
    line-height: 1.08;
  }

  .admin-stats {
    gap: 1rem 1.25rem;
  }

  .admin-stat-value {
    font-size: 1.375rem;
  }

  .admin-hero-buttons {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: 22rem;
  }

  .admin-btn-primary,
  .admin-btn-secondary {
    justify-content: center;
    width: 100%;
  }

  /* Feature/integration card grids → single column */
  .admin-feature-grid-sm {
    grid-template-columns: 1fr !important;
  }

  /* Hide category codes in badge/checklist on tiny screens */
  .admin-item-category {
    display: none;
  }

  /* Tables scroll horizontally */
  .overflow-x-auto {
    -webkit-overflow-scrolling: touch;
  }
}

/* === RESPONSIVE: Tablet (481-768px) === */

@media (min-width: 481px) and (max-width: 768px) {
  .admin-hero-shell {
    padding: 0 1.5rem;
  }

  .admin-hero-content {
    padding-top: 5rem;
    padding-bottom: 4rem;
  }

  .admin-hero-title {
    font-size: 2.85rem;
  }
}

/* === RESPONSIVE: Wide (≥1280px) === */

@media (min-width: 1280px) {
  .admin-toc-sidebar {
    width: 18rem;
  }
}

/* === LIGHT-MODE OVERRIDES === */

:root:not([data-theme='dark']) .admin-tracks-grid .absolute {
  opacity: 0.08;
}

:root:not([data-theme='dark']) .admin-hero-glow {
  background: radial-gradient(ellipse, rgba(200, 148, 70, 0.12) 0%, transparent 70%);
}

/* === PRINT STYLES === */

@media print {
  .admin-scroll-progress,
  .admin-mobile-toc-btn,
  .admin-mobile-toc-panel,
  .admin-toc-sidebar {
    display: none !important;
  }

  .admin-two-panel {
    display: block;
  }

  .admin-hero {
    page-break-inside: avoid;
    break-inside: avoid;
  }

  .overflow-x-auto table {
    width: 100%;
  }

  .admin-cta-footer {
    page-break-inside: avoid;
    break-inside: avoid;
  }

  /* Ensure screenshots and captions print */
  img {
    max-width: 100% !important;
  }
}
/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

:root {
  --docusaurus-tag-list-border: var(--ifm-color-emphasis-300);
}

.tag_zVej {
  border: 1px solid var(--docusaurus-tag-list-border);
  transition: border var(--ifm-transition-fast);
}

.tag_zVej:hover {
  --docusaurus-tag-list-border: var(--ifm-link-color);
  -webkit-text-decoration: none;
  text-decoration: none;
}

.tagRegular_sFm0 {
  border-radius: var(--ifm-global-radius);
  padding: 0.2rem 0.5rem 0.3rem;
  font-size: 90%;
}

.tagWithCount_h2kH {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 0.5rem 0 1rem;
  border-left: 0;
}

.tagWithCount_h2kH::before,
.tagWithCount_h2kH::after {
  content: '';
  position: absolute;
  top: 50%;
  border: 1px solid var(--docusaurus-tag-list-border);
  transition: inherit;
}

.tagWithCount_h2kH::before {
  right: 100%;
  transform: translate(50%, -50%) rotate(-45deg);
  width: 1.18rem;
  height: 1.18rem;
  border-right: 0;
  border-bottom: 0;
}

.tagWithCount_h2kH::after {
  left: 0;
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}

.tagWithCount_h2kH span {
  background: var(--ifm-color-secondary);
  color: var(--ifm-color-black);
  font-size: 0.7rem;
  line-height: 1.2;
  border-radius: var(--ifm-global-radius);
  padding: 0.1rem 0.4rem;
  margin-left: 0.3rem;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.tags_jXut {
  display: inline;
}

.tag_QGVx {
  margin: 0 0.4rem 0.5rem 0;
  display: inline-block;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.backToTopButton_sjWU {
  position: fixed;
  right: 1.3rem;
  bottom: 1.3rem;
  border-radius: 50%;
  background-color: var(--ifm-color-emphasis-200);
  width: 3rem;
  height: 3rem;
  z-index: calc(var(--ifm-z-index-fixed) - 1);
  box-shadow: var(--ifm-global-shadow-lw);
  transition: all var(--ifm-transition-fast)
    var(--ifm-transition-timing-default);
  opacity: 0;
  transform: scale(0);
  visibility: hidden;
}

.backToTopButton_sjWU::after {
  content: ' ';
  display: inline-block;
  -webkit-mask: var(--ifm-menu-link-sublist-icon) 50% / 2rem 2rem no-repeat;
          mask: var(--ifm-menu-link-sublist-icon) 50% / 2rem 2rem no-repeat;
  background-color: var(--ifm-color-emphasis-1000);
  width: 100%;
  height: 100%;
}

@media (hover: hover) {
  .backToTopButton_sjWU:hover {
    background-color: var(--ifm-color-emphasis-300);
  }
}

.backToTopButtonShow_xfvO {
  opacity: 1;
  transform: scale(1);
  visibility: visible;
}

/* ============================================================
   NXGEN Search Modal — Premium dark glassmorphism
   Brand: #C89446 / #E8B058 NXGEN Gold
   ============================================================ */

/* ── Trigger button ─────────────────────────────────────────── */
.trigger_g_ME {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(200, 148, 70, 0.2);
  border-radius: 8px;
  color: #888;
  font-size: 13px;
  font-family: inherit;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  -webkit-user-select: none;
          user-select: none;
}

.trigger_g_ME:hover {
  background: rgba(200, 148, 70, 0.06);
  border-color: rgba(200, 148, 70, 0.4);
  color: #bbb;
  box-shadow: 0 0 14px rgba(200, 148, 70, 0.1);
}

.triggerText_M3eY { flex: 1; min-width: 0; }

.triggerKbd_D69r { display: flex; gap: 3px; }

.triggerKbd_D69r kbd {
  display: inline-flex;
  align-items: center;
  padding: 1px 5px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  font-size: 11px;
  font-family: inherit;
  color: #666;
  line-height: 1.5;
}

/* ── Overlay ─────────────────────────────────────────────────── */
.overlay_bNXs {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 10vh;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  animation: overlayIn_MD64 0.14s ease;
}

@keyframes overlayIn_MD64 {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* ── Modal container ─────────────────────────────────────────── */
.modal_YBXq {
  width: min(660px, 94vw);
  max-height: 74vh;
  display: flex;
  flex-direction: column;
  /* Glassmorphism dark surface */
  background: rgba(12, 12, 12, 0.96);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(200, 148, 70, 0.16);
  border-radius: 16px;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.6),
    0 24px 80px rgba(0, 0, 0, 0.7),
    0 8px 32px rgba(0, 0, 0, 0.5),
    0 0 60px rgba(200, 148, 70, 0.04);
  overflow: hidden;
  animation: modalIn_O0tR 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}

/* Gold shimmer top edge */
.modal_YBXq::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(200, 148, 70, 0.4) 20%,
    rgba(232, 176, 88, 0.85) 50%,
    rgba(200, 148, 70, 0.4) 80%,
    transparent 100%
  );
  z-index: 2;
  pointer-events: none;
}

@keyframes modalIn_O0tR {
  from { opacity: 0; transform: scale(0.97) translateY(-10px); }
  to   { opacity: 1; transform: scale(1)    translateY(0); }
}

/* ── Input row ───────────────────────────────────────────────── */
.inputRow_v_Gm {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  flex-shrink: 0;
  position: relative;
}

/* Subtle gold glow below input row */
.inputRow_v_Gm::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 20%;
  right: 20%;
  height: 1px;
  background: radial-gradient(ellipse at center, rgba(200, 148, 70, 0.3) 0%, transparent 70%);
  pointer-events: none;
}

.searchIcon_cCCD {
  flex-shrink: 0;
  color: #C89446;
  opacity: 0.85;
}

.input_LCv8 {
  flex: 1;
  background: transparent !important;
  --csstools-color-scheme--light:  ;
  color-scheme: dark only;
  border: none;
  outline: none;
  font-size: 16px;
  font-family: inherit;
  font-weight: 400;
  color: #ededed !important;
  caret-color: #C89446;
  min-width: 0;
  appearance: none;
}

.input_LCv8::placeholder { color: #4a4a4a !important; }
.input_LCv8::-webkit-input-placeholder { color: #4a4a4a !important; }
.input_LCv8::-moz-placeholder { color: #4a4a4a !important; }

.input_LCv8::-webkit-search-cancel-button,
.input_LCv8::-webkit-search-decoration,
.input_LCv8::-webkit-search-results-button,
.input_LCv8::-webkit-search-results-decoration { display: none !important; }

[data-theme='light'] .input_LCv8 {
  color: #1a1a1a !important;
  caret-color: #C89446;
}

[data-theme='light'] .input_LCv8::placeholder { color: #666 !important; }
[data-theme='light'] .input_LCv8::-webkit-input-placeholder { color: #666 !important; }
[data-theme='light'] .input_LCv8::-moz-placeholder { color: #666 !important; }

.closeBtn_RkwN {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  color: #555;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.12s, color 0.12s, border-color 0.12s;
}

.closeBtn_RkwN:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.15);
  color: #999;
}

/* ── Body ────────────────────────────────────────────────────── */
.body_kx_p {
  flex: 1;
  overflow-y: auto;
  overscroll-behavior: contain;
  min-height: 0;
  scrollbar-width: thin;
  scrollbar-color: rgba(200, 148, 70, 0.18) transparent;
}

.body_kx_p::-webkit-scrollbar { width: 3px; }
.body_kx_p::-webkit-scrollbar-track { background: transparent; }
.body_kx_p::-webkit-scrollbar-thumb {
  background: rgba(200, 148, 70, 0.2);
  border-radius: 2px;
}

/* ── Status / empty state ────────────────────────────────────── */
.status_go3Q {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 28px 22px;
  color: #4a4a4a;
  font-size: 13px;
}

.status_go3Q code {
  background: rgba(200, 148, 70, 0.08);
  border: 1px solid rgba(200, 148, 70, 0.15);
  border-radius: 4px;
  padding: 1px 6px;
  font-size: 12px;
  color: rgba(200, 148, 70, 0.7);
}

.spinner_f0TL {
  width: 14px;
  height: 14px;
  border: 1.5px solid rgba(200, 148, 70, 0.12);
  border-top-color: rgba(200, 148, 70, 0.6);
  border-radius: 50%;
  animation: spin_j4zc 0.8s linear infinite;
  flex-shrink: 0;
}

@keyframes spin_j4zc { to { transform: rotate(360deg); } }

.empty_wgnQ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 24px 36px;
  text-align: center;
  gap: 6px;
}

.emptyIcon_jjRC {
  color: rgba(200, 148, 70, 0.18);
  margin-bottom: 10px;
}

.empty_wgnQ p {
  margin: 0;
  font-size: 14px;
  color: #3d3d3d;
}

.empty_wgnQ strong { color: #555; }

.emptyHint_NZYM {
  font-size: 12px !important;
  color: #2e2e2e !important;
}

/* ── Results list ────────────────────────────────────────────── */
.results_TuUt {
  list-style: none;
  margin: 0;
  padding: 8px 10px 10px;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.results_TuUt li { margin: 0; padding: 0; }

/* ── Result item — card style ────────────────────────────────── */
.result_q_Da {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.04);
  background: rgba(255, 255, 255, 0.02);
  transition: all 0.15s ease;
  cursor: pointer;
  position: relative;
}

.result_q_Da::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 0;
  background: linear-gradient(180deg, #C89446 0%, #E8B058 100%);
  border-radius: 0 2px 2px 0;
  transition: height 0.15s ease;
}

.result_q_Da:hover { 
  -webkit-text-decoration: none; 
  text-decoration: none;
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(200, 148, 70, 0.12);
}

.resultActive_mclq {
  background: rgba(200, 148, 70, 0.08);
  border-color: rgba(200, 148, 70, 0.2);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(200, 148, 70, 0.06);
}

.resultActive_mclq::before {
  height: 60%;
}

/* Left icon column */
.resultIcon_vDEu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: #555;
  transition: background 0.1s, border-color 0.1s, color 0.1s;
}

.resultActive_mclq .resultIcon_vDEu {
  background: rgba(200, 148, 70, 0.1);
  border-color: rgba(200, 148, 70, 0.2);
  color: #C89446;
}

.resultLeft_EFnq {
  flex: 1;
  min-width: 0;
}

.resultHeader_VEUQ {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 2px;
}

/* ── Section badges ─────────────────────────────────────────── */
.badge_elsb {
  display: inline-flex;
  align-items: center;
  padding: 0 7px;
  height: 18px;
  border-radius: 5px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: 1;
}

.badgeDocumentation_WS4N {
  background: linear-gradient(135deg, rgba(200, 148, 70, 0.18) 0%, rgba(232, 176, 88, 0.12) 100%);
  color: #E8B058;
  border: 1px solid rgba(200, 148, 70, 0.35);
  box-shadow: 0 0 8px rgba(200, 148, 70, 0.15);
}

.badgeReleases_DqDQ {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.14) 0%, rgba(52, 211, 153, 0.08) 100%);
  color: #34d399;
  border: 1px solid rgba(16, 185, 129, 0.28);
}

.badgeRoadmap_ZbNB {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.14) 0%, rgba(167, 139, 250, 0.08) 100%);
  color: #a78bfa;
  border: 1px solid rgba(139, 92, 246, 0.28);
}

.badgeInternal_eY_d {
  background: rgba(100, 116, 139, 0.12);
  color: rgba(148, 163, 184, 0.85);
  border: 1px solid rgba(100, 116, 139, 0.2);
}

.typeBadge_HdU_ {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.14) 0%, rgba(96, 165, 250, 0.08) 100%);
  color: #60a5fa;
  border: 1px solid rgba(59, 130, 246, 0.28);
  padding: 0 6px;
  height: 16px;
  border-radius: 4px;
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.category_QFoI {
  font-size: 11px;
  color: #383838;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 220px;
}

.resultActive_mclq .category_QFoI { color: #484848; }

.resultTitle_NudP {
  font-size: 14px;
  font-weight: 500;
  color: #d4d4d4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
}

.resultActive_mclq .resultTitle_NudP { color: #f0f0f0; }

.resultExcerpt_aukP {
  margin: 2px 0 0;
  font-size: 12px;
  color: #5a5a5a;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.resultActive_mclq .resultExcerpt_aukP { color: #6a6a6a; }

.resultArrow_RLzI {
  color: transparent;
  flex-shrink: 0;
  transition: color 0.1s, transform 0.1s;
}

.resultActive_mclq .resultArrow_RLzI {
  color: rgba(200, 148, 70, 0.5);
  transform: translateX(1px);
}

/* ── Footer ──────────────────────────────────────────────────── */
.footer_x49N {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 7px 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.04);
  flex-shrink: 0;
  background: rgba(0, 0, 0, 0.2);
}

.footerGroup_Z7mL {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 10.5px;
  color: #2e2e2e;
  letter-spacing: 0.01em;
}

.footer_x49N kbd {
  display: inline-flex;
  align-items: center;
  padding: 1px 5px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 4px;
  font-size: 10px;
  font-family: inherit;
  color: #383838;
  line-height: 1.6;
}

.footerRight_VjFl {
  margin-left: auto;
  font-size: 10.5px;
  color: #282828;
}

/* ── Mobile ──────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .overlay_bNXs {
    padding-top: 0;
    align-items: flex-end;
  }

  .modal_YBXq {
    width: 100vw;
    max-height: 88vh;
    border-radius: 20px 20px 0 0;
    border-bottom: none;
  }

  .triggerText_M3eY,
  .triggerKbd_D69r { display: none; }
}

/* ── Light Theme ─────────────────────────────────────────────────── */
[data-theme='light'] .overlay_bNXs {
  background: rgba(0, 0, 0, 0.5);
}

[data-theme='light'] .modal_YBXq {
  background: rgba(255, 2551, 245, 0.98);
  border-color: rgba(200, 148, 70, 0.2);
  box-shadow:
    0 0 0 1px rgba(200, 148, 70, 0.08),
    0 24px 80px rgba(0, 0, 0, 0.15),
    0 8px 32px rgba(0, 0, 0, 0.1);
}

[data-theme='light'] .modal_YBXq::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(200, 148, 70, 0.5) 20%,
    rgba(232, 176, 88, 0.9) 50%,
    rgba(200, 148, 70, 0.5) 80%,
    transparent 100%
  );
}

[data-theme='light'] .inputRow_v_Gm {
  border-bottom-color: rgba(200, 148, 70, 0.1);
}

[data-theme='light'] .inputRow_v_Gm::after {
  background: radial-gradient(ellipse at center, rgba(200, 148, 70, 0.15) 0%, transparent 70%);
}

[data-theme='light'] .closeBtn_RkwN {
  background: rgba(200, 148, 70, 0.06);
  border-color: rgba(200, 148, 70, 0.12);
  color: #8B5E1F;
}

[data-theme='light'] .closeBtn_RkwN:hover {
  background: rgba(200, 148, 70, 0.12);
  border-color: rgba(200, 148, 70, 0.2);
  color: #C89446;
}

[data-theme='light'] .body_kx_p {
  scrollbar-color: rgba(200, 148, 70, 0.2) transparent;
}

[data-theme='light'] .body_kx_p::-webkit-scrollbar-thumb {
  background: rgba(200, 148, 70, 0.25);
}

[data-theme='light'] .status_go3Q {
  color: #666;
}

[data-theme='light'] .empty_wgnQ p {
  color: #555;
}

[data-theme='light'] .empty_wgnQ strong {
  color: #333;
}

[data-theme='light'] .emptyHint_NZYM {
  color: #777 !important;
}

[data-theme='light'] .result_q_Da {
  background: rgba(200, 148, 70, 0.02);
  border-color: rgba(200, 148, 70, 0.06);
}

[data-theme='light'] .result_q_Da:hover {
  background: rgba(200, 148, 70, 0.06);
  border-color: rgba(200, 148, 70, 0.15);
}

[data-theme='light'] .resultActive_mclq {
  background: rgba(200, 148, 70, 0.1);
  border-color: rgba(200, 148, 70, 0.25);
  box-shadow: 0 4px 16px rgba(200, 148, 70, 0.12);
}

[data-theme='light'] .resultIcon_vDEu {
  background: rgba(200, 148, 70, 0.06);
  border-color: rgba(200, 148, 70, 0.1);
  color: #8B5E1F;
}

[data-theme='light'] .resultActive_mclq .resultIcon_vDEu {
  background: rgba(200, 148, 70, 0.12);
  border-color: rgba(200, 148, 70, 0.2);
  color: #C89446;
}

[data-theme='light'] .category_QFoI {
  color: #777;
}

[data-theme='light'] .resultActive_mclq .category_QFoI {
  color: #555;
}

[data-theme='light'] .resultTitle_NudP {
  color: #1a1a1a;
}

[data-theme='light'] .resultActive_mclq .resultTitle_NudP {
  color: #000;
}

[data-theme='light'] .resultExcerpt_aukP {
  color: #666;
}

[data-theme='light'] .resultActive_mclq .resultExcerpt_aukP {
  color: #555;
}

[data-theme='light'] .resultActive_mclq .resultArrow_RLzI {
  color: rgba(200, 148, 70, 0.7);
}

[data-theme='light'] .footer_x49N {
  border-top-color: rgba(200, 148, 70, 0.08);
  background: rgba(200, 148, 70, 0.03);
}

[data-theme='light'] .footerGroup_Z7mL {
  color: #666;
}

[data-theme='light'] .footer_x49N kbd {
  background: rgba(200, 148, 70, 0.06);
  border-color: rgba(200, 148, 70, 0.12);
  color: #555;
}

[data-theme='light'] .footerRight_VjFl {
  color: #777;
}

/* ── Highlight match ─────────────────────────────────────────── */
.highlight_OGVB {
  background: rgba(200, 148, 70, 0.25);
  color: #E8B058;
  border-radius: 2px;
  padding: 0 2px;
  font-weight: 500;
}

[data-theme='light'] .highlight_OGVB {
  background: rgba(200, 148, 70, 0.18);
  color: #8B5E1F;
}

/* ── Action buttons in input row ───────────────────────────────── */
.saveBtn_Ht79,
.shortcutsBtn_gyFc {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: transparent;
  border: none;
  color: #444;
  cursor: pointer;
  flex-shrink: 0;
  transition: color 0.12s, background 0.12s;
  border-radius: 6px;
}

.saveBtn_Ht79:hover,
.shortcutsBtn_gyFc:hover {
  color: #C89446;
  background: rgba(200, 148, 70, 0.08);
}

.saveBtn_Ht79 svg,
.shortcutsBtn_gyFc svg {
  width: 14px;
  height: 14px;
}

[data-theme='light'] .saveBtn_Ht79,
[data-theme='light'] .shortcutsBtn_gyFc {
  color: #777;
}

[data-theme='light'] .saveBtn_Ht79:hover,
[data-theme='light'] .shortcutsBtn_gyFc:hover {
  color: #C89446;
  background: rgba(200, 148, 70, 0.1);
}

/* ── Empty state ─────────────────────────────────────────────── */
.emptyState__L7m {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  gap: 12px;
}

.emptyTitle_O71W {
  font-size: 15px;
  color: #666;
  text-align: center;
}

.emptyTitle_O71W strong {
  color: #888;
  font-weight: 500;
}

[data-theme='light'] .emptyTitle_O71W {
  color: #555;
}

[data-theme='light'] .emptyTitle_O71W strong {
  color: #333;
}

/* ── Recent & Saved searches ─────────────────────────────────── */
.recentSection_ED1g,
.savedSection_Q2kl {
  width: 100%;
  margin-bottom: 16px;
}

.savedSection_Q2kl:last-child,
.recentSection_ED1g:last-child {
  margin-bottom: 0;
}

.sectionHeader_ysaz {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 4px;
  color: #555;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.sectionHeader_ysaz svg {
  color: #C89446;
  opacity: 0.7;
}

.clearBtn_Gofo {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  background: transparent;
  border: none;
  color: #444;
  cursor: pointer;
  border-radius: 4px;
  transition: color 0.12s, background 0.12s;
}

.clearBtn_Gofo:hover {
  color: #ff6b6b;
  background: rgba(255, 107, 107, 0.08);
}

.recentList__Ci3 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.recentItem_pkQv {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 8px;
  color: #999;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
  transition: all 0.12s ease;
}

.recentItem_pkQv:hover {
  background: rgba(200, 148, 70, 0.06);
  border-color: rgba(200, 148, 70, 0.15);
  color: #ddd;
}

.recentQuery_ts8Q {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.removeItem__A7s {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  background: transparent;
  border: none;
  color: #444;
  cursor: pointer;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.12s, color 0.12s;
}

.recentItem_pkQv:hover .removeItem__A7s {
  opacity: 1;
}

.removeItem__A7s:hover {
  color: #ff6b6b;
}

[data-theme='light'] .sectionHeader_ysaz {
  color: #777;
}

[data-theme='light'] .recentItem_pkQv {
  background: rgba(200, 148, 70, 0.02);
  border-color: rgba(200, 148, 70, 0.08);
  color: #444;
}

[data-theme='light'] .recentItem_pkQv:hover {
  background: rgba(200, 148, 70, 0.08);
  border-color: rgba(200, 148, 70, 0.2);
  color: #1a1a1a;
}

[data-theme='light'] .removeItem__A7s {
  color: #888;
}

/* ── Suggestions (Did you mean?) ───────────────────────────────── */
.suggestions_VbGH {
  margin-top: 12px;
  text-align: center;
}

.suggestionLabel_gBYf {
  font-size: 12px;
  color: #555;
  margin-bottom: 8px;
}

.suggestionList_nUeZ {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.suggestionBtn_AaM7 {
  padding: 6px 14px;
  background: rgba(200, 148, 70, 0.1);
  border: 1px solid rgba(200, 148, 70, 0.25);
  border-radius: 16px;
  color: #E8B058;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.12s ease;
}

.suggestionBtn_AaM7:hover {
  background: rgba(200, 148, 70, 0.18);
  border-color: rgba(200, 148, 70, 0.4);
  color: #f0c060;
  transform: translateY(-1px);
}

[data-theme='light'] .suggestionLabel_gBYf {
  color: #777;
}

[data-theme='light'] .suggestionBtn_AaM7 {
  background: rgba(200, 148, 70, 0.08);
  border-color: rgba(200, 148, 70, 0.2);
  color: #8B5E1F;
}

[data-theme='light'] .suggestionBtn_AaM7:hover {
  background: rgba(200, 148, 70, 0.15);
  border-color: rgba(200, 148, 70, 0.35);
  color: #6B4A1A;
}

/* ── Grouped results headers ──────────────────────────────────── */
.groupHeader_o_CE {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 14px 4px;
  margin-top: 8px;
}

.groupHeader_o_CE:first-child {
  margin-top: 0;
}

.groupLabel_IbDO {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #555;
}

.groupCount_lybq {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 16px;
  padding: 0 5px;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 8px;
  font-size: 10px;
  font-weight: 600;
  color: #444;
}

[data-theme='light'] .groupLabel_IbDO {
  color: #777;
}

[data-theme='light'] .groupCount_lybq {
  background: rgba(200, 148, 70, 0.06);
  color: #555;
}

.aiSearchToggle_isrO {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.toggleBtn_LR_Q {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 6px;
  color: #555;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.12s ease;
}

.toggleBtn_LR_Q:hover {
  background: rgba(200, 148, 70, 0.06);
  border-color: rgba(200, 148, 70, 0.15);
  color: #888;
}

.toggleBtnActive_haGj {
  background: rgba(200, 148, 70, 0.1);
  border-color: rgba(200, 148, 70, 0.25);
  color: #E8B058;
}

.toggleBtnActive_haGj svg {
  color: #E8B058;
}

.toggleLoading_IIQT {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #E8B058;
  animation: pulse_f76g 1.5s infinite;
}

@keyframes pulse_f76g {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

[data-theme='light'] .aiSearchToggle_isrO {
  border-bottom-color: rgba(200, 148, 70, 0.06);
}

[data-theme='light'] .toggleBtn_LR_Q {
  background: rgba(200, 148, 70, 0.02);
  border-color: rgba(200, 148, 70, 0.08);
  color: #777;
}

[data-theme='light'] .toggleBtn_LR_Q:hover {
  background: rgba(200, 148, 70, 0.08);
  border-color: rgba(200, 148, 70, 0.2);
  color: #555;
}

[data-theme='light'] .toggleBtnActive_haGj {
  background: rgba(200, 148, 70, 0.12);
  border-color: rgba(200, 148, 70, 0.3);
  color: #8B5E1F;
}

[data-theme='light'] .toggleBtnActive_haGj svg {
  color: #8B5E1F;
}

.container_alUs {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  flex-shrink: 0;
}

.filterBtn_NQ4m {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 16px;
  font-size: 12px;
  font-family: inherit;
  color: #555;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.15s ease;
}

.filterBtn_NQ4m:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
  color: #888;
}

.filterBtn_NQ4m:focus-visible {
  outline: 2px solid rgba(200, 148, 70, 0.5);
  outline-offset: 2px;
}

.active_adRQ {
  background: rgba(200, 148, 70, 0.12);
  border-color: rgba(200, 148, 70, 0.35);
  color: #E8B058;
  box-shadow: 0 0 10px rgba(200, 148, 70, 0.15);
}

.active_adRQ:hover {
  background: rgba(200, 148, 70, 0.18);
  border-color: rgba(200, 148, 70, 0.45);
  color: #f0c060;
}

.label_rFKi {
  font-weight: 500;
}

.count_O5JR {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 16px;
  padding: 0 4px;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 8px;
  font-size: 10px;
  font-weight: 600;
  color: #444;
}

.active_adRQ .count_O5JR {
  background: rgba(200, 148, 70, 0.2);
  color: #E8B058;
}

[data-theme='light'] .container_alUs {
  border-bottom-color: rgba(200, 148, 70, 0.08);
}

[data-theme='light'] .filterBtn_NQ4m {
  background: rgba(200, 148, 70, 0.04);
  border-color: rgba(200, 148, 70, 0.1);
  color: #666;
}

[data-theme='light'] .filterBtn_NQ4m:hover {
  background: rgba(200, 148, 70, 0.08);
  border-color: rgba(200, 148, 70, 0.18);
  color: #444;
}

[data-theme='light'] .active_adRQ {
  background: rgba(200, 148, 70, 0.12);
  border-color: rgba(200, 148, 70, 0.35);
  color: #8B5E1F;
  box-shadow: 0 0 8px rgba(200, 148, 70, 0.12);
}

[data-theme='light'] .active_adRQ:hover {
  background: rgba(200, 148, 70, 0.18);
  color: #6B4A1A;
}

[data-theme='light'] .count_O5JR {
  background: rgba(200, 148, 70, 0.08);
  color: #555;
}

[data-theme='light'] .active_adRQ .count_O5JR {
  background: rgba(200, 148, 70, 0.18);
  color: #8B5E1F;
}

@media (max-width: 640px) {
  .container_alUs {
    padding: 8px 10px;
    gap: 5px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .filterBtn_NQ4m {
    padding: 4px 9px;
    font-size: 11px;
  }

  .count_O5JR {
    min-width: 16px;
    height: 14px;
    font-size: 9px;
  }
}

.overlay_dfaz {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  animation: overlayIn_wDqS 0.15s ease;
}

@keyframes overlayIn_wDqS {
  from { opacity: 0; }
  to { opacity: 1; }
}

.panel_hcDv {
  width: min(420px, 90vw);
  background: rgba(12, 12, 12, 0.98);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(200, 148, 70, 0.16);
  border-radius: 14px;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.5),
    0 20px 60px rgba(0, 0, 0, 0.6),
    0 6px 24px rgba(0, 0, 0, 0.4),
    0 0 40px rgba(200, 148, 70, 0.04);
  overflow: hidden;
  animation: panelIn_Ir_Z 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}

.panel_hcDv::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(200, 148, 70, 0.4) 20%,
    rgba(232, 176, 88, 0.8) 50%,
    rgba(200, 148, 70, 0.4) 80%,
    transparent 100%
  );
  z-index: 2;
}

@keyframes panelIn_Ir_Z {
  from { opacity: 0; transform: scale(0.96) translateY(-8px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}

.header_swXR {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.headerLeft_aOqv {
  display: flex;
  align-items: center;
  gap: 10px;
}

.icon_zd9M {
  color: #C89446;
  opacity: 0.85;
}

.title_G83x {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #e8e8e8;
  letter-spacing: -0.01em;
}

.closeBtn_gO4h {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  color: #555;
  cursor: pointer;
  transition: background 0.12s, color 0.12s, border-color 0.12s;
}

.closeBtn_gO4h:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.15);
  color: #999;
}

.body_Fos9 {
  padding: 16px 18px;
}

.hint_oSo1 {
  font-size: 11px;
  color: #444;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.list_gYOv {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.item_jMD0 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 8px;
  transition: background 0.12s, border-color 0.12s;
}

.item_jMD0:hover {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(200, 148, 70, 0.12);
}

.keys_j1oR {
  display: flex;
  align-items: center;
  gap: 4px;
}

.key_njaN {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 24px;
  padding: 0 8px;
  background: rgba(200, 148, 70, 0.08);
  border: 1px solid rgba(200, 148, 70, 0.2);
  border-radius: 5px;
  font-size: 11px;
  font-family: inherit;
  font-weight: 500;
  color: #E8B058;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
}

.plus_Pa4T {
  color: #3a3a3a;
  font-size: 11px;
  margin: 0 2px;
}

.description_WWTr {
  font-size: 12px;
  color: #777;
}

.footer_SBrN {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.04);
  background: rgba(0, 0, 0, 0.2);
}

.footerKey_li9D {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1px 6px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 4px;
  font-size: 10px;
  font-family: inherit;
  color: #555;
}

.footerText_SbuW {
  font-size: 10.5px;
  color: #3a3a3a;
}

[data-theme='light'] .overlay_dfaz {
  background: rgba(0, 0, 0, 0.45);
}

[data-theme='light'] .panel_hcDv {
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(200, 148, 70, 0.18);
  box-shadow:
    0 0 0 1px rgba(200, 148, 70, 0.06),
    0 20px 60px rgba(0, 0, 0, 0.12),
    0 6px 24px rgba(0, 0, 0, 0.08);
}

[data-theme='light'] .panel_hcDv::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(200, 148, 70, 0.5) 20%,
    rgba(232, 176, 88, 0.9) 50%,
    rgba(200, 148, 70, 0.5) 80%,
    transparent 100%
  );
}

[data-theme='light'] .header_swXR {
  border-bottom-color: rgba(200, 148, 70, 0.1);
}

[data-theme='light'] .title_G83x {
  color: #1a1a1a;
}

[data-theme='light'] .closeBtn_gO4h {
  background: rgba(200, 148, 70, 0.06);
  border-color: rgba(200, 148, 70, 0.12);
  color: #8B5E1F;
}

[data-theme='light'] .closeBtn_gO4h:hover {
  background: rgba(200, 148, 70, 0.12);
  border-color: rgba(200, 148, 70, 0.2);
  color: #C89446;
}

[data-theme='light'] .hint_oSo1 {
  color: #777;
  border-bottom-color: rgba(200, 148, 70, 0.08);
}

[data-theme='light'] .item_jMD0 {
  background: rgba(200, 148, 70, 0.02);
  border-color: rgba(200, 148, 70, 0.06);
}

[data-theme='light'] .item_jMD0:hover {
  background: rgba(200, 148, 70, 0.06);
  border-color: rgba(200, 148, 70, 0.15);
}

[data-theme='light'] .key_njaN {
  background: rgba(200, 148, 70, 0.1);
  border-color: rgba(200, 148, 70, 0.25);
  color: #8B5E1F;
  box-shadow: 0 2px 0 rgba(200, 148, 70, 0.15);
}

[data-theme='light'] .plus_Pa4T {
  color: #888;
}

[data-theme='light'] .description_WWTr {
  color: #555;
}

[data-theme='light'] .footer_SBrN {
  border-top-color: rgba(200, 148, 70, 0.08);
  background: rgba(200, 148, 70, 0.03);
}

[data-theme='light'] .footerKey_li9D {
  background: rgba(200, 148, 70, 0.08);
  border-color: rgba(200, 148, 70, 0.15);
  color: #666;
}

[data-theme='light'] .footerText_SbuW {
  color: #777;
}

.typeFilter_Zx_E {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 12px;
}

.typeFilter_Zx_E button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 6px;
  border: 1px solid transparent;
  background: transparent;
  color: #888;
  font-size: 13px;
  font-family: inherit;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}

.typeFilter_Zx_E button:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #ccc;
}

.typeFilter_Zx_E button.active_drs5 {
  background-color: rgba(232, 176, 88, 0.12);
  border-color: rgba(232, 176, 88, 0.3);
  color: #E8B058;
}

.typeFilter_Zx_E button:focus-visible {
  outline: 2px solid rgba(232, 176, 88, 0.5);
  outline-offset: 2px;
}

.count_h_jg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  padding: 2px 6px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.08);
  font-size: 11px;
  font-weight: 500;
}

.typeFilter_Zx_E button.active_drs5 .count_h_jg {
  background-color: rgba(232, 176, 88, 0.2);
  color: #E8B058;
}

/* Light theme overrides */
[data-theme='light'] .typeFilter_Zx_E {
  border-bottom-color: rgba(200, 148, 70, 0.12);
}

[data-theme='light'] .typeFilter_Zx_E button {
  color: #666;
}

[data-theme='light'] .typeFilter_Zx_E button:hover {
  background-color: rgba(200, 148, 70, 0.06);
  color: #444;
}

[data-theme='light'] .typeFilter_Zx_E button.active_drs5 {
  background-color: rgba(200, 148, 70, 0.12);
  border-color: rgba(200, 148, 70, 0.3);
  color: #8B5E1F;
}

[data-theme='light'] .count_h_jg {
  background-color: rgba(200, 148, 70, 0.08);
}

[data-theme='light'] .typeFilter_Zx_E button.active_drs5 .count_h_jg {
  background-color: rgba(200, 148, 70, 0.18);
  color: #8B5E1F;
}

/* Responsive styles */
@media (max-width: 640px) {
  .typeFilter_Zx_E {
    gap: 6px;
    padding: 6px 0;
  }

  .typeFilter_Zx_E button {
    padding: 5px 10px;
    font-size: 12px;
  }

  .typeFilter_Zx_E button svg {
    width: 12px;
    height: 12px;
  }

  .count_h_jg {
    min-width: 18px;
    padding: 2px 5px;
    font-size: 10px;
  }
}

.languageFilter_d1Oe {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  flex-shrink: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.filterBtn_YZ5p {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 16px;
  font-size: 12px;
  font-family: inherit;
  color: #555;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.15s ease;
}

.filterBtn_YZ5p:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
  color: #888;
}

.filterBtn_YZ5p:focus-visible {
  outline: 2px solid rgba(232, 176, 88, 0.5);
  outline-offset: 2px;
}

.active_kE1a {
  background: rgba(232, 176, 88, 0.12);
  border-color: rgba(232, 176, 88, 0.35);
  color: #E8B058;
  box-shadow: 0 0 10px rgba(232, 176, 88, 0.15);
}

.active_kE1a:hover {
  background: rgba(232, 176, 88, 0.18);
  border-color: rgba(232, 176, 88, 0.45);
  color: #f0c060;
}

.icon_VhMh {
  font-size: 14px;
  line-height: 1;
}

.label_yuBZ {
  font-weight: 500;
}

.count_Hi4q {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 16px;
  padding: 0 4px;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 8px;
  font-size: 10px;
  font-weight: 600;
  color: #444;
}

.active_kE1a .count_Hi4q {
  background: rgba(232, 176, 88, 0.2);
  color: #E8B058;
}

/* Light theme overrides */
[data-theme='light'] .languageFilter_d1Oe {
  border-bottom-color: rgba(200, 148, 70, 0.08);
}

[data-theme='light'] .filterBtn_YZ5p {
  background: rgba(200, 148, 70, 0.04);
  border-color: rgba(200, 148, 70, 0.1);
  color: #666;
}

[data-theme='light'] .filterBtn_YZ5p:hover {
  background: rgba(200, 148, 70, 0.08);
  border-color: rgba(200, 148, 70, 0.18);
  color: #444;
}

[data-theme='light'] .active_kE1a {
  background: rgba(200, 148, 70, 0.12);
  border-color: rgba(200, 148, 70, 0.35);
  color: #8B5E1F;
  box-shadow: 0 0 8px rgba(200, 148, 70, 0.12);
}

[data-theme='light'] .active_kE1a:hover {
  background: rgba(200, 148, 70, 0.18);
  color: #6B4A1A;
}

[data-theme='light'] .count_Hi4q {
  background: rgba(200, 148, 70, 0.08);
  color: #555;
}

[data-theme='light'] .active_kE1a .count_Hi4q {
  background: rgba(200, 148, 70, 0.18);
  color: #8B5E1F;
}

/* Responsive styles */
@media (max-width: 640px) {
  .languageFilter_d1Oe {
    padding: 8px 10px;
    gap: 5px;
  }

  .filterBtn_YZ5p {
    padding: 4px 9px;
    font-size: 11px;
  }

  .count_Hi4q {
    min-width: 16px;
    height: 14px;
    font-size: 9px;
  }

  .icon_VhMh {
    font-size: 12px;
  }
}

.versionFilter_Hmoo {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 12px;
}

.versionFilter_Hmoo button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 6px;
  border: 1px solid transparent;
  background: transparent;
  color: #888;
  font-size: 13px;
  font-family: inherit;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}

.versionFilter_Hmoo button:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #ccc;
}

.versionFilter_Hmoo button.active_VHyM {
  background-color: rgba(232, 176, 88, 0.12);
  border-color: rgba(232, 176, 88, 0.3);
  color: #E8B058;
}

.versionFilter_Hmoo button:focus-visible {
  outline: 2px solid rgba(232, 176, 88, 0.5);
  outline-offset: 2px;
}

.count_CXBT {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  padding: 2px 6px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.08);
  font-size: 11px;
  font-weight: 500;
}

.versionFilter_Hmoo button.active_VHyM .count_CXBT {
  background-color: rgba(232, 176, 88, 0.2);
  color: #E8B058;
}

.versionBadge_SEV7 {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.06);
  font-family: 'JetBrains Mono', 'SF Mono', Monaco, Consolas, monospace;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.versionFilter_Hmoo button.active_VHyM .versionBadge_SEV7 {
  background-color: rgba(232, 176, 88, 0.15);
  color: #E8B058;
}

[data-theme='light'] .versionFilter_Hmoo {
  border-bottom-color: rgba(200, 148, 70, 0.12);
}

[data-theme='light'] .versionFilter_Hmoo button {
  color: #666;
}

[data-theme='light'] .versionFilter_Hmoo button:hover {
  background-color: rgba(200, 148, 70, 0.06);
  color: #444;
}

[data-theme='light'] .versionFilter_Hmoo button.active_VHyM {
  background-color: rgba(200, 148, 70, 0.12);
  border-color: rgba(200, 148, 70, 0.3);
  color: #8B5E1F;
}

[data-theme='light'] .count_CXBT {
  background-color: rgba(200, 148, 70, 0.08);
}

[data-theme='light'] .versionFilter_Hmoo button.active_VHyM .count_CXBT {
  background-color: rgba(200, 148, 70, 0.18);
  color: #8B5E1F;
}

[data-theme='light'] .versionBadge_SEV7 {
  background-color: rgba(200, 148, 70, 0.08);
}

[data-theme='light'] .versionFilter_Hmoo button.active_VHyM .versionBadge_SEV7 {
  background-color: rgba(200, 148, 70, 0.15);
  color: #8B5E1F;
}

@media (max-width: 640px) {
  .versionFilter_Hmoo {
    gap: 6px;
    padding: 6px 0;
  }

  .versionFilter_Hmoo button {
    padding: 5px 10px;
    font-size: 12px;
  }

  .versionFilter_Hmoo button svg {
    width: 12px;
    height: 12px;
  }

  .count_CXBT {
    min-width: 18px;
    padding: 2px 5px;
    font-size: 10px;
  }

  .versionBadge_SEV7 {
    padding: 1px 6px;
    font-size: 11px;
  }
}

.codeResult_sknc {
  padding: 12px 16px;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
  border: 1px solid transparent;
  background-color: rgba(255, 255, 255, 0.02);
}

.codeResult_sknc:hover {
  background-color: rgba(232, 176, 88, 0.05);
  border-color: rgba(232, 176, 88, 0.1);
}

.active_MleL {
  background-color: rgba(232, 176, 88, 0.1);
  border-color: rgba(232, 176, 88, 0.3);
}

.header_p6j1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  gap: 12px;
}

.titleRow_twAu {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1;
}

.codeIcon_NRYc {
  color: #E8B058;
  flex-shrink: 0;
}

.title_SZWW {
  font-size: 14px;
  font-weight: 500;
  color: #f5f5f5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.highlight_QXhG {
  background-color: rgba(232, 176, 88, 0.3);
  color: #fff;
  border-radius: 2px;
  padding: 0 2px;
}

.meta_h1kt {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.badge_bPGX {
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
}

.languageBadge_xjfn {
  background-color: rgba(232, 176, 88, 0.15);
  color: #E8B058;
}

.filename_ETED {
  font-size: 12px;
  color: #888;
  font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;
}

.codePreview_UKpW {
  background-color: #1e1e1e;
  border-radius: 8px;
  margin-bottom: 8px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.codeResult_sknc:hover .codePreview_UKpW {
  border-color: rgba(232, 176, 88, 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.codeBlockHeader_veyI {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  background-color: #2d2d2d;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.codeLanguageBadge_uzHR {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 3px 8px;
  border-radius: 4px;
  background: linear-gradient(135deg, rgba(232, 176, 88, 0.2), rgba(232, 176, 88, 0.1));
  color: #E8B058;
  border: 1px solid rgba(232, 176, 88, 0.3);
}

.inlineCopyBtn_qyjB {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
  color: #888;
  cursor: pointer;
  transition: all 0.15s ease;
}

.inlineCopyBtn_qyjB:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #E8B058;
  border-color: rgba(232, 176, 88, 0.3);
}

.inlineCopyBtn_qyjB:focus-visible {
  outline: 2px solid rgba(232, 176, 88, 0.5);
  outline-offset: 2px;
}

.codePre_TKDr {
  margin: 0 !important;
  padding: 12px 0 !important;
  font-family: 'Fira Code', 'Consolas', 'Monaco', monospace !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  background: transparent !important;
  overflow-x: auto;
}

.codeLine_tMb6 {
  display: flex;
  padding: 0 12px;
  min-height: 20px;
  transition: background-color 0.15s ease;
}

.codeLine_tMb6:hover {
  background-color: rgba(255, 255, 255, 0.03);
}

.lineNumber_X24J {
  display: inline-block;
  width: 40px;
  min-width: 40px;
  padding-right: 12px;
  text-align: right;
  color: #5a5a5a;
  -webkit-user-select: none;
          user-select: none;
  font-size: 11px;
  flex-shrink: 0;
}

.lineContent_HvIK {
  flex: 1;
  white-space: pre;
}

.matchedLine_feGT {
  background-color: rgba(232, 176, 88, 0.15);
  border-left: 2px solid #E8B058;
  margin-left: -2px;
}

.matchedLine_feGT .lineNumber_X24J {
  color: #E8B058;
  font-weight: 600;
}

.codeTruncated_AHLv {
  padding: 8px 12px;
  text-align: center;
  color: #666;
  font-size: 12px;
  background-color: #2d2d2d;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.footer_K2mq {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sourceLink_T5sn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #888;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: color 0.15s ease;
}

.sourceLink_T5sn:hover {
  color: #E8B058;
}

.copyBtn_TjDO {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid rgba(232, 176, 88, 0.3);
  background: transparent;
  color: #E8B058;
  font-size: 11px;
  font-family: inherit;
  cursor: pointer;
  transition: all 0.15s ease;
}

.copyBtn_TjDO:hover {
  background-color: rgba(232, 176, 88, 0.1);
  border-color: rgba(232, 176, 88, 0.5);
}

.copyBtn_TjDO:focus-visible {
  outline: 2px solid rgba(232, 176, 88, 0.5);
  outline-offset: 2px;
}

/* Light theme overrides */
[data-theme='light'] .codeResult_sknc {
  background-color: rgba(200, 148, 70, 0.02);
  border-color: transparent;
}

[data-theme='light'] .codeResult_sknc:hover {
  background-color: rgba(200, 148, 70, 0.06);
  border-color: rgba(200, 148, 70, 0.15);
}

[data-theme='light'] .active_MleL {
  background-color: rgba(200, 148, 70, 0.1);
  border-color: rgba(200, 148, 70, 0.35);
}

[data-theme='light'] .title_SZWW {
  color: #333;
}

[data-theme='light'] .highlight_QXhG {
  background-color: rgba(200, 148, 70, 0.3);
  color: #333;
}

[data-theme='light'] .languageBadge_xjfn {
  background-color: rgba(200, 148, 70, 0.12);
  color: #8B5E1F;
}

[data-theme='light'] .filename_ETED {
  color: #666;
}

[data-theme='light'] .codePreview_UKpW {
  background-color: #fafafa;
  border-color: rgba(200, 148, 70, 0.15);
}

[data-theme='light'] .codeResult_sknc:hover .codePreview_UKpW {
  border-color: rgba(200, 148, 70, 0.25);
}

[data-theme='light'] .codeBlockHeader_veyI {
  background-color: #f0f0f0;
  border-bottom-color: rgba(0, 0, 0, 0.05);
}

[data-theme='light'] .codeLanguageBadge_uzHR {
  background: linear-gradient(135deg, rgba(200, 148, 70, 0.15), rgba(200, 148, 70, 0.08));
  color: #8B5E1F;
  border-color: rgba(200, 148, 70, 0.25);
}

[data-theme='light'] .inlineCopyBtn_qyjB {
  color: #666;
}

[data-theme='light'] .inlineCopyBtn_qyjB:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: #8B5E1F;
  border-color: rgba(200, 148, 70, 0.3);
}

[data-theme='light'] .codePre_TKDr {
  color: #333;
}

[data-theme='light'] .codeLine_tMb6:hover {
  background-color: rgba(0, 0, 0, 0.02);
}

[data-theme='light'] .lineNumber_X24J {
  color: #aaa;
}

[data-theme='light'] .matchedLine_feGT {
  background-color: rgba(200, 148, 70, 0.15);
  border-left-color: #8B5E1F;
}

[data-theme='light'] .matchedLine_feGT .lineNumber_X24J {
  color: #8B5E1F;
}

[data-theme='light'] .codeTruncated_AHLv {
  color: #888;
  background-color: #f0f0f0;
  border-top-color: rgba(0, 0, 0, 0.05);
}

[data-theme='light'] .sourceLink_T5sn {
  color: #666;
}

[data-theme='light'] .sourceLink_T5sn:hover {
  color: #8B5E1F;
}

[data-theme='light'] .copyBtn_TjDO {
  border-color: rgba(200, 148, 70, 0.3);
  color: #8B5E1F;
}

[data-theme='light'] .copyBtn_TjDO:hover {
  background-color: rgba(200, 148, 70, 0.1);
  border-color: rgba(200, 148, 70, 0.5);
}

/* Responsive styles */
@media (max-width: 640px) {
  .codeResult_sknc {
    padding: 10px 12px;
  }

  .header_p6j1 {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .titleRow_twAu {
    width: 100%;
  }

  .meta_h1kt {
    width: 100%;
  }

  .title_SZWW {
    font-size: 13px;
  }

  .codePre_TKDr {
    font-size: 11px !important;
  }

  .lineNumber_X24J {
    width: 32px;
    min-width: 32px;
    padding-right: 8px;
    font-size: 10px;
  }

  .codeLine_tMb6 {
    padding: 0 8px;
  }
}

.imageResult_HpP_ {
  display: flex;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 8px;
  cursor: pointer;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
  border: 1px solid transparent;
  background-color: rgba(255, 255, 255, 0.02);
  position: relative;
}

.imageResult_HpP_:hover {
  background-color: rgba(232, 176, 88, 0.08);
  border-color: rgba(232, 176, 88, 0.2);
  transform: translateX(4px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.imageResult_HpP_:hover .hoverIndicator_nLzZ {
  opacity: 1;
  transform: translateX(0);
}

.active_NYly {
  background-color: rgba(232, 176, 88, 0.12);
  border-color: rgba(232, 176, 88, 0.35);
  box-shadow: 0 2px 12px rgba(232, 176, 88, 0.15);
}

.thumbnail_lT3_ {
  flex-shrink: 0;
  width: 80px;
  height: 60px;
  border-radius: 6px;
  overflow: hidden;
  background-color: #1a1a1a;
  border: 1px solid rgba(255, 255, 255, 0.05);
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.imageResult_HpP_:hover .thumbnail_lT3_ {
  border-color: rgba(232, 176, 88, 0.3);
  transform: scale(1.02);
}

.thumbnailWrapper_w7S6 {
  position: relative;
  width: 100%;
  height: 100%;
}

.thumbnailImg_z3En {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.thumbnailImg_z3En.loaded_ulQ3 {
  opacity: 1;
}

.thumbnailOverlay_sXvt {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(2px);
  color: #e8b058;
}

.spinner_U3TD {
  animation: spin_zxym 1s linear infinite;
}

@keyframes spin_zxym {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.placeholder_avbG {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #555;
  background-color: #0d0d0d;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.imageResult_HpP_:hover .placeholder_avbG {
  color: #888;
  background-color: #151515;
}

.info_GXt_ {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.alt_UsfI {
  font-size: 14px;
  font-weight: 500;
  color: #f5f5f5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.2s ease;
}

.imageResult_HpP_:hover .alt_UsfI {
  color: #fff;
}

.caption_j0h8 {
  font-size: 12px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.2s ease;
}

.imageResult_HpP_:hover .caption_j0h8 {
  color: #bbb;
}

.excerpt_nA_5 {
  font-size: 12px;
  color: #777;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.2s ease;
}

.imageResult_HpP_:hover .excerpt_nA_5 {
  color: #999;
}

.highlight_LsPD {
  background-color: rgba(232, 176, 88, 0.35);
  color: #fff;
  border-radius: 2px;
  padding: 0 2px;
  font-weight: 500;
}

.source_IXYr {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  color: #666;
  margin-top: auto;
  transition: color 0.2s ease;
}

.imageResult_HpP_:hover .source_IXYr {
  color: #888;
}

.sourceTitle_KQ6C {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hoverIndicator_nLzZ {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%) translateX(-8px);
  opacity: 0;
  color: #e8b058;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

/* Light theme overrides */
[data-theme='light'] .imageResult_HpP_ {
  background-color: rgba(200, 148, 70, 0.02);
  border-color: transparent;
}

[data-theme='light'] .imageResult_HpP_:hover {
  background-color: rgba(200, 148, 70, 0.08);
  border-color: rgba(200, 148, 70, 0.25);
  box-shadow: 0 2px 8px rgba(200, 148, 70, 0.1);
}

[data-theme='light'] .active_NYly {
  background-color: rgba(200, 148, 70, 0.12);
  border-color: rgba(200, 148, 70, 0.4);
  box-shadow: 0 2px 12px rgba(200, 148, 70, 0.15);
}

[data-theme='light'] .thumbnail_lT3_ {
  background-color: #f5f5f5;
  border-color: rgba(200, 148, 70, 0.1);
}

[data-theme='light'] .thumbnailOverlay_sXvt {
  background-color: rgba(255, 255, 255, 0.7);
  color: #c89446;
}

[data-theme='light'] .placeholder_avbG {
  background-color: #eee;
  color: #999;
}

[data-theme='light'] .imageResult_HpP_:hover .placeholder_avbG {
  color: #777;
  background-color: #e5e5e5;
}

[data-theme='light'] .alt_UsfI {
  color: #333;
}

[data-theme='light'] .imageResult_HpP_:hover .alt_UsfI {
  color: #222;
}

[data-theme='light'] .caption_j0h8 {
  color: #666;
}

[data-theme='light'] .imageResult_HpP_:hover .caption_j0h8 {
  color: #555;
}

[data-theme='light'] .excerpt_nA_5 {
  color: #777;
}

[data-theme='light'] .imageResult_HpP_:hover .excerpt_nA_5 {
  color: #666;
}

[data-theme='light'] .highlight_LsPD {
  background-color: rgba(200, 148, 70, 0.35);
  color: #333;
}

[data-theme='light'] .source_IXYr {
  color: #888;
}

[data-theme='light'] .imageResult_HpP_:hover .source_IXYr {
  color: #777;
}

[data-theme='light'] .hoverIndicator_nLzZ {
  color: #c89446;
}

/* Responsive styles */
@media (max-width: 640px) {
  .imageResult_HpP_ {
    padding: 10px 12px;
    gap: 10px;
  }

  .thumbnail_lT3_ {
    width: 64px;
    height: 48px;
  }

  .alt_UsfI {
    font-size: 13px;
  }

  .caption_j0h8 {
    font-size: 11px;
  }

  .excerpt_nA_5 {
    font-size: 11px;
  }

  .source_IXYr {
    font-size: 10px;
  }

  .hoverIndicator_nLzZ {
    display: none;
  }

  .imageResult_HpP_:hover {
    transform: none;
  }
}

.container_K0xc {
  display: flex;
  gap: 12px;
  padding: 12px 16px;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.04);
  background: rgba(255, 255, 255, 0.02);
  transition: all 0.15s ease;
  cursor: pointer;
}

.container_K0xc:hover {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(200, 148, 70, 0.15);
}

.highlighted_P7L1 {
  background: rgba(200, 148, 70, 0.08);
  border-color: rgba(200, 148, 70, 0.2);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.thumbnailWrapper_EVdF {
  position: relative;
  width: 120px;
  height: 68px;
  flex-shrink: 0;
  border-radius: 6px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.3);
}

.thumbnail_gW4g {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.thumbnailPlaceholder_j61W {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #444;
}

.playOverlay_pdJE {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(232, 176, 88, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  opacity: 0.9;
  transition: all 0.15s ease;
}

.container_K0xc:hover .playOverlay_pdJE {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}

.timestamp_iGNt {
  position: absolute;
  bottom: 4px;
  right: 4px;
  padding: 2px 6px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  font-size: 10px;
  font-weight: 600;
  color: #fff;
}

.content_hCeG {
  flex: 1;
  min-width: 0;
}

.header_pvOg {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 4px;
}

.typeIcon_cC6j {
  color: #E8B058;
}

.typeLabel_Vcos {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #E8B058;
}

.title_U4jL {
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 500;
  color: #d4d4d4;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.highlighted_P7L1 .title_U4jL {
  color: #f0f0f0;
}

.transcript_lo0e {
  margin: 0 0 8px;
  font-size: 12px;
  color: #666;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.highlighted_P7L1 .transcript_lo0e {
  color: #777;
}

.highlight_fOFR {
  background: rgba(200, 148, 70, 0.25);
  color: #E8B058;
  border-radius: 2px;
  padding: 0 2px;
  font-weight: 500;
}

.meta_nIgg {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  color: #555;
}

.meta_nIgg svg {
  color: #E8B058;
  opacity: 0.7;
}

[data-theme='light'] .container_K0xc {
  background: rgba(200, 148, 70, 0.02);
  border-color: rgba(200, 148, 70, 0.06);
}

[data-theme='light'] .container_K0xc:hover {
  background: rgba(200, 148, 70, 0.06);
  border-color: rgba(200, 148, 70, 0.15);
}

[data-theme='light'] .highlighted_P7L1 {
  background: rgba(200, 148, 70, 0.1);
  border-color: rgba(200, 148, 70, 0.25);
}

[data-theme='light'] .thumbnailPlaceholder_j61W {
  background: rgba(200, 148, 70, 0.1);
  color: #8B5E1F;
}

[data-theme='light'] .title_U4jL {
  color: #1a1a1a;
}

[data-theme='light'] .highlighted_P7L1 .title_U4jL {
  color: #000;
}

[data-theme='light'] .transcript_lo0e {
  color: #666;
}

[data-theme='light'] .highlight_fOFR {
  background: rgba(200, 148, 70, 0.18);
  color: #8B5E1F;
}

[data-theme='light'] .meta_nIgg {
  color: #777;
}

.errorResult_aMsf {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 8px;
  cursor: pointer;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  transition: background-color 0.15s ease, border-color 0.15s ease;
  border: 1px solid transparent;
  background-color: rgba(255, 255, 255, 0.02);
}

.errorResult_aMsf:hover {
  background-color: rgba(239, 68, 68, 0.05);
  border-color: rgba(239, 68, 68, 0.15);
}

.active_VcPV {
  background-color: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}

.header_XdM8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.titleRow_FW4t {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1;
}

.severityIcon_xuZb {
  flex-shrink: 0;
}

.severityError_GlMx {
  color: #ef4444;
}

.severityWarning_WFry {
  color: #f59e0b;
}

.severityInfo_u0Rh {
  color: #3b82f6;
}

.title_xgf4 {
  font-size: 14px;
  font-weight: 500;
  color: #f5f5f5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.errorCode_ZUf9 {
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;
  flex-shrink: 0;
}

.errorCode_ZUf9.severityError_GlMx {
  background-color: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}

.errorCode_ZUf9.severityWarning_WFry {
  background-color: rgba(245, 158, 11, 0.15);
  color: #f59e0b;
}

.errorCode_ZUf9.severityInfo_u0Rh {
  background-color: rgba(59, 130, 246, 0.15);
  color: #3b82f6;
}

.highlight_qdxx {
  background-color: rgba(239, 68, 68, 0.3);
  color: #fff;
  border-radius: 2px;
  padding: 0 2px;
}

.message_Vgka {
  font-size: 13px;
  color: #aaa;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.pattern_uInt {
  background-color: #0d0d0d;
  border-radius: 4px;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.pattern_uInt code {
  font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;
  font-size: 12px;
  color: #ef4444;
}

.footer_slst {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 4px;
}

.solutionHint_ZK5f {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  color: #22c55e;
}

.wrenchIcon_l2vv {
  color: #22c55e;
}

.source_hSnC {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  color: #666;
}

.sourceSection_flDM {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
}

/* Light theme overrides */
[data-theme='light'] .errorResult_aMsf {
  background-color: rgba(220, 53, 69, 0.02);
  border-color: transparent;
}

[data-theme='light'] .errorResult_aMsf:hover {
  background-color: rgba(220, 53, 69, 0.06);
  border-color: rgba(220, 53, 69, 0.15);
}

[data-theme='light'] .active_VcPV {
  background-color: rgba(220, 53, 69, 0.1);
  border-color: rgba(220, 53, 69, 0.3);
}

[data-theme='light'] .severityError_GlMx {
  color: #dc3545;
}

[data-theme='light'] .severityWarning_WFry {
  color: #d97706;
}

[data-theme='light'] .severityInfo_u0Rh {
  color: #2563eb;
}

[data-theme='light'] .title_xgf4 {
  color: #333;
}

[data-theme='light'] .errorCode_ZUf9.severityError_GlMx {
  background-color: rgba(220, 53, 69, 0.12);
  color: #dc3545;
}

[data-theme='light'] .errorCode_ZUf9.severityWarning_WFry {
  background-color: rgba(217, 119, 6, 0.12);
  color: #d97706;
}

[data-theme='light'] .errorCode_ZUf9.severityInfo_u0Rh {
  background-color: rgba(37, 99, 235, 0.12);
  color: #2563eb;
}

[data-theme='light'] .highlight_qdxx {
  background-color: rgba(220, 53, 69, 0.25);
  color: #333;
}

[data-theme='light'] .message_Vgka {
  color: #555;
}

[data-theme='light'] .pattern_uInt {
  background-color: #fafafa;
  border-color: rgba(220, 53, 69, 0.1);
}

[data-theme='light'] .pattern_uInt code {
  color: #dc3545;
}

[data-theme='light'] .solutionHint_ZK5f {
  color: #16a34a;
}

[data-theme='light'] .wrenchIcon_l2vv {
  color: #16a34a;
}

[data-theme='light'] .source_hSnC {
  color: #888;
}

/* Responsive styles */
@media (max-width: 640px) {
  .errorResult_aMsf {
    padding: 10px 12px;
    gap: 6px;
  }

  .header_XdM8 {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .titleRow_FW4t {
    width: 100%;
  }

  .errorCode_ZUf9 {
    align-self: flex-start;
  }

  .title_xgf4 {
    font-size: 13px;
  }

  .message_Vgka {
    font-size: 12px;
  }

  .pattern_uInt {
    padding: 6px 8px;
  }

  .pattern_uInt code {
    font-size: 11px;
  }

  .footer_slst {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .source_hSnC {
    width: 100%;
  }

  .sourceSection_flDM {
    max-width: none;
  }
}

.panel_u09X {
  border: 1px solid var(--ifm-color-emphasis-200);
  border-radius: 8px;
  margin-bottom: 12px;
  background: linear-gradient(135deg, rgba(232, 176, 88, 0.05) 0%, rgba(232, 176, 88, 0.02) 100%);
  overflow: hidden;
}

.header_pdX5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 14px;
  background: rgba(232, 176, 88, 0.08);
  border: none;
  cursor: pointer;
  transition: background 0.15s ease;
}

.header_pdX5:hover {
  background: rgba(232, 176, 88, 0.12);
}

.headerLeft_dsbN {
  display: flex;
  align-items: center;
  gap: 8px;
}

.sparkleIcon_Zn4y {
  color: #E8B058;
}

.headerTitle_ElMc {
  font-weight: 600;
  font-size: 13px;
  color: var(--ifm-color-emphasis-900);
}

.loadingDot_RcXb {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #E8B058;
  animation: pulse_dAYa 1.5s infinite;
}

@keyframes pulse_dAYa {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

.headerRight_HxKm {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--ifm-color-emphasis-600);
}

.copyBtn_MYmv {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--ifm-color-emphasis-600);
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.copyBtn_MYmv:hover {
  background: var(--ifm-color-emphasis-200);
  color: var(--ifm-color-emphasis-900);
}

.content_iZTv {
  padding: 14px;
}

.loading_suif {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--ifm-color-emphasis-700);
  font-size: 13px;
}

.spinner_sQ25 {
  width: 16px;
  height: 16px;
  border: 2px solid var(--ifm-color-emphasis-200);
  border-top-color: #E8B058;
  border-radius: 50%;
  animation: spin_bhLx 0.8s linear infinite;
}

@keyframes spin_bhLx {
  to { transform: rotate(360deg); }
}

.error_IB7D {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px;
  background: rgba(239, 68, 68, 0.08);
  border-radius: 6px;
  color: #dc2626;
  font-size: 13px;
}

.error_IB7D svg {
  flex-shrink: 0;
  margin-top: 2px;
}

.answer_Cl1L {
  font-size: 14px;
  line-height: 1.6;
  color: var(--ifm-color-emphasis-900);
}

.answer_Cl1L p {
  margin: 0 0 12px 0;
}

.answer_Cl1L p:last-child {
  margin-bottom: 0;
}

.citation_POis {
  color: #E8B058;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
}

.citation_POis:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.codeBlock_SJSf {
  background: var(--ifm-code-background);
  border-radius: 6px;
  padding: 12px;
  margin: 12px 0;
  overflow-x: auto;
  font-size: 13px;
}

.codeLang_D8qS {
  display: inline-block;
  padding: 2px 6px;
  margin-bottom: 8px;
  background: var(--ifm-color-emphasis-200);
  border-radius: 3px;
  font-size: 11px;
  font-weight: 500;
  color: var(--ifm-color-emphasis-700);
}

.codeBlock_SJSf code {
  font-family: var(--ifm-font-family-monospace);
  white-space: pre;
}

.inlineCode_YMSM {
  background: var(--ifm-code-background);
  padding: 2px 5px;
  border-radius: 3px;
  font-family: var(--ifm-font-family-monospace);
  font-size: 13px;
}

.sources_DHm4 {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--ifm-color-emphasis-200);
}

.sourcesLabel_Q1py {
  display: block;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--ifm-color-emphasis-600);
  margin-bottom: 8px;
}

.sourcesList_wNuY {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.sourceLink_kOXr {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  background: var(--ifm-color-emphasis-100);
  border-radius: 4px;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--ifm-color-emphasis-800);
  font-size: 12px;
  transition: all 0.15s ease;
}

.sourceLink_kOXr:hover {
  background: var(--ifm-color-emphasis-200);
}

.sourceNumber_BGz1 {
  color: #E8B058;
  font-weight: 600;
}

.sourceTitle_HPDO {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sourceLink_kOXr svg {
  flex-shrink: 0;
  color: var(--ifm-color-emphasis-500);
}

.empty_PaVZ {
  text-align: center;
  color: var(--ifm-color-emphasis-500);
  font-size: 13px;
  padding: 12px;
}

[data-theme='dark'] .panel_u09X {
  border-color: var(--ifm-color-emphasis-200);
  background: linear-gradient(135deg, rgba(232, 176, 88, 0.08) 0%, rgba(232, 176, 88, 0.02) 100%);
}

[data-theme='dark'] .header_pdX5 {
  background: rgba(232, 176, 88, 0.1);
}

[data-theme='dark'] .header_pdX5:hover {
  background: rgba(232, 176, 88, 0.15);
}

[data-theme='dark'] .error_IB7D {
  background: rgba(239, 68, 68, 0.12);
}

/* Background Pattern Container */
.container_f17H {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}

/* Base Background - adapts to theme */
.baseBackground_TZDQ {
  position: absolute;
  inset: 0;
  background-color: var(--ifm-background-color);
  transition: background-color 0.3s ease;
}

/* SVG Pattern */
.pattern_mFPO {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 1;
}

/* Circle stroke colors - theme aware */
.circles_IYbe {
  color: rgba(200, 148, 70, 0.35); /* Gold tint for dark mode - visible */
  transition: color 0.3s ease;
}

/* Light mode adjustments */
[data-theme='light'] .circles_IYbe {
  color: rgba(150, 120, 80, 0.25); /* Subtle brown/gold for light mode */
}

/* Particle dots */
.particles_z4R5 {
  position: absolute;
  inset: 0;
}

.particle_O0k8 {
  position: absolute;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: rgba(200, 148, 70, 0.4);
  animation: twinkle_KGAZ 4s ease-in-out infinite;
}

[data-theme='light'] .particle_O0k8 {
  background: rgba(150, 120, 80, 0.3);
}

@keyframes twinkle_KGAZ {
  0%, 100% {
    opacity: 0.2;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.2);
  }
}

/* Vignette overlay for depth */
.vignette_aK1o {
  position: absolute;
  inset: 0;
  background: 
    radial-gradient(
      ellipse 80% 60% at 100% 0%,
      transparent 0%,
      transparent 40%,
      rgba(0, 0, 0, 0.1) 100%
    ),
    linear-gradient(
      to bottom,
      transparent 0%,
      transparent 60%,
      rgba(0, 0, 0, 0.15) 100%
    );
  pointer-events: none;
}

[data-theme='light'] .vignette_aK1o {
  background: 
    radial-gradient(
      ellipse 80% 60% at 100% 0%,
      transparent 0%,
      transparent 40%,
      rgba(255, 255, 255, 0.3) 100%
    ),
    linear-gradient(
      to bottom,
      transparent 0%,
      transparent 60%,
      rgba(255, 255, 255, 0.5) 100%
    );
}


/**
 * NXGEN Footer Component
 * Matches the premium dark theme with gold accents
 */

.footer_YChP {
  background: linear-gradient(
    180deg,
    var(--nxgen-dark-200, #121212) 0%,
    var(--nxgen-dark-100, #0A0A0A) 100%
  );
  border-top: 1px solid var(--ifm-color-emphasis-200);
  position: relative;
  margin-top: auto;
  width: 100%;
}

/* Decorative gold top border */
.topBorder_HPlf {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--nxgen-gold, #C89446) 20%,
    var(--nxgen-gold-light, #D4A574) 50%,
    var(--nxgen-gold, #C89446) 80%,
    transparent 100%
  );
  opacity: 0.6;
  box-shadow: 0 0 20px rgba(200, 148, 70, 0.3);
}

.container_S6n7 {
  max-width: 1400px;
  margin: 0 auto;
  padding: 4rem 2rem 2rem;
}

/* Main Content Grid */
.content__vvD {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 3rem;
  margin-bottom: 3rem;
  color: var(--ifm-font-color-base);
}

@media (max-width: 996px) {
  .content__vvD {
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
  }
}

@media (max-width: 768px) {
  .content__vvD {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

/* Brand Section */
.brandSection_sxe7 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.logoWrapper_o0sK {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}

.logo_CTF5 {
  height: 40px;
  width: auto;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.logo_CTF5:hover {
  transform: scale(1.05);
  filter: brightness(1.2);
}

.brandName_tjTv {
  font-size: 1.75rem;
  font-weight: 700;
  background: linear-gradient(
    135deg,
    var(--nxgen-gold, #C89446),
    var(--nxgen-gold-light, #D4A574)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0;
}

.hidden_kbPh {
  display: none;
}

.tagline_ueP9 {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--nxgen-gold, #C89446);
  margin: 0;
  letter-spacing: 0.5px;
}

.description_fQpc {
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--nxgen-gray-400, #AAAAAA);
  margin: 0;
  max-width: 350px;
}

/* Social Links */
.socialLinks_pRaw {
  display: flex;
  gap: 0.75rem;
  margin-top: 0.5rem;
}

.socialLink_oduo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: var(--nxgen-dark-300, #1A1A1A);
  border: 1px solid var(--ifm-color-emphasis-200);
  color: var(--nxgen-gray-300, #CCCCCC);
  transition: all 0.3s ease;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.socialLink_oduo:hover {
  background: var(--nxgen-gold, #C89446);
  border-color: var(--nxgen-gold, #C89446);
  color: var(--nxgen-black, #000000);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(200, 148, 70, 0.3);
}

.socialIcon_mYzS {
  width: 18px;
  height: 18px;
}

/* Links Sections */
.linksSection_BUmY {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.sectionTitle_RvYs {
  font-weight: 700;
  color: var(--ifm-font-color-base);
  margin: 0 0 0.5rem 0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-size: 0.85rem;
  position: relative;
  padding-bottom: 0.5rem;
}

.sectionTitle_RvYs::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 2px;
  background: var(--nxgen-gold, #C89446);
  border-radius: 2px;
}

.linksList_ZZr4 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.footerLink_ueC5 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: var(--nxgen-gray-400, #AAAAAA);
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all 0.2s ease;
  position: relative;
  width: fit-content;
}

.footerLink_ueC5:hover {
  color: var(--nxgen-gold, #C89446);
  transform: translateX(4px);
}

.footerLink_ueC5::before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--nxgen-gold, #C89446);
  transition: width 0.3s ease;
}

.footerLink_ueC5:hover::before {
  width: 100%;
}

.linkIcon_GPVH {
  font-size: 0.85rem;
}

.externalIcon__kto {
  width: 14px;
  height: 14px;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}

.footerLink_ueC5:hover .externalIcon__kto {
  opacity: 1;
}

/* Bottom Bar */
.bottomBar_k2cC {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 2rem;
  border-top: 1px solid var(--ifm-color-emphasis-200);
  font-size: 0.85rem;
  color: var(--nxgen-gray-500, #888888);
  flex-wrap: wrap;
  gap: 1rem;
}

@media (max-width: 768px) {
  .bottomBar_k2cC {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
}

.copyright_Lbkx {
  display: flex;
  align-items: center;
}

.builtWith_Jgw0 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.heartIcon_Ak7z {
  width: 14px;
  height: 14px;
  color: #ef4444;
  animation: heartbeat_XFYb 1.5s ease-in-out infinite;
}

@keyframes heartbeat_XFYb {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}

.docusaurusLink_fA9y {
  color: var(--nxgen-gold, #C89446);
  -webkit-text-decoration: none;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.2s ease;
}

.docusaurusLink_fA9y:hover {
  color: var(--nxgen-gold-light, #D4A574);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

/* Dark mode specific adjustments */
[data-theme='dark'] .footer_YChP {
  background: linear-gradient(
    180deg,
    var(--nxgen-dark-200, #121212) 0%,
    var(--nxgen-dark-100, #0A0A0A) 100%
  );
}

[data-theme='dark'] .topBorder_HPlf {
  opacity: 0.8;
}

/* Light mode adjustments */
[data-theme='light'] .footer_YChP {
  background: linear-gradient(
    180deg,
    #f8f9fa 0%,
    #e9ecef 100%
  );
  border-top-color: #dee2e6;
}

[data-theme='light'] .topBorder_HPlf {
  opacity: 0.4;
}

[data-theme='light'] .socialLink_oduo {
  background: #ffffff;
  border-color: #dee2e6;
  color: #495057;
}

[data-theme='light'] .socialLink_oduo:hover {
  color: #000000;
}

[data-theme='light'] .sectionTitle_RvYs {
  color: #212529;
}

[data-theme='light'] .footerLink_ueC5 {
  color: #6c757d;
}

[data-theme='light'] .footerLink_ueC5:hover {
  color: var(--nxgen-gold-accessible, #996B1F);
}

[data-theme='light'] .bottomBar_k2cC {
  border-top-color: #dee2e6;
  color: #6c757d;
}

[data-theme='light'] .docusaurusLink_fA9y {
  color: var(--nxgen-gold-accessible, #996B1F);
}

[data-theme='light'] .docusaurusLink_fA9y:hover {
  color: var(--nxgen-gold-accessible-hover, #7A5518);
}


/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

#__docusaurus-base-url-issue-banner-container {
  display: none;
}

/* ============================================
   PREMIUM SIDEBAR - ENHANCED DESIGN
   High-End, Dynamic, Modern Aesthetic
   ============================================ */

/* Main Container */
.sidebarWrapper_yrAZ {
  display: flex;
  flex-direction: column;
  height: 100vh;
  position: sticky;
  top: 0;
  background: var(--ifm-background-surface-color);
  border-right: 1px solid var(--ifm-color-emphasis-200);
  width: var(--ifm-sidebar-width);
  overflow: hidden;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.sidebarWrapper_yrAZ.filtering_QhUZ {
  opacity: 0.7;
}

.sidebarWrapper_yrAZ.success_zUi6 {
  animation: successPulse_WjOi 0.5s ease;
}

@keyframes successPulse_WjOi {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.01); }
}

/* ============================================
   HEADER SECTION
   ============================================ */

.sidebarHeader_td2D {
  flex-shrink: 0;
  padding: 2rem 1.5rem 1.5rem;
  border-bottom: 1px solid var(--ifm-color-emphasis-200);
  background: var(--ifm-background-surface-color);
  position: relative;
}

.logoSection_k_6U {
  margin-bottom: 1.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.logoLink_RV4e {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: transform 0.2s ease;
}

.logoLink_RV4e:hover {
  transform: translateY(-1px);
}

.logoContainer_ZcjN {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo_BO9d {
  max-width: 120px;
  height: auto;
  max-height: 56px;
  object-fit: contain;
  display: block;
  transition: transform 0.2s ease;
}

.logoLink_RV4e:hover .logo_BO9d {
  transform: scale(1.03);
}

.brandText_lLax {
  display: flex;
  align-items: baseline;
  gap: 0.375rem;
  margin-top: 0.125rem;
}

.brandBy_Qm7k {
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--ifm-color-content-secondary);
  font-family: var(--ifm-font-family-base);
}

.brandName_bUko {
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ifm-color-primary);
  /* Golden Amber from CSS variables */
  font-family: var(--ifm-font-family-base);
}

/* Loading & Success Indicators */
.loadingIndicator_oXNU {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.5rem;
  font-size: 0.75rem;
  color: var(--ifm-color-content-secondary);
  animation: fadeIn_KSMk 0.3s ease;
}

.loadingSpinner_Ead3 {
  width: 14px;
  height: 14px;
  border: 2px solid var(--ifm-color-emphasis-300);
  border-top-color: var(--ifm-color-primary);
  border-radius: 50%;
  animation: spin_qRlY 0.8s linear infinite;
}

.successIndicator_xlWi {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.5rem;
  font-size: 0.75rem;
  color: var(--ifm-color-primary);
  animation: fadeIn_KSMk 0.3s ease, slideUp_dVX0 0.3s ease;
}

@keyframes spin_qRlY {
  to { transform: rotate(360deg); }
}

@keyframes fadeIn_KSMk {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes slideUp_dVX0 {
  from { transform: translateY(4px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

/* ============================================
   NAVIGATION MENU
   ============================================ */

.sidebarNav_Xgqn {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1rem 0;
  scroll-behavior: smooth;
}

.sidebarNav_Xgqn::-webkit-scrollbar {
  width: 6px;
}

.sidebarNav_Xgqn::-webkit-scrollbar-track {
  background: transparent;
}

.sidebarNav_Xgqn::-webkit-scrollbar-thumb {
  background: var(--ifm-color-emphasis-300);
  border-radius: 3px;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}

.sidebarNav_Xgqn::-webkit-scrollbar-thumb:hover {
  background: var(--ifm-color-emphasis-400);
}

.menuList_TQJF {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0 1rem;
}

/* Visual Hierarchy - Alternating Backgrounds */
.menuCategory_cb6A:nth-child(even) {
  background: transparent;
}

.menuCategory_cb6A:nth-child(odd) {
  background: rgba(0, 0, 0, 0.01);
  border-radius: 8px;
  padding: 0.25rem 0;
}

[data-theme='dark'] .menuCategory_cb6A:nth-child(odd) {
  background: rgba(255, 255, 255, 0.01);
}

/* Menu Category (Parent Items) */
.menuCategory_cb6A {
  margin: 0.25rem 0;
  position: relative;
  animation: fadeInStagger_khTj 0.4s ease both;
  animation-delay: var(--stagger-delay, 0ms);
}

@keyframes fadeInStagger_khTj {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.menuCategory_cb6A.animating__EdB {
  animation: bounceExpand_TpMi 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes bounceExpand_TpMi {
  0% { transform: scale(1); }
  50% { transform: scale(1.02); }
  100% { transform: scale(1); }
}

.menuCategoryButton_GPr6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem 1rem;
  background: transparent;
  border: none;
  border-radius: 10px;
  color: var(--ifm-color-content);
  font-size: 0.875rem;
  font-weight: 600;
  font-family: var(--ifm-font-family-base);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-align: left;
  position: relative;
  overflow: hidden;
}

.menuCategoryButton_GPr6::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, 
    rgba(232, 176, 88, 0.1) 0%,
    rgba(212, 160, 71, 0.05) 100%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 10px;
}

.menuCategoryButton_GPr6:hover {
  background: var(--ifm-color-emphasis-100);
  color: var(--ifm-color-primary);
  transform: translateX(2px);
}

.menuCategoryButton_GPr6:hover::before {
  opacity: 1;
}

/* Active Category - Premium Highlight */
.menuCategoryButton_GPr6.hasActive_Ev4K {
  background: color-mix(in srgb, var(--ifm-color-primary) 8%, transparent);
  border-left: 3px solid var(--ifm-color-primary);
  color: var(--ifm-color-primary);
  position: relative;
  padding-left: calc(1rem - 3px);
}

.menuCategoryButton_GPr6.hasActive_Ev4K::before {
  opacity: 0;
}

.menuCategoryLabel_meMu {
  flex: 1;
  position: relative;
  z-index: 1;
}

.menuCategoryIcon_mAu_ {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  color: currentColor;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: rotate(90deg);
  position: relative;
  z-index: 1;
}

.menuCategoryButton_GPr6.collapsed_KUVX .menuCategoryIcon_mAu_ {
  transform: rotate(0deg);
}

.menuCategoryChildren_vD5X {
  margin-top: 0.5rem;
  margin-left: 0.75rem;
  padding-left: 0.75rem;
  border-left: 2px solid var(--ifm-color-emphasis-200);
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1),
              opacity 0.3s ease,
              margin-top 0.3s ease;
}

.menuCategoryChildren_vD5X.expanded_evag {
  max-height: 5000px;
  opacity: 1;
  margin-top: 0.5rem;
}

.menuCategoryChildren_vD5X.collapsed_KUVX {
  max-height: 0;
  opacity: 0;
  margin-top: 0;
}

/* Menu Links */
.menuLinkWrapper_NphA {
  position: relative;
  animation: fadeInStagger_khTj 0.3s ease both;
  animation-delay: var(--stagger-delay, 0ms);
}

.menuLink_aDfi {
  display: block;
  padding: 0.625rem 1rem;
  color: var(--ifm-color-content-secondary);
  font-size: 0.875rem;
  font-weight: 400;
  font-family: var(--ifm-font-family-base);
  -webkit-text-decoration: none;
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.menuLink_aDfi::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg,
    rgba(232, 176, 88, 0.1) 0%,
    rgba(212, 160, 71, 0.05) 100%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 8px;
}

.menuLink_aDfi:hover {
  background: var(--ifm-color-emphasis-100);
  color: var(--ifm-color-primary);
  -webkit-text-decoration: none;
  text-decoration: none;
  transform: translateX(4px);
}

.menuLink_aDfi:hover::before {
  opacity: 1;
}

/* Active Link - Premium Highlight */
.menuLinkActive_yvUR {
  background: color-mix(in srgb, var(--ifm-color-primary) 10%, transparent) !important;
  color: var(--ifm-color-primary) !important;
  font-weight: 600 !important;
  border-left: 3px solid var(--ifm-color-primary);
  padding-left: calc(1rem - 3px);
  position: relative;
}

.menuLinkActive_yvUR::after {
  content: '';
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background: var(--ifm-color-primary);
  border-radius: 50%;
}

.menuLinkActive_yvUR::before {
  opacity: 0;
}

.menuLinkNested_npB1 {
  font-size: 0.8125rem;
  padding: 0.5rem 0.875rem;
  color: var(--ifm-color-content-secondary);
}

.menuLinkNested_npB1:hover {
  background: color-mix(in srgb, var(--ifm-color-primary) 8%, transparent);
  color: var(--ifm-color-content);
}

.menuLinkNested_npB1.menuLinkActive_yvUR {
  background: color-mix(in srgb, var(--ifm-color-primary) 10%, transparent) !important;
  color: var(--ifm-color-primary) !important;
}

/* ============================================
   RIPPLE EFFECT
   ============================================ */

.ripple_Kydm {
  position: absolute;
  border-radius: 50%;
  background: color-mix(in srgb, var(--ifm-color-primary) 40%, transparent);
  transform: scale(0);
  animation: rippleAnimation_ZbiT 0.6s ease-out;
  pointer-events: none;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
}

@keyframes rippleAnimation_ZbiT {
  to {
    transform: scale(4);
    opacity: 0;
  }
}

/* ============================================
   CONTEXT MENU
   ============================================ */

.contextMenu_kPlB {
  position: fixed;
  background: var(--ifm-background-surface-color);
  border: 1px solid var(--ifm-color-emphasis-200);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  padding: 0.25rem;
  z-index: 1000;
  min-width: 200px;
  animation: contextMenuFadeIn_rJ_w 0.2s ease;
}

@keyframes contextMenuFadeIn_rJ_w {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(-4px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.contextMenuItem_DEY6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.625rem 0.875rem;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: var(--ifm-color-content);
  font-size: 0.875rem;
  font-family: var(--ifm-font-family-base);
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
}

.contextMenuItem_DEY6:hover {
  background: var(--ifm-color-emphasis-100);
  color: var(--ifm-color-primary);
}

.contextMenuShortcut_BxId {
  font-size: 0.75rem;
  color: var(--ifm-color-content-secondary);
  margin-left: 1rem;
}

/* ============================================
   LOADING SKELETON
   ============================================ */

.skeletonContainer_SCqq {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.skeletonItem_kbpU {
  padding: 0.5rem 0;
}

.skeletonLine_u3vW {
  height: 12px;
  background: linear-gradient(90deg,
    var(--ifm-color-emphasis-200) 0%,
    var(--ifm-color-emphasis-100) 50%,
    var(--ifm-color-emphasis-200) 100%
  );
  background-size: 200% 100%;
  border-radius: 6px;
  animation: skeletonShimmer_qOeP 1.5s ease-in-out infinite;
}

@keyframes skeletonShimmer_qOeP {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */

@media (max-width: 996px) {
  .sidebarWrapper_yrAZ {
    position: relative;
    height: auto;
    width: 100%;
  }

  .sidebarHeader_td2D {
    padding: 1.5rem 1rem 1rem;
  }

  .logo_BO9d {
    max-width: 100px;
    max-height: 48px;
  }
}

/* ============================================
   REDUCED MOTION
   ============================================ */

@media (prefers-reduced-motion: reduce) {
  .logoLink_RV4e,
  .logo_BO9d,
  .menuCategoryButton_GPr6,
  .menuLink_aDfi,
  .menuCategoryIcon_mAu_,
  .menuCategoryChildren_vD5X {
    transition: none !important;
    animation: none !important;
  }
  
  .ripple_Kydm {
    animation: none !important;
  }

  .sidebarNav_Xgqn {
    scroll-behavior: auto;
  }
}

/* ============================================
   VIRTUAL SCROLLING OPTIMIZATION
   ============================================ */

.menuList_TQJF {
  contain: layout style paint;
  will-change: transform;
}

.menuCategory_cb6A,
.menuLinkWrapper_NphA {
  contain: layout style;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.skipToContent_fXgn {
  position: fixed;
  top: 1rem;
  left: 100%;
  z-index: calc(var(--ifm-z-index-fixed) + 1);
  padding: calc(var(--ifm-global-spacing) / 2) var(--ifm-global-spacing);
  color: var(--ifm-color-emphasis-900);
  background-color: var(--ifm-background-surface-color);
}

.skipToContent_fXgn:focus {
  left: 1rem;
  box-shadow: var(--ifm-global-shadow-md);
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.closeButton_CVFx {
  padding: 0;
  line-height: 0;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.content_knG7 {
  font-size: 85%;
  text-align: center;
  padding: 5px 0;
}

.content_knG7 a {
  color: inherit;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

:root {
  --docusaurus-announcement-bar-height: auto;
}

.announcementBar_mb4j {
  display: flex;
  align-items: center;
  height: var(--docusaurus-announcement-bar-height);
  background-color: var(--ifm-color-white);
  color: var(--ifm-color-black);

  /*
  Unfortunately we can't make announcement bar render above the navbar
  IE need to use border-bottom instead of shadow
  See https://github.com/facebookincubator/infima/issues/275

  box-shadow: var(--ifm-global-shadow-lw);
  z-index: calc(var(--ifm-z-index-fixed) + 1);
  */
  border-bottom: 1px solid var(--ifm-color-emphasis-100);
}

html[data-announcement-bar-initially-dismissed='true'] .announcementBar_mb4j {
  display: none;
}

.announcementBarPlaceholder_vyr4 {
  flex: 0 0 10px;
}

.announcementBarClose_gvF7 {
  flex: 0 0 30px;
  align-self: stretch;
}

.announcementBarContent_xLdY {
  flex: 1 1 auto;
}

@media print {
  .announcementBar_mb4j {
    display: none;
  }
}

@media (min-width: 997px) {
  :root {
    --docusaurus-announcement-bar-height: 30px;
  }

  .announcementBarPlaceholder_vyr4,
  .announcementBarClose_gvF7 {
    flex-basis: 50px;
  }
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.toggle_vylO {
  width: 2rem;
  height: 2rem;
}

.toggleButton_gllP {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: background var(--ifm-transition-fast);
}

.toggleButton_gllP:hover {
  background: var(--ifm-color-emphasis-200);
}

.toggleIcon_g3eP {
  display: none;
}

[data-theme-choice='system'] .systemToggleIcon_QzmC,
[data-theme-choice='light'] .lightToggleIcon_pyhR,
[data-theme-choice='dark'] .darkToggleIcon_wfgR {
  display: initial;
}

.toggleButtonDisabled_aARS {
  cursor: not-allowed;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.darkNavbarColorModeToggle_X3D1:hover {
  background: var(--ifm-color-gray-800);
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.themedComponent_mlkZ {
  display: none;
}

[data-theme='light'] .themedComponent--light_NVdE {
  display: initial;
}

[data-theme='dark'] .themedComponent--dark_xIcU {
  display: initial;
}

/*
JS disabled??? Show light version by default => better than showing nothing
TODO bad, but we currently always show light mode when there's no data-theme
 */
html:not([data-theme]) .themedComponent--light_NVdE {
  display: initial;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.iconExternalLink_nPIU {
  margin-left: 0.3rem;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.menuExternalLink_NmtK {
  align-items: center;
}

.linkLabel_WmDU {
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.categoryLink_byQd {
  overflow: hidden;
}

/*
TODO merge this logic back in Infima?
 */
.menu__link--sublist-caret::after {
  margin-left: var(--ifm-menu-link-padding-vertical);
}

.categoryLinkLabel_W154 {
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

@media (min-width: 997px) {
  .menuHtmlItem_M9Kj {
    padding: var(--ifm-menu-link-padding-vertical)
      var(--ifm-menu-link-padding-horizontal);
  }
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

@media (min-width: 997px) {
  .expandButton_TmdG {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color var(--ifm-transition-fast) ease;
    background-color: var(--docusaurus-collapse-button-bg);
  }

  .expandButton_TmdG:hover,
  .expandButton_TmdG:focus {
    background-color: var(--docusaurus-collapse-button-bg-hover);
  }

  .expandButtonIcon_i1dp {
    transform: rotate(0);
  }

  [dir='rtl'] .expandButtonIcon_i1dp {
    transform: rotate(180deg);
  }
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

:root {
  --doc-sidebar-width: 300px;
  --doc-sidebar-hidden-width: 30px;
}

.docSidebarContainer_YfHR {
  display: none;
}

@media (min-width: 997px) {
  .docSidebarContainer_YfHR {
    display: block;
    width: var(--doc-sidebar-width);
    margin-top: calc(-1 * var(--ifm-navbar-height));
    border-right: 1px solid var(--ifm-toc-border-color);
    will-change: width;
    transition: width var(--ifm-transition-fast) ease;
    clip-path: inset(0);
  }

  .docSidebarContainerHidden_DPk8 {
    width: var(--doc-sidebar-hidden-width);
    cursor: pointer;
  }

  .sidebarViewport_aRkj {
    top: 0;
    position: sticky;
    height: 100%;
    max-height: 100vh;
  }
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.docMainContainer_TBSr {
  display: flex;
  width: 100%;
}

@media (min-width: 997px) {
  .docMainContainer_TBSr {
    flex-grow: 1;
    max-width: calc(100% - var(--doc-sidebar-width));
  }

  .docMainContainerEnhanced_lQrH {
    max-width: calc(100% - var(--doc-sidebar-hidden-width));
  }

  .docItemWrapperEnhanced_JWYK {
    max-width: calc(
      var(--ifm-container-width) + var(--doc-sidebar-width)
    ) !important;
  }
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.docRoot_UBD9 {
  display: flex;
  width: 100%;
}

.docsWrapper_hBAB {
  display: flex;
  flex: 1 0 auto;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.anchorTargetStickyNavbar_Vzrq {
  scroll-margin-top: calc(var(--ifm-navbar-height) + 0.5rem);
}

.anchorTargetHideOnScrollNavbar_vjPI {
  scroll-margin-top: 0.5rem;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.hash-link {
  opacity: 0;
  padding-left: 0.5rem;
  transition: opacity var(--ifm-transition-fast);
  -webkit-user-select: none;
          user-select: none;
}

.hash-link::before {
  content: '#';
}

.hash-link:focus,
*:hover > .hash-link {
  opacity: 1;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.cardTitleIcon_GcdP {
  font-size: 1.6rem;
  margin-right: 0.6rem;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.cardTitleText_nuEl {
  font-size: 1.2rem;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.cardTitle_mcqP {
  display: inline-flex;
  align-items: center;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.cardDescription_L2fP {
  font-size: 0.8rem;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.cardContainer_KhuF {
  --ifm-link-color: var(--ifm-color-emphasis-800);
  --ifm-link-hover-color: var(--ifm-color-emphasis-700);
  --ifm-link-hover-decoration: none;

  box-shadow: 0 1.5px 3px 0 rgb(0 0 0 / 15%);
  border: 1px solid var(--ifm-color-emphasis-200);
  transition: all var(--ifm-transition-fast) ease;
  transition-property: border, box-shadow;
}

.cardContainer_KhuF:hover {
  border-color: var(--ifm-color-primary);
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 20%);
}

.cardContainer_KhuF *:last-child {
  margin-bottom: 0;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.docCardListItem_W1sv {
  margin-bottom: 2rem;
}

.docCardListItem_W1sv > * {
  height: 100%;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.tag_Nnez {
  display: inline-block;
  margin: 0.5rem 0.5rem 0 1rem;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.dropdownNavbarItemMobile_J0Sd {
  cursor: pointer;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.iconLanguage_nlXk {
  vertical-align: text-bottom;
  margin-right: 5px;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

/*
Workaround to avoid rendering empty search container
See https://github.com/facebook/docusaurus/pull/9385
*/
.navbarSearchContainer_Bca1:empty {
  display: none;
}

@media (max-width: 996px) {
  .navbarSearchContainer_Bca1 {
    position: absolute;
    right: var(--ifm-navbar-padding-horizontal);
  }
}

@media (min-width: 997px) {
  .navbarSearchContainer_Bca1 {
    padding: 0 var(--ifm-navbar-item-padding-horizontal);
  }
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.navbarHideable_m1mJ {
  transition: transform var(--ifm-transition-fast) ease;
}

.navbarHidden_jGov {
  transform: translate3d(0, calc(-100% - 2px), 0);
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.errorBoundaryError_a6uf {
  white-space: pre-wrap;
  color: red;
}

.errorBoundaryFallback_VBag {
  color: red;
  padding: 0.55rem;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.iconEdit_Z9Sw {
  margin-right: 0.3em;
  vertical-align: sub;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

/*
Hide color mode toggle in small viewports
 */
@media (max-width: 996px) {
  .colorModeToggle_DEke {
    display: none;
  }
}

/*
Restore some Infima style that broke with CSS Cascade Layers
See https://github.com/facebook/docusaurus/pull/11142
 */
.navbar__items--right > :last-child {
  padding-right: 0;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.lastUpdated_JAkA {
  font-size: smaller;
  font-style: italic;
  margin-top: 0.2rem;
}

@media (min-width: 997px) {
  .lastUpdated_JAkA {
    text-align: right;
  }
}

@media print {
  .noPrint_WFHX {
    display: none;
  }
}

/* DocItem Footer Wrapper Styles — includes PDF download button */

.shareWrapper_ullt {
  margin-top: 3rem;
  padding-top: 1rem;
}

.feedbackWrapper_uG4u {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/* Ensure proper spacing on mobile */
@media (max-width: 768px) {
  .shareWrapper_ullt {
    margin-top: 2rem;
  }

  .feedbackWrapper_uG4u {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

/* PDF Download Button */
.pdfDownload_VmKY {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--ifm-color-emphasis-200);
  display: flex;
  justify-content: flex-end;
}

.pdfButton_vDVB {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--ifm-color-emphasis-600);
  border: 1px solid var(--ifm-color-emphasis-300);
  border-radius: 4px;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: color 0.2s, border-color 0.2s, background 0.2s;
}

.pdfButton_vDVB:hover {
  color: var(--ifm-color-primary);
  border-color: var(--ifm-color-primary);
  background: var(--ifm-color-primary-lightest);
  -webkit-text-decoration: none;
  text-decoration: none;
}







/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.tocCollapsibleButton_TO0P {
  font-size: inherit;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0.8rem;
  width: 100%;
}

.tocCollapsibleButton_TO0P::after {
  content: '';
  background: var(--ifm-menu-link-sublist-icon) 50% 50% / 2rem 2rem no-repeat;
  filter: var(--ifm-menu-link-sublist-icon-filter);
  height: 1.25rem;
  width: 1.25rem;
  transform: rotate(180deg);
  transition: transform var(--ifm-transition-fast);
}

.tocCollapsibleButtonExpanded_MG3E::after {
  transform: none;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.tocCollapsible_ETCw {
  background-color: var(--ifm-menu-color-background-active);
  border-radius: var(--ifm-global-radius);
  margin: 1rem 0;
}

.tocCollapsibleContent_vkbj > ul {
  border-left: none;
  border-top: 1px solid var(--ifm-color-emphasis-300);
  padding: 0.2rem 0;
  font-size: 15px;
}

.tocCollapsibleContent_vkbj ul li {
  margin: 0.4rem 0.8rem;
}

.tocCollapsibleContent_vkbj a {
  display: block;
}

.tocCollapsibleExpanded_sAul {
  transform: none;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

@media (min-width: 997px) {
  /* Prevent hydration FOUC, as the mobile TOC needs to be server-rendered */
  .tocMobile_ITEo {
    display: none;
  }
}

@media print {
  .tocMobile_ITEo {
    display: none;
  }
}

/**
 * NXGEN Navbar Authentication Styles
 * 
 * Styles for login button and profile dropdown in navbar.
 * Uses existing CSS tokens (gold-text, glass-bg) for consistency.
 */

/* === AUTH SECTION === */
.navbar-auth {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-left: 1rem;
}

.navbar-auth-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
}

.navbar-auth-loading-spinner {
  width: 1.25rem;
  height: 1.25rem;
  border: 2px solid var(--ifm-color-emphasis-200);
  border-top-color: var(--gold-text);
  border-radius: 50%;
  animation: navbar-auth-spin 0.8s linear infinite;
}

@keyframes navbar-auth-spin {
  to {
    transform: rotate(360deg);
  }
}

/* === LOGIN BUTTON (Navbar Variant) === */
.navbar-login-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  border-radius: 9999px;
  transition: all 0.2s ease;
  cursor: pointer;
  border: none;
  background: linear-gradient(135deg, #E8B058 0%, #C89446 100%);
  color: #000;
  box-shadow: 0 4px 12px rgba(232, 176, 88, 0.25);
}

.navbar-login-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(232, 176, 88, 0.35);
}

.navbar-login-btn:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(232, 176, 88, 0.2);
}

.navbar-login-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.navbar-login-btn svg {
  width: 1rem;
  height: 1rem;
}

/* === PROFILE DROPDOWN === */
.navbar-profile {
  position: relative;
}

.navbar-profile-trigger {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.5rem;
  border-radius: 9999px;
  transition: background-color 0.2s ease;
  cursor: pointer;
  border: none;
  background: transparent;
}

[data-theme='light'] .navbar-profile-trigger:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

[data-theme='dark'] .navbar-profile-trigger:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

.navbar-profile-trigger:focus-visible {
  outline: 2px solid var(--ifm-color-primary);
  outline-offset: 2px;
}

.navbar-profile-avatar {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(255, 255, 255, 0.1);
}

.navbar-profile-initials {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  background: linear-gradient(135deg, rgba(232, 176, 88, 0.2) 0%, rgba(200, 148, 70, 0.1) 100%);
  border: 2px solid rgba(232, 176, 88, 0.25);
  color: #E8B058;
}

.navbar-profile-name {
  max-width: 7.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--ifm-color-content);
}

.navbar-profile-chevron {
  width: 1rem;
  height: 1rem;
  color: var(--ifm-color-content-secondary);
  transition: transform 0.2s ease;
}

.navbar-profile-trigger[aria-expanded="true"] .navbar-profile-chevron {
  transform: rotate(180deg);
}

/* === DROPDOWN MENU === */
.navbar-profile-dropdown {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  width: 14rem;
  border-radius: 0.75rem;
  padding: 0.25rem 0;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  border: 1px solid var(--ifm-color-emphasis-200);
  background-color: var(--ifm-background-color);
  z-index: 100;
}

.navbar-profile-header {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--ifm-color-emphasis-200);
}

.navbar-profile-header-name {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ifm-color-content);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.navbar-profile-header-email {
  font-size: 0.75rem;
  color: var(--ifm-color-content-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.navbar-profile-menu {
  padding: 0.25rem 0;
}

.navbar-profile-menu-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 1rem;
  font-size: 0.875rem;
  color: var(--ifm-color-content);
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: background-color 0.15s ease;
  cursor: pointer;
  border: none;
  background: transparent;
  width: 100%;
  text-align: left;
}

[data-theme='light'] .navbar-profile-menu-item:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

[data-theme='dark'] .navbar-profile-menu-item:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

.navbar-profile-menu-item svg {
  width: 1rem;
  height: 1rem;
  color: var(--ifm-color-content-secondary);
  flex-shrink: 0;
}

.navbar-profile-menu-item--logout {
  color: #ef4444;
}

.navbar-profile-menu-item--logout svg {
  color: #ef4444;
}

[data-theme='light'] .navbar-profile-menu-item--logout:hover {
  background-color: rgba(239, 68, 68, 0.05);
}

[data-theme='dark'] .navbar-profile-menu-item--logout:hover {
  background-color: rgba(239, 68, 68, 0.1);
}

.navbar-profile-divider {
  height: 1px;
  background-color: var(--ifm-color-emphasis-200);
  margin: 0.25rem 0;
}

/* === MOBILE RESPONSIVE === */
@media (max-width: 996px) {
  .navbar-auth {
    margin-left: 0.5rem;
  }

  .navbar-profile-name {
    display: none;
  }

  .navbar-profile-dropdown {
    width: 12rem;
    right: -0.5rem;
  }
}

/* === MOBILE SIDEBAR (hamburger menu) === */
.navbar-sidebar .navbar-auth {
  padding: 1rem;
  border-top: 1px solid var(--ifm-color-emphasis-200);
  margin-top: 0.5rem;
  margin-left: 0;
}

.navbar-sidebar .navbar-login-btn {
  width: 100%;
  justify-content: center;
}

.navbar-sidebar .navbar-profile-trigger {
  width: 100%;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
}

.navbar-sidebar .navbar-profile-dropdown {
  position: static;
  width: 100%;
  margin-top: 0.5rem;
  box-shadow: none;
  border: 1px solid var(--ifm-color-emphasis-200);
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.footerLogoLink_BH7S {
  opacity: 0.5;
  transition: opacity var(--ifm-transition-fast)
    var(--ifm-transition-timing-default);
}

.footerLogoLink_BH7S:hover {
  opacity: 1;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

html,
body {
  height: 100%;
}

.mainWrapper_z2l0 {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}

/* Docusaurus-specific utility class */
.docusaurus-mt-lg {
  margin-top: 3rem;
}

#__docusaurus {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

/* Landing Page Background Container */
.container_jqnR {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}

/* Base Background - adapts to theme */
.baseBackground_GPDx {
  position: absolute;
  inset: 0;
  background-color: var(--ifm-background-color);
  transition: background-color 0.3s ease;
}

/* Diagonal Grid Pattern - Subtle */
.gridPattern_HW5H {
  position: absolute;
  inset: 0;
  opacity: 1;
  background-image: 
    linear-gradient(30deg, rgba(200, 160, 90, 0.06) 1px, transparent 1px),
    linear-gradient(150deg, rgba(200, 160, 90, 0.06) 1px, transparent 1px);
  background-size: 60px 60px;
  transition: opacity 0.3s ease;
}

[data-theme='light'] .gridPattern_HW5H {
  background-image: 
    linear-gradient(30deg, rgba(140, 110, 60, 0.05) 1px, transparent 1px),
    linear-gradient(150deg, rgba(140, 110, 60, 0.05) 1px, transparent 1px);
}

/* SVG Wave Pattern - emanating from bottom-left */
.wavePattern_Zs2M {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 1;
}

/* Wave stroke colors - theme aware - subtle */
.waves_os6Y {
  color: rgba(232, 176, 88, 0.18);
  transition: color 0.3s ease;
}

[data-theme='light'] .waves_os6Y {
  color: rgba(180, 140, 80, 0.12);
}

/* Floating Geometric Shapes */
.shapes_oNzt {
  position: absolute;
  inset: 0;
}

.hexagon_ongA {
  position: absolute;
  opacity: 0.15;
  animation: float_JAuS 12s ease-in-out infinite;
}

.hexagon_ongA path {
  fill: none;
  stroke: rgba(232, 176, 88, 0.3);
  stroke-width: 1;
}

[data-theme='light'] .hexagon_ongA path {
  stroke: rgba(160, 130, 80, 0.2);
}

.diamond_fN1C {
  position: absolute;
  width: 18px;
  height: 18px;
  background: rgba(232, 176, 88, 0.12);
  transform: rotate(45deg);
  animation: pulse_GoDq 8s ease-in-out infinite;
}

[data-theme='light'] .diamond_fN1C {
  background: rgba(160, 130, 80, 0.08);
}

.circle_PYem {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(232, 176, 88, 0.15);
  animation: expand_F3La 10s ease-in-out infinite;
}

[data-theme='light'] .circle_PYem {
  border-color: rgba(160, 130, 80, 0.1);
}

/* Gradient Orbs - Subtle ambient glow */
.orb_GSuw {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.15;
  animation: drift_qX2b 20s ease-in-out infinite;
}

.orb1_w7Ae {
  width: 450px;
  height: 450px;
  background: radial-gradient(circle, rgba(232, 176, 88, 0.25) 0%, transparent 70%);
  bottom: -120px;
  left: -120px;
}

.orb2_HD7K {
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, rgba(200, 160, 90, 0.2) 0%, transparent 70%);
  top: 5%;
  right: -5%;
  animation-delay: -10s;
}

[data-theme='light'] .orb_GSuw {
  opacity: 0.1;
}

[data-theme='light'] .orb1_w7Ae {
  background: radial-gradient(circle, rgba(200, 160, 80, 0.2) 0%, transparent 70%);
}

[data-theme='light'] .orb2_HD7K {
  background: radial-gradient(circle, rgba(180, 140, 60, 0.15) 0%, transparent 70%);
}

/* Corner Accent - subtle */
.cornerAccent_mMnx {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 50%;
  background: radial-gradient(
    ellipse at 0% 100%,
    rgba(232, 176, 88, 0.06) 0%,
    transparent 60%
  );
  pointer-events: none;
}

[data-theme='light'] .cornerAccent_mMnx {
  background: radial-gradient(
    ellipse at 0% 100%,
    rgba(200, 160, 80, 0.04) 0%,
    transparent 60%
  );
}

/* Subtle Noise Texture */
.noise_TKvO {
  position: absolute;
  inset: 0;
  opacity: 0.04;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
}

[data-theme='light'] .noise_TKvO {
  opacity: 0.03;
}

/* Animations */
@keyframes float_JAuS {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
    opacity: 0.15;
  }
  50% {
    transform: translateY(-10px) rotate(2deg);
    opacity: 0.22;
  }
}

@keyframes pulse_GoDq {
  0%, 100% {
    transform: rotate(45deg) scale(1);
    opacity: 0.12;
  }
  50% {
    transform: rotate(45deg) scale(1.2);
    opacity: 0.18;
  }
}

@keyframes expand_F3La {
  0%, 100% {
    transform: scale(1);
    opacity: 0.15;
  }
  50% {
    transform: scale(1.08);
    opacity: 0.22;
  }
}

@keyframes drift_qX2b {
  0%, 100% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(20px, 10px);
  }
  50% {
    transform: translate(10px, 20px);
  }
  75% {
    transform: translate(-10px, 15px);
  }
}

/**
 * History Components Styles
 * 
 * Styles for:
 * - Continue Reading widget (homepage)
 * - History list component
 * - Full history page
 */

/* ============================================================================
   Continue Reading Widget
   ============================================================================ */

.continue-reading-widget {
  margin-top: 2rem;
  padding: 1.5rem;
  border-radius: 1rem;
  border: 1px solid var(--ifm-color-emphasis-200);
  background: var(--ifm-background-surface-color);
}

.continue-reading-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.continue-reading-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--ifm-color-content);
}

.continue-reading-title svg {
  color: var(--ifm-color-primary);
}

.continue-reading-subtitle {
  font-size: 0.875rem;
  color: var(--ifm-color-content-secondary);
}

.continue-reading-link {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--ifm-color-primary);
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: color 0.2s ease;
}

.continue-reading-link:hover {
  color: var(--ifm-color-primary-dark);
}

.continue-reading-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.continue-reading-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  border: 1px solid var(--ifm-color-emphasis-200);
  background: var(--ifm-background-color);
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all 0.2s ease;
}

.continue-reading-item:hover {
  border-color: var(--ifm-color-primary);
  background: var(--ifm-color-emphasis-50);
  transform: translateX(4px);
}

.continue-reading-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  background: linear-gradient(135deg, rgba(232, 176, 88, 0.15) 0%, rgba(200, 148, 70, 0.1) 100%);
  color: #E8B058;
  flex-shrink: 0;
}

.continue-reading-item-content {
  flex: 1;
  min-width: 0;
}

.continue-reading-item-title {
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--ifm-color-content);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.continue-reading-item-meta {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.25rem;
  font-size: 0.8125rem;
  color: var(--ifm-color-content-secondary);
}

.continue-reading-item-progress {
  flex: 1;
  max-width: 120px;
  height: 4px;
  border-radius: 2px;
  background: var(--ifm-color-emphasis-200);
  overflow: hidden;
}

.continue-reading-item-progress-bar {
  height: 100%;
  border-radius: 2px;
  background: linear-gradient(90deg, #E8B058 0%, #C89446 100%);
  transition: width 0.3s ease;
}

.continue-reading-item-time {
  white-space: nowrap;
}

.continue-reading-item-arrow {
  color: var(--ifm-color-content-secondary);
  transition: transform 0.2s ease;
}

.continue-reading-item:hover .continue-reading-item-arrow {
  transform: translateX(2px);
  color: var(--ifm-color-primary);
}

/* Empty state */
.continue-reading-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  text-align: center;
}

.continue-reading-empty-icon {
  width: 3rem;
  height: 3rem;
  color: var(--ifm-color-content-secondary);
  opacity: 0.5;
  margin-bottom: 0.75rem;
}

.continue-reading-empty-text {
  font-size: 0.875rem;
  color: var(--ifm-color-content-secondary);
}

/* Loading state */
.continue-reading-loading {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.continue-reading-skeleton {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  border: 1px solid var(--ifm-color-emphasis-200);
  background: var(--ifm-background-color);
}

.skeleton-icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  background: linear-gradient(90deg, var(--ifm-color-emphasis-100) 25%, var(--ifm-color-emphasis-50) 50%, var(--ifm-color-emphasis-100) 75%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.5s infinite;
}

.skeleton-content {
  flex: 1;
}

.skeleton-title {
  height: 1rem;
  width: 60%;
  border-radius: 0.25rem;
  background: linear-gradient(90deg, var(--ifm-color-emphasis-100) 25%, var(--ifm-color-emphasis-50) 50%, var(--ifm-color-emphasis-100) 75%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.5s infinite;
}

.skeleton-meta {
  height: 0.75rem;
  width: 40%;
  margin-top: 0.5rem;
  border-radius: 0.25rem;
  background: linear-gradient(90deg, var(--ifm-color-emphasis-100) 25%, var(--ifm-color-emphasis-50) 50%, var(--ifm-color-emphasis-100) 75%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.5s infinite;
}

@keyframes skeleton-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

/* ============================================================================
   History List Component
   ============================================================================ */

.history-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.history-group {
  margin-bottom: 1rem;
}

.history-group-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ifm-color-content-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
  padding-left: 0.5rem;
}

.history-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: 0.75rem;
  border: 1px solid var(--ifm-color-emphasis-200);
  background: var(--ifm-background-surface-color);
  transition: all 0.2s ease;
}

.history-item:hover {
  border-color: var(--ifm-color-primary);
  background: var(--ifm-color-emphasis-50);
}

.history-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  background: linear-gradient(135deg, rgba(232, 176, 88, 0.15) 0%, rgba(200, 148, 70, 0.1) 100%);
  color: #E8B058;
  flex-shrink: 0;
}

.history-item-icon.video {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(37, 99, 235, 0.1) 100%);
  color: #3B82F6;
}

.history-item-icon.page {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.15) 0%, rgba(22, 163, 74, 0.1) 100%);
  color: #22C55E;
}

.history-item-content {
  flex: 1;
  min-width: 0;
}

.history-item-title {
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--ifm-color-content);
}

.history-item-url {
  font-size: 0.8125rem;
  color: var(--ifm-color-content-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.history-item-meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 0.375rem;
  font-size: 0.8125rem;
  color: var(--ifm-color-content-secondary);
}

.history-item-progress {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.history-item-progress-bar {
  width: 60px;
  height: 4px;
  border-radius: 2px;
  background: var(--ifm-color-emphasis-200);
  overflow: hidden;
}

.history-item-progress-fill {
  height: 100%;
  border-radius: 2px;
  background: linear-gradient(90deg, #E8B058 0%, #C89446 100%);
}

.history-item-progress-text {
  font-size: 0.75rem;
}

.history-item-time {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.history-item-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

.history-item-action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.375rem;
  border: none;
  background: transparent;
  color: var(--ifm-color-content-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
}

.history-item-action:hover {
  background: var(--ifm-color-emphasis-100);
  color: var(--ifm-color-content);
}

.history-item-action.delete:hover {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}

/* ============================================================================
   History Page
   ============================================================================ */

.history-page {
  min-height: 100vh;
  padding-bottom: 3rem;
}

.history-page-header {
  padding: 2rem 0;
  border-bottom: 1px solid var(--ifm-color-emphasis-200);
  margin-bottom: 2rem;
}

.history-page-title {
  font-size: 2rem;
  font-weight: 700;
  color: var(--ifm-color-content);
  margin-bottom: 0.5rem;
}

.history-page-subtitle {
  font-size: 1rem;
  color: var(--ifm-color-content-secondary);
}

.history-page-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.history-filter-tabs {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.history-filter-tab {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid var(--ifm-color-emphasis-200);
  background: var(--ifm-background-surface-color);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--ifm-color-content-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
}

.history-filter-tab:hover {
  border-color: var(--ifm-color-primary);
  color: var(--ifm-color-content);
}

.history-filter-tab.active {
  border-color: var(--ifm-color-primary);
  background: rgba(232, 176, 88, 0.1);
  color: var(--ifm-color-primary);
}

.history-filter-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.375rem;
  border-radius: 0.625rem;
  background: var(--ifm-color-emphasis-100);
  font-size: 0.75rem;
}

.history-filter-tab.active .history-filter-count {
  background: var(--ifm-color-primary);
  color: #000;
}

.history-search {
  flex: 1;
  min-width: 200px;
  max-width: 300px;
}

.history-search-input {
  width: 100%;
  padding: 0.5rem 1rem;
  padding-left: 2.5rem;
  border-radius: 0.5rem;
  border: 1px solid var(--ifm-color-emphasis-200);
  background: var(--ifm-background-surface-color);
  font-size: 0.875rem;
  color: var(--ifm-color-content);
  transition: border-color 0.2s ease;
}

.history-search-input:focus {
  outline: none;
  border-color: var(--ifm-color-primary);
}

.history-search-wrapper {
  position: relative;
}

.history-search-icon {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--ifm-color-content-secondary);
}

.history-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

.history-action-btn {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid var(--ifm-color-emphasis-200);
  background: var(--ifm-background-surface-color);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--ifm-color-content);
  cursor: pointer;
  transition: all 0.2s ease;
}

.history-action-btn:hover {
  border-color: var(--ifm-color-primary);
}

.history-action-btn.danger {
  border-color: rgba(239, 68, 68, 0.3);
  color: #ef4444;
}

.history-action-btn.danger:hover {
  background: rgba(239, 68, 68, 0.1);
  border-color: #ef4444;
}

.history-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 1rem;
  border-radius: 0.75rem;
  background: var(--ifm-color-emphasis-50);
  margin-bottom: 1.5rem;
}

.history-stat {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.history-stat-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--ifm-color-content);
}

.history-stat-label {
  font-size: 0.8125rem;
  color: var(--ifm-color-content-secondary);
}

/* Empty state */
.history-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  text-align: center;
}

.history-empty-icon {
  width: 4rem;
  height: 4rem;
  color: var(--ifm-color-content-secondary);
  opacity: 0.5;
  margin-bottom: 1rem;
}

.history-empty-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--ifm-color-content);
  margin-bottom: 0.5rem;
}

.history-empty-text {
  font-size: 0.9375rem;
  color: var(--ifm-color-content-secondary);
  max-width: 24rem;
}

/* ============================================================================
   Responsive
   ============================================================================ */

@media (max-width: 768px) {
  .continue-reading-widget {
    padding: 1rem;
  }

  .continue-reading-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  .continue-reading-item {
    padding: 0.625rem 0.75rem;
  }

  .continue-reading-item-progress {
    display: none;
  }

  .history-page-controls {
    flex-direction: column;
    align-items: stretch;
  }

  .history-filter-tabs {
    overflow-x: auto;
    padding-bottom: 0.5rem;
    -webkit-overflow-scrolling: touch;
  }

  .history-search {
    max-width: none;
  }

  .history-actions {
    margin-left: 0;
    justify-content: flex-end;
  }

  .history-item-actions {
    display: none;
  }

  .history-item:hover .history-item-actions {
    display: flex;
  }
}

/**
 * NXGEN Personalization Styles
 * 
 * Styles for role-based content, recommended reading, and quick links.
 * Matches existing site design with gold accent and glass cards.
 */

/* === ROLE BADGE === */

.role-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  border-radius: 9999px;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

.role-badge--operator {
  background: rgba(59, 130, 246, 0.15);
  color: #3b82f6;
  border: 1px solid rgba(59, 130, 246, 0.3);
}

.role-badge--manager {
  background: rgba(168, 85, 247, 0.15);
  color: #a855f7;
  border: 1px solid rgba(168, 85, 247, 0.3);
}

.role-badge--engineer {
  background: rgba(34, 197, 94, 0.15);
  color: #22c55e;
  border: 1px solid rgba(34, 197, 94, 0.3);
}

.role-badge--admin {
  background: rgba(232, 176, 88, 0.15);
  color: #E8B058;
  border: 1px solid rgba(232, 176, 88, 0.3);
}

.role-badge--user {
  background: rgba(156, 163, 175, 0.15);
  color: #9ca3af;
  border: 1px solid rgba(156, 163, 175, 0.3);
}

/* === ROLE-BASED CONTENT WRAPPER === */

.role-based-content {
  /* Container for role-filtered sections */
}

.role-based-content__fallback {
  padding: 1rem;
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.02);
  border: 1px dashed rgba(255, 255, 255, 0.1);
  text-align: center;
  color: var(--ifm-color-content-secondary);
  font-size: 0.875rem;
}

[data-theme='light'] .role-based-content__fallback {
  background: rgba(0, 0, 0, 0.02);
  border-color: rgba(0, 0, 0, 0.1);
}

/* === RECOMMENDED READING === */

.recommended-reading {
  margin-top: 2rem;
}

.recommended-reading-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.recommended-reading-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--ifm-color-content);
}

.recommended-reading-title-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #E8B058;
}

.recommended-reading-role-tag {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  background: rgba(232, 176, 88, 0.1);
  color: #E8B058;
  border: 1px solid rgba(232, 176, 88, 0.2);
}

.recommended-reading-subtitle {
  font-size: 0.875rem;
  color: var(--ifm-color-content-secondary);
  margin-top: 0.25rem;
}

/* Recommended Reading Cards Grid */
.recommended-reading-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
}

/* Recommended Reading Card */
.recommended-reading-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all 0.2s ease;
  overflow: hidden;
}

[data-theme='light'] .recommended-reading-card {
  background: rgba(255, 255, 255, 0.6);
  border-color: rgba(232, 176, 88, 0.15);
}

.recommended-reading-card:hover {
  transform: translateY(-2px);
  border-color: rgba(232, 176, 88, 0.3);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.recommended-reading-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, #E8B058 50%, transparent 100%);
  opacity: 0;
  transition: opacity 0.2s ease;
}

.recommended-reading-card:hover::before {
  opacity: 1;
}

.recommended-reading-card-icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
  background: rgba(232, 176, 88, 0.1);
  border: 1px solid rgba(232, 176, 88, 0.2);
  color: #E8B058;
}

.recommended-reading-card-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--ifm-color-content);
  margin-bottom: 0.375rem;
  line-height: 1.4;
}

.recommended-reading-card:hover .recommended-reading-card-title {
  color: #E8B058;
}

.recommended-reading-card-desc {
  font-size: 0.8125rem;
  color: var(--ifm-color-content-secondary);
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.recommended-reading-card-tag {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.6875rem;
  font-weight: 500;
  margin-top: 0.75rem;
  background: rgba(232, 176, 88, 0.1);
  color: #E8B058;
}

/* Recommended Reading Empty State */
.recommended-reading-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.02);
  border: 1px dashed rgba(255, 255, 255, 0.1);
  text-align: center;
}

[data-theme='light'] .recommended-reading-empty {
  background: rgba(0, 0, 0, 0.02);
  border-color: rgba(0, 0, 0, 0.08);
}

.recommended-reading-empty-icon {
  width: 3rem;
  height: 3rem;
  color: var(--ifm-color-content-secondary);
  margin-bottom: 0.75rem;
  opacity: 0.5;
}

.recommended-reading-empty-text {
  font-size: 0.875rem;
  color: var(--ifm-color-content-secondary);
}

/* === QUICK LINKS SIDEBAR === */

.quick-links-sidebar {
  padding: 1rem;
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme='light'] .quick-links-sidebar {
  background: rgba(255, 255, 255, 0.6);
  border-color: rgba(232, 176, 88, 0.15);
}

.quick-links-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}

.quick-links-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ifm-color-content);
}

.quick-links-title-icon {
  width: 1rem;
  height: 1rem;
  color: #E8B058;
}

.quick-links-add-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.375rem;
  background: rgba(232, 176, 88, 0.1);
  border: 1px solid rgba(232, 176, 88, 0.2);
  color: #E8B058;
  cursor: pointer;
  transition: all 0.15s ease;
}

.quick-links-add-btn:hover {
  background: rgba(232, 176, 88, 0.2);
  transform: scale(1.05);
}

/* Quick Links List */
.quick-links-list {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.quick-link-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.625rem;
  border-radius: 0.5rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all 0.15s ease;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid transparent;
}

[data-theme='light'] .quick-link-item {
  background: rgba(255, 255, 255, 0.4);
}

.quick-link-item:hover {
  background: rgba(232, 176, 88, 0.08);
  border-color: rgba(232, 176, 88, 0.15);
}

.quick-link-item-icon {
  width: 1rem;
  height: 1rem;
  color: var(--ifm-color-content-secondary);
  flex-shrink: 0;
}

.quick-link-item-title {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--ifm-color-content);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.quick-link-item:hover .quick-link-item-title {
  color: #E8B058;
}

.quick-link-item-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  margin-left: auto;
  opacity: 0;
  transition: opacity 0.15s ease;
  color: var(--ifm-color-content-secondary);
  cursor: pointer;
}

.quick-link-item:hover .quick-link-item-remove {
  opacity: 1;
}

.quick-link-item-remove:hover {
  color: #ef4444;
}

/* Quick Links Empty State */
.quick-links-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  text-align: center;
}

.quick-links-empty-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ifm-color-content-secondary);
  margin-bottom: 0.5rem;
  opacity: 0.5;
}

.quick-links-empty-text {
  font-size: 0.75rem;
  color: var(--ifm-color-content-secondary);
}

.quick-links-empty-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.5rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  font-weight: 500;
  background: rgba(232, 176, 88, 0.1);
  color: #E8B058;
  cursor: pointer;
  transition: all 0.15s ease;
}

.quick-links-empty-btn:hover {
  background: rgba(232, 176, 88, 0.2);
}

/* === ADD QUICK LINK MODAL === */

.quick-link-modal-overlay {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  z-index: 9999;
}

.quick-link-modal {
  width: 100%;
  max-width: 28rem;
  margin: 1rem;
  border-radius: 1rem;
  background: var(--ifm-background-surface-color);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.24);
  animation: modalSlideIn 0.2s ease;
}

@keyframes modalSlideIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

[data-theme='light'] .quick-link-modal {
  border-color: rgba(232, 176, 88, 0.2);
}

.quick-link-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme='light'] .quick-link-modal-header {
  border-color: rgba(0, 0, 0, 0.08);
}

.quick-link-modal-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--ifm-color-content);
}

.quick-link-modal-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  background: transparent;
  border: none;
  color: var(--ifm-color-content-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}

.quick-link-modal-close:hover {
  background: rgba(255, 255, 255, 0.1);
  color: var(--ifm-color-content);
}

.quick-link-modal-body {
  padding: 1.25rem;
}

.quick-link-form-group {
  margin-bottom: 1rem;
}

.quick-link-form-label {
  display: block;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--ifm-color-content);
  margin-bottom: 0.375rem;
}

.quick-link-form-input {
  width: 100%;
  padding: 0.625rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--ifm-color-content);
  transition: all 0.15s ease;
}

[data-theme='light'] .quick-link-form-input {
  background: rgba(255, 255, 255, 0.8);
  border-color: rgba(232, 176, 88, 0.2);
}

.quick-link-form-input:focus {
  outline: none;
  border-color: #E8B058;
  box-shadow: 0 0 0 3px rgba(232, 176, 88, 0.15);
}

.quick-link-form-input::placeholder {
  color: var(--ifm-color-content-secondary);
}

.quick-link-form-hint {
  font-size: 0.75rem;
  color: var(--ifm-color-content-secondary);
  margin-top: 0.25rem;
}

.quick-link-modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme='light'] .quick-link-modal-footer {
  border-color: rgba(0, 0, 0, 0.08);
}

.quick-link-modal-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.quick-link-modal-btn--secondary {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--ifm-color-content);
}

[data-theme='light'] .quick-link-modal-btn--secondary {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.1);
}

.quick-link-modal-btn--secondary:hover {
  background: rgba(255, 255, 255, 0.1);
}

.quick-link-modal-btn--primary {
  background: linear-gradient(135deg, #E8B058 0%, #C89446 100%);
  border: none;
  color: #000;
  box-shadow: 0 2px 8px rgba(232, 176, 88, 0.3);
}

.quick-link-modal-btn--primary:hover {
  transform: scale(1.02);
}

.quick-link-modal-btn--primary:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

/* === QUICK LINKS MANAGEMENT PAGE === */

.quick-links-page {
  max-width: 48rem;
  margin: 0 auto;
  padding: 2rem 1rem;
}

.quick-links-page-header {
  margin-bottom: 2rem;
}

.quick-links-page-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--ifm-color-content);
  margin-bottom: 0.5rem;
}

.quick-links-page-desc {
  font-size: 0.9375rem;
  color: var(--ifm-color-content-secondary);
}

.quick-links-page-card {
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

[data-theme='light'] .quick-links-page-card {
  background: rgba(255, 255, 255, 0.6);
  border-color: rgba(232, 176, 88, 0.15);
}

.quick-links-page-list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme='light'] .quick-links-page-list-header {
  border-color: rgba(0, 0, 0, 0.08);
}

.quick-links-page-count {
  font-size: 0.875rem;
  color: var(--ifm-color-content-secondary);
}

.quick-links-page-add-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.875rem;
  border-radius: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 500;
  background: linear-gradient(135deg, #E8B058 0%, #C89446 100%);
  color: #000;
  border: none;
  cursor: pointer;
  transition: all 0.15s ease;
  box-shadow: 0 2px 8px rgba(232, 176, 88, 0.25);
}

.quick-links-page-add-btn:hover {
  transform: scale(1.02);
}

.quick-links-page-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  transition: background 0.15s ease;
}

[data-theme='light'] .quick-links-page-item {
  border-color: rgba(0, 0, 0, 0.05);
}

.quick-links-page-item:last-child {
  border-bottom: none;
}

.quick-links-page-item:hover {
  background: rgba(255, 255, 255, 0.03);
}

[data-theme='light'] .quick-links-page-item:hover {
  background: rgba(232, 176, 88, 0.05);
}

.quick-links-page-item-drag {
  display: flex;
  align-items: center;
  color: var(--ifm-color-content-secondary);
  cursor: grab;
  opacity: 0.5;
}

.quick-links-page-item-drag:active {
  cursor: grabbing;
}

.quick-links-page-item-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(232, 176, 88, 0.1);
  border: 1px solid rgba(232, 176, 88, 0.2);
  color: #E8B058;
}

.quick-links-page-item-content {
  flex: 1;
  min-width: 0;
}

.quick-links-page-item-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--ifm-color-content);
}

.quick-links-page-item-url {
  font-size: 0.75rem;
  color: var(--ifm-color-content-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.quick-links-page-item-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.quick-links-page-item-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  background: transparent;
  border: none;
  color: var(--ifm-color-content-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}

.quick-links-page-item-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  color: var(--ifm-color-content);
}

.quick-links-page-item-btn--delete:hover {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}

.quick-links-page-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  text-align: center;
}

.quick-links-page-empty-icon {
  width: 3rem;
  height: 3rem;
  color: var(--ifm-color-content-secondary);
  margin-bottom: 1rem;
  opacity: 0.5;
}

.quick-links-page-empty-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--ifm-color-content);
  margin-bottom: 0.5rem;
}

.quick-links-page-empty-text {
  font-size: 0.875rem;
  color: var(--ifm-color-content-secondary);
  margin-bottom: 1rem;
}

/* Mobile responsive */
@media (max-width: 640px) {
  .recommended-reading-grid {
    grid-template-columns: 1fr;
  }
  
  .quick-links-page-item-drag {
    display: none;
  }
  
  .quick-link-modal {
    margin: 0.5rem;
    max-width: none;
  }
}

/**
 * Luxury Dark Homepage Design System
 * Primary Color: #E8B058 (Golden Amber)
 * Pure Black & Gold Theme
 * Optimized, accessible, production-ready
 */

/* === GLOBAL & LAYOUT === */
.main_iUjq {
    background-color: var(--ifm-background-color);
    min-height: 100vh;
    color: var(--ifm-font-color-base);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    position: relative;
    overflow: hidden;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Subtle Gold Gradient Background Effect - Pure Black Theme */
.main_iUjq::before {
    content: '';
    position: absolute;
    top: -20%;
    left: -20%;
    width: 140%;
    height: 140%;
    background:
        radial-gradient(circle at 20% 30%, rgba(232, 176, 88, 0.03) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(232, 176, 88, 0.02) 0%, transparent 50%);
    background-size: 100% 100%;
    pointer-events: none;
    z-index: 0;
    will-change: auto;
}

[data-theme='dark'] .main_iUjq {
    background-color: var(--ifm-background-color);
    /* Pure Black from CSS variables */
}

[data-theme='dark'] .main_iUjq::before {
    background:
        radial-gradient(circle at 20% 30%, rgba(232, 176, 88, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(232, 176, 88, 0.03) 0%, transparent 50%);
}

[data-theme='light'] .main_iUjq::before {
    background:
        radial-gradient(circle at 20% 30%, rgba(232, 176, 88, 0.02) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(232, 176, 88, 0.01) 0%, transparent 50%);
    opacity: 0.5;
}

.container_bfhl {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
    position: relative;
    z-index: 1;
}

/* === HERO SECTION === */
.hero_aEcG {
    padding: 8rem 1rem 6rem;
    text-align: center;
    position: relative;
    animation: fadeInUp_T9gV 0.8s ease-out;
}

.heroTitle_qg2I {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: var(--ifm-heading-color);
    letter-spacing: -0.02em;
    line-height: 1.1;
}

/* Gradient Text for Title */
[data-theme='dark'] .heroTitle_qg2I {
    background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.75) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

[data-theme='light'] .heroTitle_qg2I {
    background: linear-gradient(180deg, #1a1a1a 0%, rgba(26, 26, 26, 0.85) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.heroSubtitle_jFu1 {
    font-size: clamp(1rem, 2vw, 1.25rem);
    color: var(--ifm-color-emphasis-700);
    margin-bottom: 3rem;
    font-weight: 400;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
}

[data-theme='dark'] .heroSubtitle_jFu1 {
    color: rgba(255, 255, 255, 0.7);
}

[data-theme='light'] .heroSubtitle_jFu1 {
    color: var(--ifm-color-content-secondary);
}

/* === SEARCH BAR === */
.searchForm_fvXw {
    margin: 0 auto;
    max-width: 640px;
}

.searchContainer_AdQz {
    display: flex;
    align-items: center;
    background: var(--ifm-background-surface-color);
    border: 1px solid transparent;
    border-radius: 12px;
    padding: 1rem 1.5rem;
    transition: all 0.3s ease;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
    position: relative;
}

/* Gold gradient border */
/* Gold gradient border for search container - top border only */
.searchContainer_AdQz::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(to right, var(--ifm-color-primary), color-mix(in srgb, var(--ifm-color-primary) 30%, transparent), transparent);
    border-radius: 12px 12px 0 0;
    pointer-events: none;
}

[data-theme='dark'] .searchContainer_AdQz {
    background: var(--ifm-background-surface-color);
    /* Deep Matte Black from CSS variables */
}

.searchContainer_AdQz:focus-within {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ifm-color-primary) 10%, transparent), 0 8px 32px color-mix(in srgb, var(--ifm-color-primary) 15%, transparent);
    outline: none;
}

[data-theme='dark'] .searchContainer_AdQz:focus-within {
    background: color-mix(in srgb, var(--ifm-background-surface-color) 95%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ifm-color-primary) 15%, transparent), 0 8px 32px rgba(0, 0, 0, 0.4);
}

.searchIcon_Lofc {
    color: var(--ifm-color-primary);
    /* Golden Amber from CSS variables */
    margin-right: 1rem;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.searchInput_yMmf {
    flex: 1;
    border: none;
    background: transparent;
    font-size: 1.1rem;
    color: var(--ifm-font-color-base);
    outline: none;
    font-family: inherit;
}

.searchInput_yMmf::placeholder {
    color: var(--ifm-color-emphasis-500);
}

[data-theme='dark'] .searchInput_yMmf {
    color: rgba(255, 255, 255, 0.9);
}

/* === SECTIONS === */
.section_Q9Zo {
    padding: 5rem 0;
    text-align: center;
}

.sectionHeading_YGa8 {
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    font-weight: 700;
    margin-bottom: 0.75rem;
    color: var(--ifm-heading-color);
    letter-spacing: -0.01em;
}

.sectionSubtitle_AZuW {
    font-size: clamp(0.95rem, 1.5vw, 1.1rem);
    color: var(--ifm-color-emphasis-600);
    margin-bottom: 3rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
}

[data-theme='dark'] .sectionSubtitle_AZuW {
    color: rgba(255, 255, 255, 0.65);
}

[data-theme='light'] .sectionSubtitle_AZuW {
    color: var(--ifm-color-content-secondary);
}

/* === CARDS === */
.grid4_jOK5 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.grid3_D75s {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.card_M5pr {
    background: var(--ifm-background-surface-color);
    border: 1px solid transparent;
    border-radius: 16px;
    padding: 2rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    text-align: left;
    height: 100%;
    animation: fadeInUp_T9gV 0.6s ease-out backwards;
    cursor: pointer;
}

/* Gold gradient border for cards - top border only */
.card_M5pr::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(to right, var(--ifm-color-primary), color-mix(in srgb, var(--ifm-color-primary) 30%, transparent), transparent);
    border-radius: 16px 16px 0 0;
    pointer-events: none;
    z-index: 1;
}

/* Extended Staggered Animation Delays for unlimited cards */
.card_M5pr:nth-child(1) { animation-delay: 0.05s; }
.card_M5pr:nth-child(2) { animation-delay: 0.1s; }
.card_M5pr:nth-child(3) { animation-delay: 0.15s; }
.card_M5pr:nth-child(4) { animation-delay: 0.2s; }
.card_M5pr:nth-child(5) { animation-delay: 0.25s; }
.card_M5pr:nth-child(6) { animation-delay: 0.3s; }
.card_M5pr:nth-child(7) { animation-delay: 0.35s; }
.card_M5pr:nth-child(8) { animation-delay: 0.4s; }
.card_M5pr:nth-child(9) { animation-delay: 0.45s; }
.card_M5pr:nth-child(10) { animation-delay: 0.5s; }
.card_M5pr:nth-child(11) { animation-delay: 0.55s; }
.card_M5pr:nth-child(12) { animation-delay: 0.6s; }

[data-theme='dark'] .card_M5pr {
    background: var(--ifm-background-surface-color);
    /* Deep Matte Black from CSS variables */
}

/* Mouse Glow Effect - Requires JavaScript to set CSS variables */
.card_M5pr::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), color-mix(in srgb, var(--ifm-color-primary) 10%, transparent), transparent 40%);
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
    z-index: 1;
}

[data-theme='dark'] .card_M5pr::after {
    background: radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), color-mix(in srgb, var(--ifm-color-primary) 12%, transparent), transparent 40%);
}

.card_M5pr:hover::after {
    opacity: 1;
}

.card_M5pr:hover {
    transform: translateY(-6px);
    -webkit-text-decoration: none;
    text-decoration: none;
}

[data-theme='light'] .card_M5pr:hover {
    box-shadow: 0 12px 40px color-mix(in srgb, var(--ifm-color-primary) 15%, transparent);
}

[data-theme='dark'] .card_M5pr:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
    background: color-mix(in srgb, var(--ifm-background-surface-color) 80%, transparent);
}

/* Focus state for accessibility */
.card_M5pr:focus-visible {
    outline: 3px solid var(--ifm-color-primary);
    outline-offset: 2px;
    transform: translateY(-4px);
}

.cardIcon_I6MN {
    margin-bottom: 1.5rem;
    color: var(--ifm-color-primary);
    /* Golden Amber from CSS variables */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: color-mix(in srgb, var(--ifm-color-primary) 10%, transparent);
    border-radius: 12px;
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
}

.card_M5pr:hover .cardIcon_I6MN {
    background: color-mix(in srgb, var(--ifm-color-primary) 15%, transparent);
    transform: scale(1.05);
}

.cardTitle_tke3 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--ifm-heading-color);
    position: relative;
    z-index: 2;
    line-height: 1.3;
}

[data-theme='dark'] .cardTitle_tke3 {
    color: rgba(255, 255, 255, 0.95);
}

[data-theme='light'] .cardTitle_tke3 {
    color: var(--ifm-color-content);
}

.cardDesc_dDVo {
    font-size: 0.95rem;
    color: var(--ifm-color-emphasis-600);
    line-height: 1.6;
    margin: 0;
    position: relative;
    z-index: 2;
}

[data-theme='dark'] .cardDesc_dDVo {
    color: rgba(255, 255, 255, 0.65);
}

[data-theme='light'] .cardDesc_dDVo {
    color: var(--ifm-color-content-secondary);
}

/* === LOADING STATE === */
.cardSkeleton_k1lo {
    background: linear-gradient(90deg, 
        var(--ifm-color-emphasis-100) 25%, 
        var(--ifm-color-emphasis-200) 50%, 
        var(--ifm-color-emphasis-100) 75%
    );
    background-size: 200% 100%;
    animation: shimmer_dEUl 1.5s infinite;
    border-radius: 8px;
}

@keyframes shimmer_dEUl {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* === ANIMATIONS === */
@keyframes fadeInUp_T9gV {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* === ACCESSIBILITY === */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    
    .card_M5pr {
        animation: none;
    }
    
    .hero_aEcG {
        animation: none;
    }
}

@media (prefers-contrast: high) {
    .card_M5pr {
        border: 2px solid var(--ifm-color-emphasis-400);
    }
    
    .card_M5pr:hover,
    .card_M5pr:focus-visible {
        border-color: var(--ifm-color-primary);
        border-width: 3px;
    }
    
    .searchContainer_AdQz {
        border: 2px solid var(--ifm-color-emphasis-400);
    }
    
    .searchContainer_AdQz:focus-within {
        border-color: var(--ifm-color-primary);
        border-width: 3px;
    }
}

/* === RESPONSIVE DESIGN === */
@media (max-width: 1200px) {
    .grid4_jOK5 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1024px) {
    .grid4_jOK5,
    .grid3_D75s {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .hero_aEcG {
        padding: 6rem 1rem 4rem;
    }
    
    .section_Q9Zo {
        padding: 4rem 0;
    }
}

@media (max-width: 768px) {
    .heroTitle_qg2I {
        font-size: 2.5rem;
        margin-bottom: 1rem;
    }
    
    .heroSubtitle_jFu1 {
        font-size: 1rem;
        margin-bottom: 2rem;
    }
    
    .grid4_jOK5,
    .grid3_D75s {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }
    
    .card_M5pr {
        padding: 1.5rem;
    }
    
    .container_bfhl {
        padding: 0 1.5rem;
    }
    
    .hero_aEcG {
        padding: 4rem 1rem 3rem;
    }
    
    .section_Q9Zo {
        padding: 3rem 0;
    }
    
    .searchContainer_AdQz {
        padding: 0.875rem 1.25rem;
    }
    
    .searchInput_yMmf {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .heroTitle_qg2I {
        font-size: 2rem;
    }
    
    .card_M5pr {
        padding: 1.25rem;
    }
    
    .cardIcon_I6MN {
        width: 40px;
        height: 40px;
    }
    
    .cardTitle_tke3 {
        font-size: 1.1rem;
    }
    
    .cardDesc_dDVo {
        font-size: 0.9rem;
    }
    
    .container_bfhl {
        padding: 0 1rem;
    }
    
    .searchContainer_AdQz {
        padding: 0.75rem 1rem;
    }
}

/* === NEW SECTION STYLES === */

/* Section badge chip */
.sectionBadge_uotE {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--ifm-color-primary);
    background: color-mix(in srgb, var(--ifm-color-primary) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--ifm-color-primary) 25%, transparent);
}

/* Numbered quick start link wrapper */
.numberedLink_Vc_V {
    position: relative;
    display: flex;
    align-items: stretch;
}

.numberedLink_Vc_V > a,
.numberedLink_Vc_V > *:not(.numberBadge_csGD) {
    flex: 1;
}

.numberBadge_csGD {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    flex-shrink: 0;
    font-size: 0.65rem;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
    color: var(--ifm-color-primary);
    opacity: 0.55;
    margin-right: 0.5rem;
    padding-top: 0.25rem;
    -webkit-user-select: none;
            user-select: none;
}

/* Release card wrapper with accent bar */
.releaseCard_zx7T {
    position: relative;
    display: flex;
    flex-direction: column;
}

.releaseAccent_N4A8 {
    position: absolute;
    left: 0;
    top: 0.75rem;
    bottom: 0.75rem;
    width: 2.5px;
    border-radius: 9999px;
    background: linear-gradient(to bottom, #E8B058, #C89446);
    z-index: 10;
    pointer-events: none;
}

.releaseCard_zx7T > *:last-child {
    padding-left: 0.5rem;
}

/* CTA card */
.ctaCard_L2rm {
    box-shadow: 0 0 80px rgba(232, 176, 88, 0.06), 0 20px 60px rgba(0,0,0,0.08);
    transition: box-shadow 0.3s ease;
}

.ctaCard_L2rm:hover {
    box-shadow: 0 0 100px rgba(232, 176, 88, 0.10), 0 20px 80px rgba(0,0,0,0.12);
}

/* === RELEASE CARDS v2 === */

.releaseCardNew_Cgk9 {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    background: var(--ifm-background-surface-color);
    border: 1px solid var(--ifm-color-emphasis-200);
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    cursor: pointer;
}

.releaseCardNew_Cgk9:hover {
    border-color: rgba(232, 176, 88, 0.35);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
    -webkit-text-decoration: none;
    text-decoration: none;
}

[data-theme='dark'] .releaseCardNew_Cgk9:hover {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

/* Gold shimmer top border */
.releaseCardTopBar_B44i {
    height: 2px;
    width: 100%;
    background: linear-gradient(90deg, #E8B058 0%, #C89446 40%, transparent 100%);
    flex-shrink: 0;
}

.releaseCardBody_XN3E {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 1.25rem 1.5rem 1.4rem;
}

.releaseMetaDate_gfxZ {
    font-size: 0.72rem;
    font-family: 'JetBrains Mono', monospace;
    color: var(--ifm-color-content-secondary);
    opacity: 0.8;
    line-height: 1.4;
}

.sprintId_iiqv {
    opacity: 0.6;
}

.latestBadge_T6GF {
    display: inline-block;
    padding: 0.2rem 0.55rem;
    border-radius: 9999px;
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #E8B058;
    background: rgba(232, 176, 88, 0.12);
    border: 1px solid rgba(232, 176, 88, 0.28);
    white-space: nowrap;
    flex-shrink: 0;
}

.releaseTitleNew_hPuM {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--ifm-color-content);
    margin: 0 0 0.5rem 0;
    line-height: 1.35;
}

.releaseDescNew_SJDl {
    font-size: 0.875rem;
    color: var(--ifm-color-content-secondary);
    line-height: 1.6;
    margin: 0 0 1rem 0;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.releaseReadMore_qbRZ {
    display: inline-flex;
    align-items: center;
    font-size: 0.78rem;
    font-weight: 500;
    color: #E8B058;
    margin-top: auto;
}

/* === ROADMAP CARDS v2 === */

.roadmapCardNew_xMyQ {
    position: relative;
    border-radius: 12px;
    background: var(--ifm-background-surface-color);
    border: 1px solid var(--ifm-color-emphasis-200);
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.roadmapCardNew_xMyQ:hover {
    border-color: rgba(232, 176, 88, 0.25);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

[data-theme='dark'] .roadmapCardNew_xMyQ:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}

/* Colored top stripe by status */
.roadmapCardStripe_qplX {
    height: 3px;
    width: 100%;
    background: rgba(232, 176, 88, 0.35);
}

.roadmapStripeActive_wdze {
    background: linear-gradient(90deg, #22c55e, #16a34a);
}

.roadmapCardContent_OXFr {
    padding: 1.1rem 1.25rem 1.25rem;
}

.roadmapStatusBadge_scW3 {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.55rem;
    border-radius: 9999px;
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #E8B058;
    background: rgba(232, 176, 88, 0.1);
    border: 1px solid rgba(232, 176, 88, 0.22);
}

.roadmapStatusActive_qJty {
    color: #22c55e;
    background: rgba(34, 197, 94, 0.1);
    border-color: rgba(34, 197, 94, 0.25);
}

.roadmapQuarterLabel_RCkI {
    font-size: 0.68rem;
    font-family: 'JetBrains Mono', monospace;
    color: var(--ifm-color-content-secondary);
    opacity: 0.65;
}

.roadmapItemTitleNew_NpNG {
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--ifm-color-content);
    margin: 0 0 0.4rem 0;
    line-height: 1.35;
}

.roadmapItemDescNew_ljAP {
    font-size: 0.8rem;
    color: var(--ifm-color-content-secondary);
    line-height: 1.55;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* === PRINT STYLES === */
@media print {
    .main_iUjq::before {
        display: none;
    }
    
    .card_M5pr {
        page-break-inside: avoid;
        break-inside: avoid;
        box-shadow: none;
        border: 1px solid #ccc;
        background: white;
    }
    
    .card_M5pr:hover {
        transform: none;
    }
    
    .hero_aEcG {
        padding: 2rem 0;
    }
}
.main_lv6b {
  min-height: 100vh;
  background-color: var(--ifm-background-color);
}

.footerCta_DHW1 {
  margin-top: 3rem;
  padding: 2.5rem;
  border-radius: 1rem;
  border: 1px solid var(--ifm-color-emphasis-200);
  background: var(--ifm-background-surface-color);
  text-align: center;
}

[data-theme='dark'] .footerCta_DHW1 {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.06);
}

.footerCtaContent_cuF1 {
  max-width: 500px;
  margin: 0 auto;
}

.footerCtaTitle_JRds {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: var(--ifm-color-content);
}

.footerCtaText_CYfa {
  font-size: 0.875rem;
  color: var(--ifm-color-content-secondary);
  margin-bottom: 1.5rem;
  line-height: 1.6;
}

.footerCtaButtons_Ollb {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

.footerCtaPrimary_ps31 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  background: #E8B058;
  color: #000;
  font-size: 0.875rem;
  font-weight: 600;
  border-radius: 0.75rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all 0.2s ease;
  box-shadow: 0 4px 16px rgba(232, 176, 88, 0.25);
}

.footerCtaPrimary_ps31:hover {
  background: #D4A047;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #000;
  transform: translateY(-1px);
}

.footerCtaSecondary_CK1Q {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  background: transparent;
  color: var(--ifm-color-content);
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 0.75rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  border: 1px solid var(--ifm-color-emphasis-300);
  transition: all 0.2s ease;
}

[data-theme='dark'] .footerCtaSecondary_CK1Q {
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
}

.footerCtaSecondary_CK1Q:hover {
  border-color: #E8B058;
  -webkit-text-decoration: none;
  text-decoration: none;
}

[data-theme='dark'] .footerCtaSecondary_CK1Q:hover {
  border-color: rgba(232, 176, 88, 0.5);
  background: rgba(255, 255, 255, 0.05);
}

@media (max-width: 640px) {
  .footerCta_DHW1 {
    padding: 1.5rem;
  }

  .footerCtaTitle_JRds {
    font-size: 1.125rem;
  }

  .footerCtaButtons_Ollb {
    flex-direction: column;
  }

  .footerCtaPrimary_ps31,
  .footerCtaSecondary_CK1Q {
    width: 100%;
  }
}

/**
 * Getting Started Page — Journey Redesign
 * Primary Color: #E8B058 (Golden Amber)
 * Supports: Dark/Light theme, Responsive (480, 768, 1024, 1200px)
 * No progress tracker, no checkboxes — pure content hub
 */

/* === MAIN LAYOUT === */
.main_JBaA {
    min-height: 100vh;
    background-color: var(--ifm-background-color);
    color: var(--ifm-font-color-base);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* === BADGE UTILITY === */
.sectionBadge_mWgu {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #E8B058;
    background: rgba(232, 176, 88, 0.1);
    border: 1px solid rgba(232, 176, 88, 0.25);
    margin-bottom: 0.75rem;
}

/* === HERO SECTION === */
.hero_QhA3 {
    position: relative;
    padding: 5rem 1.5rem 3rem;
    overflow: hidden;
    text-align: center;
}

.heroGlow_e4l7 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 400px;
    background: radial-gradient(circle, rgba(232, 176, 88, 0.08) 0%, transparent 70%);
    pointer-events: none;
}

[data-theme='dark'] .heroGlow_e4l7 {
    background: radial-gradient(circle, rgba(232, 176, 88, 0.12) 0%, transparent 70%);
}

.heroContent_slZS {
    position: relative;
    z-index: 1;
    max-width: 720px;
    margin: 0 auto;
}

.heroTitle_dBSj {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: var(--ifm-heading-color);
    margin-bottom: 1rem;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

[data-theme='dark'] .heroTitle_dBSj {
    background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.75) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.heroSubtitle_wVZG {
    font-size: clamp(0.95rem, 2vw, 1.15rem);
    color: var(--ifm-color-content-secondary);
    margin-bottom: 2rem;
    line-height: 1.6;
}

[data-theme='dark'] .heroSubtitle_wVZG {
    color: rgba(255, 255, 255, 0.65);
}

.heroActions_H819 {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

/* === SECTION LAYOUT === */
.section_PfS2 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 3rem 1.5rem;
}

.sectionTitle_V_JR {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--ifm-heading-color);
    margin-bottom: 0.5rem;
}

[data-theme='dark'] .sectionTitle_V_JR {
    color: rgba(255, 255, 255, 0.95);
}

.sectionSubtitle_eD2Q {
    font-size: 0.95rem;
    color: var(--ifm-color-content-secondary);
    margin-bottom: 2rem;
}

[data-theme='dark'] .sectionSubtitle_eD2Q {
    color: rgba(255, 255, 255, 0.55);
}

/* === CTA BUTTONS === */
.ctaButtonPrimary_hznJ {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: #E8B058;
    color: #000;
    font-weight: 600;
    font-size: 0.95rem;
    border-radius: 12px;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: all 0.2s ease;
    box-shadow: 0 4px 20px rgba(232, 176, 88, 0.25);
}

.ctaButtonPrimary_hznJ:hover {
    background: #D4A047;
    color: #000;
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(232, 176, 88, 0.35);
}

.ctaButtonSecondary_srxs {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: transparent;
    font-weight: 600;
    font-size: 0.95rem;
    border-radius: 12px;
    border: 1px solid rgba(232, 176, 88, 0.3);
    color: var(--ifm-color-content);
    cursor: pointer;
    transition: all 0.2s ease;
}

[data-theme='dark'] .ctaButtonSecondary_srxs {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
}

.ctaButtonSecondary_srxs:hover {
    background: rgba(232, 176, 88, 0.1);
    border-color: #E8B058;
    color: #E8B058;
}

.ctaButtonOutline_IY_S {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: transparent;
    font-weight: 600;
    font-size: 0.95rem;
    border-radius: 12px;
    border: 1px solid var(--ifm-color-emphasis-300);
    color: var(--ifm-color-content-secondary);
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: all 0.2s ease;
}

.ctaButtonOutline_IY_S:hover {
    border-color: #E8B058;
    color: #E8B058;
}

/* === ROLE CARDS === */
.roleGrid_cvxA {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
}

.roleCard_HBUC {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 1.75rem;
    border-radius: 16px;
    border: 1px solid var(--ifm-color-emphasis-200);
    background: var(--ifm-background-surface-color);
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
    overflow: hidden;
}

.roleCard_HBUC::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--role-color, #E8B058);
}

.roleCard_HBUC:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
    border-color: var(--role-color, #E8B058);
}

[data-theme='dark'] .roleCard_HBUC:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
}

.roleCardIcon_P3En {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    margin-bottom: 1rem;
    color: var(--role-color, #E8B058);
    background: color-mix(in srgb, var(--role-color, #E8B058) 10%, transparent);
}

.roleCardTitle_FfKN {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--ifm-heading-color);
    margin-bottom: 0.5rem;
}

[data-theme='dark'] .roleCardTitle_FfKN {
    color: rgba(255, 255, 255, 0.95);
}

.roleCardDesc_Ybhi {
    font-size: 0.85rem;
    color: var(--ifm-color-content-secondary);
    line-height: 1.5;
    margin-bottom: 1rem;
    flex: 1;
}

[data-theme='dark'] .roleCardDesc_Ybhi {
    color: rgba(255, 255, 255, 0.6);
}

.roleCardMeta_E6f_ {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.roleCardBadge_ryWU {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.6rem;
    border-radius: 9999px;
    font-size: 0.7rem;
    font-weight: 600;
    background: rgba(232, 176, 88, 0.1);
    color: #E8B058;
    border: 1px solid rgba(232, 176, 88, 0.2);
}

.roleCardLink_iTUS {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--role-color, #E8B058);
    transition: gap 0.2s ease;
}

.roleCard_HBUC:hover .roleCardLink_iTUS {
    gap: 0.5rem;
}

.roleCardActive_AeIe {
    border-color: var(--role-color, #E8B058);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--role-color, #E8B058) 30%, transparent),
                0 12px 40px rgba(0, 0, 0, 0.12);
    transform: translateY(-4px);
}

[data-theme='dark'] .roleCardActive_AeIe {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--role-color, #E8B058) 30%, transparent),
                0 12px 40px rgba(0, 0, 0, 0.4);
}

.roleCard_HBUC {
    cursor: pointer;
    text-align: left;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    font-family: inherit;
    font-size: inherit;
}

.roleQuickLinks_GQzU {
    margin-top: 2.5rem;
    padding: 1.5rem;
    border-radius: 16px;
    border: 1px solid var(--ifm-color-emphasis-200);
    background: var(--ifm-background-surface-color);
}

.roleQuickLinksTitle_xHPj {
    font-size: 1rem;
    font-weight: 700;
    color: var(--ifm-heading-color);
    margin-bottom: 1.25rem;
}

[data-theme='dark'] .roleQuickLinksTitle_xHPj {
    color: rgba(255, 255, 255, 0.95);
}

/* === TIMELINE STEPPER === */
.timeline_dttb {
    display: flex;
    gap: 0;
    margin-bottom: 2rem;
    overflow-x: auto;
    padding-bottom: 0.5rem;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.timelineStep_PDqg {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    min-width: 120px;
    padding: 1rem 0.5rem;
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
}

.timelineStep_PDqg::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: transparent;
    border-radius: 2px;
    transition: background 0.2s ease;
}

.timelineStepActive_hX2K::after {
    background: #E8B058;
}

.timelineNumber_yy1N {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 0.875rem;
    font-weight: 700;
    background: var(--ifm-color-emphasis-200);
    color: var(--ifm-color-emphasis-600);
    transition: all 0.2s ease;
}

.timelineStepActive_hX2K .timelineNumber_yy1N {
    background: #E8B058;
    color: #000;
}

.timelineLabel_ldOc {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--ifm-color-content-secondary);
    text-align: center;
    line-height: 1.3;
    transition: color 0.2s ease;
}

.timelineStepActive_hX2K .timelineLabel_ldOc {
    color: #E8B058;
}

[data-theme='dark'] .timelineLabel_ldOc {
    color: rgba(255, 255, 255, 0.55);
}

/* === STAGE DETAIL === */
.stageDetail_QOAs {
    background: var(--ifm-background-surface-color);
    border: 1px solid var(--ifm-color-emphasis-200);
    border-radius: 16px;
    padding: 2rem;
}

[data-theme='dark'] .stageDetail_QOAs {
    border-color: rgba(255, 255, 255, 0.08);
}

.stageSection_nZvB {
    margin-bottom: 2rem;
}

.stageSection_nZvB:last-child {
    margin-bottom: 0;
}

.stageSectionTitle_ji0N {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--ifm-heading-color);
    margin-bottom: 1rem;
}

[data-theme='dark'] .stageSectionTitle_ji0N {
    color: rgba(255, 255, 255, 0.95);
}

/* === ACTION CARDS === */
.actionGrid__0Iw {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.actionCard_Q2W7 {
    display: flex;
    flex-direction: column;
    padding: 1.25rem;
    border-radius: 12px;
    border: 1px solid var(--ifm-color-emphasis-200);
    background: var(--ifm-background-color);
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: all 0.2s ease;
}

.actionCard_Q2W7:hover {
    border-color: #E8B058;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(232, 176, 88, 0.1);
}

.actionCardHeader_Gxaf {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.actionCardTitle_tGr8 {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--ifm-heading-color);
}

[data-theme='dark'] .actionCardTitle_tGr8 {
    color: rgba(255, 255, 255, 0.9);
}

.actionCardTime_GGw4 {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.7rem;
    font-weight: 600;
    color: #E8B058;
    background: rgba(232, 176, 88, 0.1);
    padding: 0.15rem 0.5rem;
    border-radius: 9999px;
}

.actionCardDesc_phTB {
    font-size: 0.85rem;
    color: var(--ifm-color-content-secondary);
    line-height: 1.5;
    flex: 1;
    margin-bottom: 0.75rem;
}

[data-theme='dark'] .actionCardDesc_phTB {
    color: rgba(255, 255, 255, 0.6);
}

.actionCardLink_r2UF {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: #E8B058;
}

.actionCard_Q2W7:hover .actionCardLink_r2UF {
    gap: 0.5rem;
}

/* === ARTICLE CARDS (Stage detail) === */
.articleGrid_rKo9 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.articleCard_jRAk {
    display: flex;
    flex-direction: column;
    padding: 1.25rem;
    border-radius: 12px;
    border: 1px solid var(--ifm-color-emphasis-200);
    background: var(--ifm-background-color);
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: all 0.2s ease;
}

.articleCard_jRAk:hover {
    border-color: rgba(232, 176, 88, 0.4);
    transform: translateY(-2px);
}

.articleCardCategory_QNB8 {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #E8B058;
    background: rgba(232, 176, 88, 0.1);
    margin-bottom: 0.5rem;
}

.articleCardTitle_ZKO3 {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--ifm-heading-color);
    margin-bottom: 0.35rem;
}

[data-theme='dark'] .articleCardTitle_ZKO3 {
    color: rgba(255, 255, 255, 0.9);
}

.articleCardDesc_Ty99 {
    font-size: 0.8rem;
    color: var(--ifm-color-content-secondary);
    line-height: 1.5;
    flex: 1;
    margin-bottom: 0.75rem;
}

[data-theme='dark'] .articleCardDesc_Ty99 {
    color: rgba(255, 255, 255, 0.55);
}

.articleCardMeta_Jmwt {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.articleCardTime_lwvn {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.7rem;
    color: var(--ifm-color-content-secondary);
}

.articleCardLink_AjkW {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: #E8B058;
}

.articleCard_jRAk:hover .articleCardLink_AjkW {
    gap: 0.5rem;
}

/* === VIDEO ROW (stage detail) === */
.videoRow_kkcr {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.videoCardSmall_bPsd {
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    border: 1px solid var(--ifm-color-emphasis-200);
    background: var(--ifm-background-color);
    overflow: hidden;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: left;
    padding: 0;
}

.videoCardSmall_bPsd:hover {
    border-color: rgba(232, 176, 88, 0.4);
    transform: translateY(-2px);
}

.videoThumbnailSmall_giBc {
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.2);
}

.videoThumbnailSmall_giBc img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.videoPlayOverlay_HYhW {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.videoCardSmall_bPsd:hover .videoPlayOverlay_HYhW,
.videoCard_EDX3:hover .videoPlayOverlay_HYhW {
    opacity: 1;
}

.videoPlayOverlay_HYhW svg {
    color: #E8B058;
    width: 32px;
    height: 32px;
}

.videoDurationSmall_gCEU {
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
    padding: 0.15rem 0.4rem;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 4px;
    font-size: 0.7rem;
    color: #fff;
    font-family: 'JetBrains Mono', monospace;
}

.videoCardInfo_DN60 {
    padding: 0.75rem;
}

.videoCardTitle_S9fv {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--ifm-heading-color);
    margin-bottom: 0.25rem;
}

[data-theme='dark'] .videoCardTitle_S9fv {
    color: rgba(255, 255, 255, 0.9);
}

.videoCardDesc_pvKs {
    font-size: 0.75rem;
    color: var(--ifm-color-content-secondary);
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

[data-theme='dark'] .videoCardDesc_pvKs {
    color: rgba(255, 255, 255, 0.55);
}

/* === VIDEO GRID (main section) === */
.videoGrid_MwFU {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.25rem;
}

.videoCard_EDX3 {
    border-radius: 12px;
    border: 1px solid var(--ifm-color-emphasis-200);
    background: var(--ifm-background-surface-color);
    overflow: hidden;
    cursor: pointer;
    transition: all 0.25s ease;
}

.videoCard_EDX3:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
    border-color: rgba(232, 176, 88, 0.4);
}

[data-theme='dark'] .videoCard_EDX3:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
}

.videoThumbnail_htaM {
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.2);
}

.videoThumbnail_htaM img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.videoCard_EDX3:hover .videoThumbnail_htaM img {
    transform: scale(1.05);
}

.videoPlayButton_mKpj {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: #E8B058;
    border-radius: 50%;
    transition: transform 0.2s ease;
}

.videoCard_EDX3:hover .videoPlayButton_mKpj {
    transform: scale(1.1);
}

.videoDuration_f33n {
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
    padding: 0.2rem 0.5rem;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 4px;
    font-size: 0.7rem;
    color: #fff;
    font-family: 'JetBrains Mono', monospace;
}

.videoCardBody_IMSi {
    padding: 0.75rem;
}

.videoCardTitleLarge_cVeo {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--ifm-heading-color);
    margin-bottom: 0.25rem;
}

[data-theme='dark'] .videoCardTitleLarge_cVeo {
    color: rgba(255, 255, 255, 0.9);
}

.videoCardDescLarge_cjXO {
    font-size: 0.75rem;
    color: var(--ifm-color-content-secondary);
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

[data-theme='dark'] .videoCardDescLarge_cjXO {
    color: rgba(255, 255, 255, 0.55);
}

/* === ESSENTIAL DOCUMENTATION === */
.articleCategoryGroup_XOwo {
    margin-bottom: 1.5rem;
}

.articleCategoryGroup_XOwo:last-child {
    margin-bottom: 0;
}

.articleCategoryLabel_nPmW {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #E8B058;
    margin-bottom: 0.75rem;
}

.essentialGrid_hr6A {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1rem;
}

.essentialCard_B1FO {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 12px;
    border: 1px solid var(--ifm-color-emphasis-200);
    background: var(--ifm-background-surface-color);
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: all 0.2s ease;
}

.essentialCard_B1FO:hover {
    border-color: rgba(232, 176, 88, 0.4);
    transform: translateY(-2px);
}

.essentialCardIcon_E6cn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(232, 176, 88, 0.1);
    color: #E8B058;
    flex-shrink: 0;
}

.essentialCardContent_bo8w {
    flex: 1;
    min-width: 0;
}

.essentialCardTitle_wgBp {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--ifm-heading-color);
    margin-bottom: 0.25rem;
}

[data-theme='dark'] .essentialCardTitle_wgBp {
    color: rgba(255, 255, 255, 0.9);
}

.essentialCardDesc_ooXF {
    font-size: 0.8rem;
    color: var(--ifm-color-content-secondary);
    line-height: 1.4;
    margin-bottom: 0.5rem;
}

[data-theme='dark'] .essentialCardDesc_ooXF {
    color: rgba(255, 255, 255, 0.55);
}

.essentialCardLink_jb86 {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: #E8B058;
}

.essentialCard_B1FO:hover .essentialCardLink_jb86 {
    gap: 0.5rem;
}

/* === SYSTEM REQUIREMENTS === */
.reqGrid_rSf0 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.reqCard_tDb9 {
    padding: 1.5rem;
    border-radius: 12px;
    border: 1px solid var(--ifm-color-emphasis-200);
    background: var(--ifm-background-surface-color);
    text-align: center;
}

.reqIcon_u0Up {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    margin: 0 auto 0.75rem;
    background: rgba(232, 176, 88, 0.1);
    color: #E8B058;
}

.reqName__929 {
    font-size: 1rem;
    font-weight: 700;
    color: var(--ifm-heading-color);
    margin-bottom: 0.5rem;
}

[data-theme='dark'] .reqName__929 {
    color: rgba(255, 255, 255, 0.95);
}

.reqMessage_uNET {
    font-size: 0.8rem;
    color: var(--ifm-color-content-secondary);
    line-height: 1.5;
}

[data-theme='dark'] .reqMessage_uNET {
    color: rgba(255, 255, 255, 0.55);
}

/* === CTA FOOTER === */
.cta_hinF {
    position: relative;
    overflow: hidden;
    padding: 4rem 2rem;
    margin: 0 1.5rem 4rem;
    border-radius: 20px;
    background: var(--ifm-background-surface-color);
    border: 1px solid var(--ifm-color-emphasis-200);
    text-align: center;
}

.cta_hinF::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, #E8B058 25%, #C89446 50%, #E8B058 75%, transparent 100%);
}

.ctaGlow_mcuv {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(232, 176, 88, 0.06) 0%, transparent 70%);
    pointer-events: none;
}

[data-theme='dark'] .ctaGlow_mcuv {
    background: radial-gradient(circle, rgba(232, 176, 88, 0.1) 0%, transparent 70%);
}

.ctaContent_RR_j {
    position: relative;
    z-index: 1;
}

.ctaTitle_HoEr {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    color: var(--ifm-heading-color);
    margin-bottom: 0.75rem;
}

[data-theme='dark'] .ctaTitle_HoEr {
    color: rgba(255, 255, 255, 0.95);
}

.ctaDesc_ynXN {
    font-size: 1rem;
    color: var(--ifm-color-content-secondary);
    margin-bottom: 2rem;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

[data-theme='dark'] .ctaDesc_ynXN {
    color: rgba(255, 255, 255, 0.6);
}

.ctaButtons_HCpo {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

/* === VIDEO MODAL === */
.videoModalOverlay_K8bN {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.videoModalBackdrop_i0nu {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(4px);
}

.videoModalContent_zkr5 {
    position: relative;
    width: 100%;
    max-width: 960px;
    background: #1a1a1a;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    overflow: hidden;
    animation: modal_RJ2x :local(fadeIn) 0.2s ease-out;
}

.videoModalHeader_F8Nq {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.videoModalTitle_Qur3 {
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    margin: 0;
}

.videoModalDesc_E3p1 {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.6);
    margin: 0.25rem 0 0;
}

.videoModalClose_LSz4 {
    padding: 0.5rem;
    border-radius: 8px;
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    transition: all 0.2s ease;
}

.videoModalClose_LSz4:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.videoModalPlayer_SXyu {
    aspect-ratio: 16/9;
}

.videoModalIframe_oU8O {
    width: 100%;
    height: 100%;
    border: none;
}

@keyframes fadeIn_Us6O {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

/* === RESPONSIVE DESIGN === */

/* Wide (1201px+): 4-col role cards, 5-col video, 4-col articles, 4-col reqs — set in base styles */

@media (max-width: 1200px) {
    .roleGrid_cvxA {
        grid-template-columns: repeat(3, 1fr);
    }

    .videoGrid_MwFU {
        grid-template-columns: repeat(3, 1fr);
    }

    .essentialGrid_hr6A {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1024px) {
    .roleGrid_cvxA {
        grid-template-columns: repeat(2, 1fr);
    }

    .videoGrid_MwFU {
        grid-template-columns: repeat(2, 1fr);
    }

    .essentialGrid_hr6A {
        grid-template-columns: repeat(2, 1fr);
    }

    .reqGrid_rSf0 {
        grid-template-columns: repeat(2, 1fr);
    }

    .hero_QhA3 {
        padding: 4rem 1rem 2rem;
    }

    .timelineLabel_ldOc {
        font-size: 0.65rem;
    }
}

@media (max-width: 768px) {
    .roleGrid_cvxA {
        grid-template-columns: repeat(2, 1fr);
    }

    .videoGrid_MwFU {
        grid-template-columns: repeat(2, 1fr);
    }

    .essentialGrid_hr6A {
        grid-template-columns: repeat(2, 1fr);
    }

    .timeline_dttb {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .timelineStep_PDqg {
        min-width: 100px;
    }

    .stageDetail_QOAs {
        padding: 1.25rem;
    }

    .cta_hinF {
        margin: 0 1rem 3rem;
        padding: 3rem 1.5rem;
    }

    .ctaButtons_HCpo {
        flex-direction: column;
        align-items: center;
    }

    .videoRow_kkcr {
        grid-template-columns: 1fr;
    }

    .section_PfS2 {
        padding: 2rem 1rem;
    }
}

@media (max-width: 480px) {
    .roleGrid_cvxA {
        grid-template-columns: 1fr;
    }

    .videoGrid_MwFU {
        grid-template-columns: 1fr;
    }

    .actionGrid__0Iw,
    .articleGrid_rKo9 {
        grid-template-columns: 1fr;
    }

    .essentialGrid_hr6A {
        grid-template-columns: 1fr;
    }

    .hero_QhA3 {
        padding: 3rem 1rem 2rem;
    }

    .heroTitle_dBSj {
        font-size: 1.75rem;
    }

    .heroActions_H819 {
        flex-direction: column;
        align-items: stretch;
    }

    .ctaButtonPrimary_hznJ,
    .ctaButtonSecondary_srxs,
    .ctaButtonOutline_IY_S {
        justify-content: center;
        width: 100%;
    }

    .roleCard_HBUC {
        padding: 1.25rem;
    }

    .stageDetail_QOAs {
        padding: 1rem;
    }

    .reqGrid_rSf0 {
        grid-template-columns: 1fr 1fr;
        gap: 0.75rem;
    }

    .timelineStep_PDqg {
        min-width: 80px;
        padding: 0.75rem 0.25rem;
    }

    .timelineNumber_yy1N {
        width: 28px;
        height: 28px;
        font-size: 0.75rem;
    }

    .cta_hinF {
        margin: 0 0.5rem 2rem;
        padding: 2rem 1rem;
    }
}

/* === FOCUS VISIBLE (Accessibility) === */

.roleCard_HBUC:focus-visible,
.actionCard_Q2W7:focus-visible,
.articleCard_jRAk:focus-visible,
.essentialCard_B1FO:focus-visible,
.videoCard_EDX3:focus-visible,
.videoCardSmall_bPsd:focus-visible,
.ctaButtonPrimary_hznJ:focus-visible,
.ctaButtonSecondary_srxs:focus-visible,
.ctaButtonOutline_IY_S:focus-visible,
.timelineStep_PDqg:focus-visible {
    outline: 2px solid #E8B058;
    outline-offset: 2px;
}

.videoCard_EDX3:focus-visible {
    outline-offset: 4px;
}

.videoModalClose_LSz4:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

/* === PRINT STYLES === */
@media print {
    .heroGlow_e4l7,
    .ctaGlow_mcuv,
    .videoModalOverlay_K8bN,
    .cta_hinF,
    .videoCardSmall_bPsd {
        display: none !important;
    }

    .roleCard_HBUC,
    .actionCard_Q2W7,
    .articleCard_jRAk,
    .essentialCard_B1FO,
    .videoCard_EDX3,
    .reqCard_tDb9,
    .stageDetail_QOAs {
        page-break-inside: avoid;
        break-inside: avoid;
        box-shadow: none;
        border: 1px solid #ccc;
        background: white;
    }

    .section_PfS2 {
        page-break-inside: avoid;
    }
}

/* === ACCESSIBILITY === */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

@media (prefers-contrast: high) {
    .roleCard_HBUC,
    .actionCard_Q2W7,
    .articleCard_jRAk,
    .essentialCard_B1FO,
    .videoCard_EDX3,
    .videoCardSmall_bPsd,
    .reqCard_tDb9,
    .stageDetail_QOAs {
        border-width: 2px;
    }

    .roleCard_HBUC:hover,
    .actionCard_Q2W7:hover,
    .articleCard_jRAk:hover,
    .essentialCard_B1FO:hover,
    .videoCard_EDX3:hover,
    .videoCardSmall_bPsd:hover {
        border-width: 3px;
    }
}
/**
 * NXGEN Admin Page Styles
 * 
 * Styles for admin dashboard pages including status, settings, etc.
 */

/* === STATUS PAGE === */

/* Header card with gold gradient */
.status-header-card {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  background: linear-gradient(135deg, rgba(232,176,88,0.06) 0%, rgba(0,0,0,0.4) 100%);
  border: 1px solid rgba(232,176,88,0.2);
}

[data-theme='light'] .status-header-card {
  background: linear-gradient(135deg, rgba(232,176,88,0.1) 0%, rgba(255,255,255,0.9) 100%);
  border-color: rgba(232,176,88,0.3);
}

/* Status stat cards */
.status-stat-card {
  border-radius: 0.75rem;
  padding: 1.25rem;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
}

[data-theme='light'] .status-stat-card {
  background: rgba(255,255,255,0.6);
  border-color: rgba(232,176,88,0.15);
}

/* Services list container */
.status-services-container {
  border-radius: 0.75rem;
  overflow: hidden;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
}

[data-theme='light'] .status-services-container {
  background: rgba(255,255,255,0.6);
  border-color: rgba(232,176,88,0.15);
}

/* Services list header */
.status-services-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

[data-theme='light'] .status-services-header {
  border-color: rgba(0,0,0,0.08);
}

/* Services list divider */
.status-services-divider {
  border-color: rgba(255,255,255,0.05);
}

[data-theme='light'] .status-services-divider {
  border-color: rgba(0,0,0,0.05);
}

/* Expanded service row */
.status-service-expanded {
  padding: 0 1.5rem 1rem;
  padding-top: 0.5rem;
  background: rgba(0,0,0,0.2);
}

[data-theme='light'] .status-service-expanded {
  background: rgba(0,0,0,0.03);
}

/* === AUTH CALLBACK PAGE === */

/* Error card for failed authentication */
.auth-error-card {
  width: 100%;
  max-width: 28rem;
  border-radius: 1rem;
  padding: 2rem;
  text-align: center;
  background: linear-gradient(135deg, rgba(239,68,68,0.06) 0%, rgba(0,0,0,0.4) 100%);
  border: 1px solid rgba(239,68,68,0.25);
}

[data-theme='light'] .auth-error-card {
  background: linear-gradient(135deg, rgba(239,68,68,0.06) 0%, rgba(255,255,255,0.9) 100%);
}

/* === COMMON ADMIN ELEMENTS === */

/* Icon container */
.admin-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  background: rgba(232,176,88,0.12);
  border: 1px solid rgba(232,176,88,0.2);
}

/* Gold accent button */
.admin-gold-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  background: rgba(232,176,88,0.15);
  color: #E8B058;
  border: 1px solid rgba(232,176,88,0.3);
  transition: all 0.2s ease;
}

.admin-gold-btn:hover {
  opacity: 0.8;
}

.admin-gold-btn:disabled {
  cursor: wait;
}

/* === SETTINGS PAGE === */

/* Settings header card */
.settings-header-card {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  padding: 1.5rem;
  margin-bottom: 2rem;
  background: linear-gradient(135deg, rgba(232,176,88,0.06) 0%, rgba(0,0,0,0.4) 100%);
  border: 1px solid rgba(232,176,88,0.2);
}

[data-theme='light'] .settings-header-card {
  background: linear-gradient(135deg, rgba(232,176,88,0.1) 0%, rgba(255,255,255,0.9) 100%);
  border-color: rgba(232,176,88,0.3);
}

/* Settings info box */
.settings-info-box {
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 2rem;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59,130,246,0.1);
  border: 1px solid rgba(59,130,246,0.2);
}

[data-theme='light'] .settings-info-box {
  background: rgba(59,130,246,0.05);
  border-color: rgba(59,130,246,0.15);
}

/* Settings section card */
.settings-section-card {
  border-radius: 0.75rem;
  padding: 1.5rem;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
}

[data-theme='light'] .settings-section-card {
  background: rgba(255,255,255,0.6);
  border-color: rgba(232,176,88,0.15);
}

/* Settings row */
.settings-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  border-radius: 0.5rem;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.05);
}

[data-theme='light'] .settings-row {
  background: rgba(255,255,255,0.4);
  border-color: rgba(232,176,88,0.1);
}

/* === CONTENT QUEUE PAGE === */

/* Header card with gold gradient */
.content-header-card {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  padding: 1.5rem;
  margin-bottom: 2rem;
  background: linear-gradient(135deg, rgba(232,176,88,0.06) 0%, rgba(0,0,0,0.4) 100%);
  border: 1px solid rgba(232,176,88,0.2);
}

[data-theme='light'] .content-header-card {
  background: linear-gradient(135deg, rgba(232,176,88,0.1) 0%, rgba(255,255,255,0.9) 100%);
  border-color: rgba(232,176,88,0.3);
}

/* Stat cards */
.content-stat-card {
  border-radius: 0.75rem;
  padding: 1rem;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
}

[data-theme='light'] .content-stat-card {
  background: rgba(255,255,255,0.6);
  border-color: rgba(232,176,88,0.15);
}

/* Filters container */
.content-filters-container {
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
}

[data-theme='light'] .content-filters-container {
  background: rgba(255,255,255,0.6);
  border-color: rgba(232,176,88,0.15);
}

/* Filter select dropdowns */
.content-filter-select {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  background: rgba(255,255,255,0.05);
  color: var(--ifm-color-content);
  border: 1px solid rgba(255,255,255,0.1);
}

[data-theme='light'] .content-filter-select {
  background: rgba(0,0,0,0.05);
  border-color: rgba(0,0,0,0.1);
}

/* Refresh button */
.content-refresh-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  background: rgba(255,255,255,0.05);
  color: var(--ifm-color-content);
  border: 1px solid rgba(255,255,255,0.1);
  cursor: pointer;
  transition: opacity 0.2s;
}

.content-refresh-btn:hover {
  opacity: 0.8;
}

.content-refresh-btn:disabled {
  cursor: wait;
  opacity: 0.6;
}

[data-theme='light'] .content-refresh-btn {
  background: rgba(0,0,0,0.05);
  border-color: rgba(0,0,0,0.1);
}

/* Table container */
.content-table-container {
  border-radius: 0.75rem;
  overflow: hidden;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
}

[data-theme='light'] .content-table-container {
  background: rgba(255,255,255,0.6);
  border-color: rgba(232,176,88,0.15);
}

/* Table header */
.content-table-header {
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

[data-theme='light'] .content-table-header {
  border-color: rgba(0,0,0,0.08);
}

/* Table rows */
.content-table-row {
  background: rgba(255,255,255,0.02);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

[data-theme='light'] .content-table-row {
  background: rgba(255,255,255,0.5);
  border-color: rgba(0,0,0,0.05);
}

/* Edit link button */
.content-edit-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  background: rgba(255,255,255,0.05);
  color: var(--ifm-color-content-secondary);
}

[data-theme='light'] .content-edit-link {
  background: rgba(0,0,0,0.05);
}

/* === ADMIN DASHBOARD PAGE === */

.admin-header-card {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  background: linear-gradient(135deg, rgba(232,176,88,0.06) 0%, rgba(0,0,0,0.4) 100%);
  border: 1px solid rgba(232,176,88,0.2);
}

[data-theme='light'] .admin-header-card {
  background: linear-gradient(135deg, rgba(232,176,88,0.1) 0%, rgba(255,255,255,0.9) 100%);
  border-color: rgba(232,176,88,0.3);
}

.admin-signout-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  background: rgba(255,255,255,0.06);
  color: var(--text-secondary);
  border: 1px solid rgba(255,255,255,0.1);
  cursor: pointer;
  transition: all 0.2s ease;
}

[data-theme='light'] .admin-signout-btn {
  background: rgba(0,0,0,0.06);
  border-color: rgba(0,0,0,0.1);
}

.admin-signout-btn:hover {
  opacity: 0.8;
}

.admin-stat-card {
  border-radius: 0.75rem;
  padding: 1.25rem;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all 0.2s ease;
}

[data-theme='light'] .admin-stat-card {
  background: rgba(255,255,255,0.6);
  border-color: rgba(232,176,88,0.15);
}

.admin-stat-card:hover {
  transform: scale(1.02);
}

.admin-panel {
  border-radius: 0.75rem;
  padding: 1.5rem;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
}

[data-theme='light'] .admin-panel {
  background: rgba(255,255,255,0.6);
  border-color: rgba(232,176,88,0.15);
}

.admin-panel-compact {
  border-radius: 0.75rem;
  padding: 1.25rem;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
}

[data-theme='light'] .admin-panel-compact {
  background: rgba(255,255,255,0.6);
  border-color: rgba(232,176,88,0.15);
}

.admin-select {
  font-size: 0.75rem;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  background: rgba(0,0,0,0.2);
  color: var(--text-primary);
  border: 1px solid rgba(255,255,255,0.1);
}

[data-theme='light'] .admin-select {
  background: rgba(0,0,0,0.05);
  border-color: rgba(0,0,0,0.1);
}

.admin-stat-box {
  text-align: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  background: rgba(0,0,0,0.2);
}

[data-theme='light'] .admin-stat-box {
  background: rgba(0,0,0,0.03);
}

.admin-list-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  background: rgba(0,0,0,0.2);
}

[data-theme='light'] .admin-list-item {
  background: rgba(0,0,0,0.03);
}

.admin-view-all-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  background: rgba(232,176,88,0.1);
  color: #E8B058;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all 0.2s ease;
}

[data-theme='light'] .admin-view-all-link {
  background: rgba(232,176,88,0.15);
}

.admin-view-all-link:hover {
  opacity: 0.8;
}

.admin-pipeline-track {
  height: 1.5rem;
  border-radius: 0.5rem;
  overflow: hidden;
  background: rgba(255,255,255,0.05);
}

[data-theme='light'] .admin-pipeline-track {
  background: rgba(0,0,0,0.05);
}

/* === ROUTING PAGE === */

.routing-header-card {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  padding: 1.5rem;
  margin-bottom: 2rem;
  background: linear-gradient(135deg, rgba(232,176,88,0.06) 0%, rgba(0,0,0,0.4) 100%);
  border: 1px solid rgba(232,176,88,0.2);
}

[data-theme='light'] .routing-header-card {
  background: linear-gradient(135deg, rgba(232,176,88,0.1) 0%, rgba(255,255,255,0.9) 100%);
  border-color: rgba(232,176,88,0.3);
}

.routing-stat-card {
  border-radius: 0.75rem;
  padding: 1rem;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
}

[data-theme='light'] .routing-stat-card {
  background: rgba(255,255,255,0.6);
  border-color: rgba(232,176,88,0.15);
}

.routing-list-container {
  border-radius: 0.75rem;
  padding: 1.5rem;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
}

[data-theme='light'] .routing-list-container {
  background: rgba(255,255,255,0.6);
  border-color: rgba(232,176,88,0.15);
}

.routing-input {
  padding: 0.5rem 1rem 0.5rem 2.5rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  color: var(--ifm-color-content);
}

[data-theme='light'] .routing-input {
  background: rgba(255,255,255,0.8);
  border-color: rgba(232,176,88,0.2);
}

.routing-table-header {
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

[data-theme='light'] .routing-table-header {
  border-color: rgba(232,176,88,0.15);
}

.routing-table-row {
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

[data-theme='light'] .routing-table-row {
  border-color: rgba(232,176,88,0.1);
}

.routing-path-code {
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  background: rgba(255,255,255,0.05);
  color: #E8B058;
}

[data-theme='light'] .routing-path-code {
  background: rgba(232,176,88,0.1);
}

.routing-action-btn {
  padding: 0.5rem;
  border-radius: 0.5rem;
  background: rgba(255,255,255,0.05);
  color: var(--ifm-color-content);
  transition: opacity 0.2s;
}

[data-theme='light'] .routing-action-btn {
  background: rgba(232,176,88,0.1);
}

.routing-action-btn:hover {
  opacity: 0.8;
}

/* === ROUTING MODAL === */

.routing-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(0,0,0,0.6);
}

.routing-modal {
  width: 100%;
  max-width: 32rem;
  border-radius: 1rem;
  padding: 1.5rem;
  background: rgba(20,20,20,0.98);
  border: 1px solid rgba(255,255,255,0.1);
  max-height: 90vh;
  overflow-y: auto;
}

[data-theme='light'] .routing-modal {
  background: rgba(255,255,255,0.98);
  border-color: rgba(232,176,88,0.2);
}

.routing-modal-input {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  color: var(--ifm-color-content);
}

[data-theme='light'] .routing-modal-input {
  background: rgba(255,255,255,0.8);
  border-color: rgba(232,176,88,0.2);
}

.routing-modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255,255,255,0.1);
}

[data-theme='light'] .routing-modal-footer {
  border-color: rgba(232,176,88,0.15);
}

.routing-cancel-btn {
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  background: rgba(255,255,255,0.05);
  color: var(--ifm-color-content);
}

[data-theme='light'] .routing-cancel-btn {
  background: rgba(0,0,0,0.05);
}

.routing-search-results {
  margin-top: 0.5rem;
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.1);
}

[data-theme='light'] .routing-search-results {
  border-color: rgba(232,176,88,0.2);
}

.routing-search-item {
  width: 100%;
  padding: 0.5rem 0.75rem;
  text-align: left;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(255,255,255,0.02);
  color: var(--ifm-color-content);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

[data-theme='light'] .routing-search-item {
  background: rgba(255,255,255,0.5);
  border-color: rgba(232,176,88,0.1);
}

.routing-search-item:hover {
  opacity: 0.7;
}

.routing-delete-modal {
  width: 100%;
  max-width: 28rem;
  border-radius: 1rem;
  padding: 1.5rem;
  background: rgba(20,20,20,0.98);
  border: 1px solid rgba(255,255,255,0.1);
}

[data-theme='light'] .routing-delete-modal {
  background: rgba(255,255,255,0.98);
  border-color: rgba(232,176,88,0.2);
}

.routing-delete-btn {
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(239,68,68,0.1);
  color: #ef4444;
  border: 1px solid rgba(239,68,68,0.2);
}

.routing-save-btn {
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(232,176,88,0.1);
  color: #E8B058;
  border: 1px solid rgba(232,176,88,0.2);
}

.routing-save-btn:disabled {
  opacity: 0.6;
}

/* === ADMIN LOGIN PAGE === */

.admin-login-card {
  position: relative;
  width: 100%;
  max-width: 28rem;
  border-radius: 1rem;
  padding: 2rem;
  text-align: center;
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
}

.admin-login-top-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  border-radius: 1rem 1rem 0 0;
  background: linear-gradient(90deg, transparent 0%, #E8B058 30%, #C89446 50%, #E8B058 70%, transparent 100%);
}

.admin-login-icon-box {
  width: 4rem;
  height: 4rem;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
  background: rgba(232,176,88,0.12);
  border: 1px solid rgba(232,176,88,0.25);
}

.admin-login-btn {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.75rem 1.5rem;
  border-radius: 0.75rem;
  font-weight: 600;
  background: linear-gradient(135deg, #E8B058 0%, #C89446 100%);
  color: #000;
  box-shadow: 0 4px 20px rgba(232,176,88,0.3);
  border: none;
  cursor: pointer;
  transition: all 0.2s;
}

.admin-login-btn:hover {
  transform: scale(1.02);
}

.admin-login-secure {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
  margin-top: 1.5rem;
  font-size: 0.75rem;
  color: var(--text-secondary);
}

/* === ANALYTICS PAGE === */

.analytics-header-card {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  padding: 1.5rem;
  margin-bottom: 2rem;
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
}

.analytics-header-top-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, #E8B058 25%, #C89446 50%, #E8B058 75%, transparent 100%);
}

.analytics-icon-box {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(232,176,88,0.12);
  border: 1px solid rgba(232,176,88,0.2);
}

.analytics-kpi-card {
  border-radius: 0.75rem;
  padding: 1rem;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
}

.analytics-chart-card {
  border-radius: 0.75rem;
  padding: 1.5rem;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
}

.analytics-chart-placeholder {
  height: 12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  background: rgba(0,0,0,0.2);
}

[data-theme='light'] .analytics-chart-placeholder {
  background: rgba(0,0,0,0.05);
}

.analytics-table-card {
  border-radius: 0.75rem;
  padding: 1.5rem;
  margin-bottom: 2rem;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
}

.analytics-table-header {
  border-bottom: 1px solid var(--border-subtle);
}

.analytics-table-row {
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

[data-theme='light'] .analytics-table-row {
  border-color: rgba(0,0,0,0.05);
}

.analytics-metrics-card {
  border-radius: 0.75rem;
  padding: 1.5rem;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
}

.analytics-metric-box {
  text-align: center;
  padding: 1rem;
  border-radius: 0.5rem;
  background: rgba(0,0,0,0.2);
}

[data-theme='light'] .analytics-metric-box {
  background: rgba(0,0,0,0.03);
}

.analytics-status-badge {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
}

.analytics-status-published {
  background: rgba(34,197,94,0.15);
  color: #22c55e;
}

.analytics-status-pending {
  background: rgba(232,176,88,0.15);
  color: #E8B058;
}

.analytics-status-draft {
  background: rgba(107,114,128,0.15);
  color: #6b7280;
}

/* === AUDIT LOGS PAGE === */

.audit-header-card {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  padding: 1.5rem;
  margin-bottom: 2rem;
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
}

.audit-header-top-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, #E8B058 25%, #C89446 50%, #E8B058 75%, transparent 100%);
}

.audit-icon-box {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(232,176,88,0.12);
  border: 1px solid rgba(232,176,88,0.2);
}

.audit-filters-container {
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
}

.audit-filter-select {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  background: var(--table-bg);
  color: var(--ifm-color-content);
  border: 1px solid var(--border-subtle);
}

.audit-filter-input {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  width: 8rem;
  background: var(--table-bg);
  color: var(--ifm-color-content);
  border: 1px solid var(--border-subtle);
}

.audit-refresh-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  background: var(--table-bg);
  color: var(--ifm-color-content);
  border: 1px solid var(--border-subtle);
  cursor: pointer;
  transition: opacity 0.2s;
}

.audit-refresh-btn:hover {
  opacity: 0.8;
}

.audit-refresh-btn:disabled {
  cursor: wait;
  opacity: 0.6;
}

.audit-export-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  background: rgba(232,176,88,0.1);
  color: #E8B058;
  border: 1px solid rgba(232,176,88,0.2);
  cursor: pointer;
  transition: opacity 0.2s;
}

.audit-export-btn:hover {
  opacity: 0.8;
}

.audit-export-btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.audit-table-container {
  border-radius: 0.75rem;
  overflow: hidden;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
}

.audit-table-header {
  border-bottom: 1px solid var(--border-subtle);
}

.audit-table-row {
  background: var(--table-bg);
  border-bottom: 1px solid rgba(255,255,255,0.05);
  cursor: pointer;
}

[data-theme='light'] .audit-table-row {
  border-color: rgba(0,0,0,0.05);
}

.audit-table-row:hover,
.audit-table-row--expanded {
  background: var(--table-row-hover);
}

.audit-changes-container {
  border-radius: 0.5rem;
  padding: 0.75rem;
  background: rgba(0,0,0,0.2);
}

[data-theme='light'] .audit-changes-container {
  background: rgba(0,0,0,0.05);
}

.audit-changes-pre {
  padding: 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  overflow: auto;
  background: rgba(0,0,0,0.3);
  color: var(--ifm-color-content);
}

[data-theme='light'] .audit-changes-pre {
  background: rgba(255,255,255,0.8);
}

.audit-pagination-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  background: var(--table-bg);
  color: var(--ifm-color-content);
  border: 1px solid var(--border-subtle);
  cursor: pointer;
  transition: opacity 0.2s;
}

.audit-pagination-btn:hover {
  opacity: 0.8;
}

.audit-pagination-btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

/* === SYSTEM STATUS COMPONENT === */

.system-status-card {
  border-radius: 0.75rem;
  padding: 1.25rem;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
}

[data-theme='light'] .system-status-card {
  background: rgba(255,255,255,0.6);
  border-color: rgba(232,176,88,0.15);
}

.system-status-compact-link {
  display: block;
  border-radius: 0.75rem;
  padding: 1rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all 0.2s ease;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
}

[data-theme='light'] .system-status-compact-link {
  background: rgba(255,255,255,0.6);
  border-color: rgba(232,176,88,0.15);
}

.system-status-compact-link:hover {
  transform: scale(1.02);
}

.system-status-service-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
  border-radius: 0.5rem;
  background: rgba(0,0,0,0.2);
}

[data-theme='light'] .system-status-service-row {
  background: rgba(0,0,0,0.03);
}

.system-status-refresh-btn {
  padding: 0.375rem;
  border-radius: 0.5rem;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  cursor: pointer;
  transition: opacity 0.2s;
}

[data-theme='light'] .system-status-refresh-btn {
  background: rgba(0,0,0,0.06);
  border-color: rgba(0,0,0,0.1);
}

.system-status-refresh-btn:hover {
  opacity: 0.8;
}

.system-status-refresh-btn:disabled {
  cursor: wait;
}

.system-status-view-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  background: rgba(232,176,88,0.1);
  color: #E8B058;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: opacity 0.2s;
}

[data-theme='light'] .system-status-view-link {
  background: rgba(232,176,88,0.15);
}

.system-status-view-link:hover {
  opacity: 0.8;
}

/* === SEARCH RESULTS DROPDOWN === */

.search-dropdown {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 0.5rem;
  width: 20rem;
  max-height: 24rem;
  overflow-y: auto;
  border-radius: 0.75rem;
  backdrop-filter: blur(8px);
  z-index: 50;
  background: rgba(17,17,17,0.98);
  border: 1px solid rgba(255,255,255,0.1);
}

[data-theme='light'] .search-dropdown {
  background: rgba(255,255,255,0.98);
  border-color: rgba(0,0,0,0.1);
}

.search-section {
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

[data-theme='light'] .search-section {
  border-color: rgba(0,0,0,0.08);
}

.search-section-header {
  padding: 0.5rem 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(255,255,255,0.03);
}

[data-theme='light'] .search-section-header {
  background: rgba(0,0,0,0.03);
}

.search-item {
  width: 100%;
  padding: 0.5rem 0.75rem;
  text-align: left;
  cursor: pointer;
  transition: all 0.15s;
  background: transparent;
}

.search-item:hover {
  opacity: 0.8;
}

.search-item--selected {
  background: rgba(232,176,88,0.1);
}

[data-theme='light'] .search-item--selected {
  background: rgba(232,176,88,0.05);
}

.search-see-all {
  width: 100%;
  padding: 0.5rem 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: opacity 0.2s;
  background: rgba(232,176,88,0.05);
}

[data-theme='light'] .search-see-all {
  background: rgba(232,176,88,0.02);
}

.search-see-all:hover {
  opacity: 0.8;
}

/* === NOTIFICATIONS DROPDOWN === */

.notifications-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.75rem;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  cursor: pointer;
  transition: all 0.2s ease;
}

[data-theme='light'] .notifications-btn {
  background: rgba(0,0,0,0.06);
  border-color: rgba(0,0,0,0.1);
}

.notifications-btn:hover {
  opacity: 0.8;
}

.notifications-badge {
  position: absolute;
  top: -0.25rem;
  right: -0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.125rem;
  height: 1.125rem;
  padding: 0 0.25rem;
  font-size: 0.625rem;
  font-weight: 700;
  border-radius: 9999px;
  background: #ef4444;
  color: #fff;
}

.notifications-dropdown {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 0.5rem;
  width: 20rem;
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0,0,0,0.3);
  backdrop-filter: blur(8px);
  background: rgba(17,17,17,0.98);
  border: 1px solid rgba(255,255,255,0.1);
}

[data-theme='light'] .notifications-dropdown {
  background: rgba(255,255,255,0.98);
  border-color: rgba(0,0,0,0.1);
}

.notifications-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

[data-theme='light'] .notifications-header {
  border-color: rgba(0,0,0,0.08);
}

.notifications-unread-badge {
  margin-left: 0.5rem;
  padding: 0.125rem 0.375rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 0.25rem;
  background: rgba(232,176,88,0.15);
  color: #E8B058;
}

.notifications-mark-all-btn {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #E8B058;
  cursor: pointer;
  background: none;
  border: none;
  transition: opacity 0.2s;
}

.notifications-mark-all-btn:hover {
  opacity: 0.8;
}

.notifications-list {
  max-height: 20rem;
  overflow-y: auto;
}

.notifications-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  cursor: pointer;
  transition: all 0.15s;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

[data-theme='light'] .notifications-item {
  border-color: rgba(0,0,0,0.05);
}

.notifications-item:hover {
  opacity: 0.9;
}

.notifications-item--unread {
  background: rgba(232,176,88,0.05);
}

[data-theme='light'] .notifications-item--unread {
  background: rgba(232,176,88,0.08);
}

.notifications-item-dot {
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
  margin-top: 0.375rem;
  border-radius: 9999px;
  background: #E8B058;
}

.notifications-footer {
  padding: 0.75rem 1rem;
  text-align: center;
  border-top: 1px solid rgba(255,255,255,0.08);
}

[data-theme='light'] .notifications-footer {
  border-color: rgba(0,0,0,0.08);
}

.notifications-view-all-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #E8B058;
  cursor: pointer;
  background: none;
  border: none;
  transition: opacity 0.2s;
}

.notifications-view-all-btn:hover {
  opacity: 0.8;
}

.notifications-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  text-align: center;
}

/* === QUICK ACTIONS === */

.quick-actions-container {
  border-radius: 0.75rem;
  padding: 1.25rem;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
}

[data-theme='light'] .quick-actions-container {
  background: rgba(255,255,255,0.6);
  border-color: rgba(232,176,88,0.15);
}

.quick-actions-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all 0.2s ease;
  background: rgba(0,0,0,0.2);
  border-left: 3px solid;
}

[data-theme='light'] .quick-actions-item {
  background: rgba(0,0,0,0.03);
}

.quick-actions-item:hover {
  transform: scale(1.02);
}

.quick-actions-item--compact {
  padding: 0.5rem;
  border-left: none;
}

/* === CONTENT PREVIEW MODAL === */

.content-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(0,0,0,0.7);
  backdrop-filter: blur(4px);
}

.content-modal {
  width: 90%;
  max-width: 62.5rem;
  max-height: 90vh;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5);
  display: flex;
  flex-direction: column;
  background: #1a1a1a;
  border: 1px solid rgba(232,176,88,0.2);
}

[data-theme='light'] .content-modal {
  background: #ffffff;
  border-color: rgba(232,176,88,0.3);
}

.content-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  flex-shrink: 0;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  background: rgba(232,176,88,0.05);
}

[data-theme='light'] .content-modal-header {
  border-color: rgba(0,0,0,0.1);
}

.content-modal-close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.1);
  cursor: pointer;
  transition: opacity 0.2s;
}

[data-theme='light'] .content-modal-close-btn {
  background: rgba(0,0,0,0.05);
  border-color: rgba(0,0,0,0.1);
}

.content-modal-close-btn:hover {
  opacity: 0.8;
}

.content-modal-edit-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: opacity 0.2s;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.1);
  color: var(--ifm-color-content);
}

[data-theme='light'] .content-modal-edit-btn {
  background: rgba(0,0,0,0.05);
  border-color: rgba(0,0,0,0.1);
}

.content-modal-edit-btn:hover {
  opacity: 0.8;
}

.content-modal-reject-section {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  background: rgba(239,68,68,0.05);
}

[data-theme='light'] .content-modal-reject-section {
  border-color: rgba(0,0,0,0.1);
}

.content-modal-reject-textarea {
  flex: 1;
  padding: 0.5rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  resize: vertical;
  background: rgba(0,0,0,0.3);
  border: 1px solid rgba(255,255,255,0.12);
  color: var(--ifm-color-content);
}

[data-theme='light'] .content-modal-reject-textarea {
  background: rgba(255,255,255,0.9);
  border-color: rgba(0,0,0,0.12);
}

.content-modal-sidebar {
  width: 16rem;
  flex-shrink: 0;
  padding: 1rem;
  overflow-y: auto;
  border-right: 1px solid rgba(255,255,255,0.1);
  background: rgba(0,0,0,0.2);
}

[data-theme='light'] .content-modal-sidebar {
  border-color: rgba(0,0,0,0.1);
  background: rgba(0,0,0,0.02);
}

.content-modal-sidebar-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--ifm-color-content-secondary);
}

.content-modal-sidebar-tag {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  background: rgba(255,255,255,0.08);
  color: var(--ifm-color-content-secondary);
}

[data-theme='light'] .content-modal-sidebar-tag {
  background: rgba(0,0,0,0.05);
}

.content-modal-sidebar-notes {
  padding: 0.5rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  background: rgba(0,0,0,0.3);
  color: var(--ifm-color-content);
}

[data-theme='light'] .content-modal-sidebar-notes {
  background: rgba(0,0,0,0.03);
}

.content-modal-content {
  flex: 1;
  overflow-y: auto;
  padding: 1.5rem;
  min-height: 0;
}

.content-modal-description {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  color: var(--ifm-color-content-secondary);
}

[data-theme='light'] .content-modal-description {
  border-color: rgba(0,0,0,0.1);
}

/* === ADMIN HEADER === */

.admin-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
  height: 4rem;
  backdrop-filter: blur(8px);
  background: rgba(17,17,17,0.95);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

[data-theme='light'] .admin-header {
  background: rgba(255,255,255,0.95);
  border-color: rgba(0,0,0,0.08);
}

.admin-header-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.75rem;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  cursor: pointer;
  transition: all 0.2s ease;
}

[data-theme='light'] .admin-header-btn {
  background: rgba(0,0,0,0.06);
  border-color: rgba(0,0,0,0.1);
}

.admin-header-btn:hover {
  opacity: 0.8;
}

.admin-header-btn--small {
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
}

.admin-header-search {
  display: flex;
  align-items: center;
  width: 17.5rem;
  border-radius: 0.75rem;
  overflow: hidden;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
}

[data-theme='light'] .admin-header-search {
  background: rgba(0,0,0,0.06);
  border-color: rgba(0,0,0,0.1);
}

.admin-header-search-input {
  flex: 1;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  background: transparent;
  border: none;
  outline: none;
  color: var(--ifm-color-content);
}

.admin-header-user-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.5rem;
  border-radius: 0.75rem;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  cursor: pointer;
  transition: all 0.2s ease;
}

[data-theme='light'] .admin-header-user-btn {
  background: rgba(0,0,0,0.06);
  border-color: rgba(0,0,0,0.1);
}

.admin-header-user-btn:hover {
  opacity: 0.8;
}

.admin-header-user-avatar {
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 600;
  background: #E8B058;
  color: #1a1a1a;
}

.admin-header-user-menu {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 0.5rem;
  width: 16rem;
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0,0,0,0.3);
  backdrop-filter: blur(8px);
  z-index: 40;
  background: rgba(17,17,17,0.98);
  border: 1px solid rgba(255,255,255,0.1);
}

[data-theme='light'] .admin-header-user-menu {
  background: rgba(255,255,255,0.98);
  border-color: rgba(0,0,0,0.1);
}

.admin-header-user-menu-header {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

[data-theme='light'] .admin-header-user-menu-header {
  border-color: rgba(0,0,0,0.08);
}

.admin-header-user-menu-role {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  background: rgba(232,176,88,0.15);
  color: #E8B058;
  border: 1px solid rgba(232,176,88,0.3);
}

.admin-header-user-menu-logout {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ef4444;
  cursor: pointer;
  background: rgba(239,68,68,0.1);
  border: none;
  transition: opacity 0.2s;
}

[data-theme='light'] .admin-header-user-menu-logout {
  background: rgba(239,68,68,0.05);
}

.admin-header-user-menu-logout:hover {
  opacity: 0.8;
}

.videoCard_Qsth {
    position: relative;
    border-radius: 16px;
    background: var(--ifm-background-surface-color);
    border: 1px solid var(--ifm-color-emphasis-200);
    overflow: hidden;
    transition: all 0.3s ease;
    animation: fadeInUp_hAWl 0.5s ease-out backwards;
}

.videoCard_Qsth:hover {
    border-color: rgba(232, 176, 88, 0.35);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
    transform: translateY(-4px);
}

[data-theme='dark'] .videoCard_Qsth {
    background: #1a1a1a;
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme='dark'] .videoCard_Qsth:hover {
    border-color: rgba(232, 176, 88, 0.35);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
}

.thumbnailContainer_OSoh {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.thumbnail_mRkC {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.videoCard_Qsth:hover .thumbnail_mRkC {
    transform: scale(1.05);
}

.playOverlay_rPfi {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.videoCard_Qsth:hover .playOverlay_rPfi {
    opacity: 1;
}

.playOverlay_rPfi svg {
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.5));
    transition: transform 0.2s ease;
}

.videoCard_Qsth:hover .playOverlay_rPfi svg {
    transform: scale(1.1);
}

.durationBadge_RsR0 {
    position: absolute;
    bottom: 8px;
    right: 8px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
    color: white;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(4px);
}

.videoContent_UpZ9 {
    padding: 1.25rem;
}

.videoTitle_zGo4 {
    font-size: 1rem;
    font-weight: 600;
    color: var(--ifm-color-content);
    margin: 0 0 0.5rem 0;
    line-height: 1.4;
    transition: color 0.2s ease;
}

.videoCard_Qsth:hover .videoTitle_zGo4 {
    color: #E8B058;
}

.videoDescription_B1VX {
    font-size: 0.875rem;
    color: var(--ifm-color-content-secondary);
    line-height: 1.6;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@keyframes fadeInUp_hAWl {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .videoCard_Qsth {
        border-radius: 12px;
    }

    .thumbnailContainer_OSoh {
        aspect-ratio: 16 / 9;
    }

    .videoContent_UpZ9 {
        padding: 1rem;
    }

    .videoTitle_zGo4 {
        font-size: 0.9rem;
    }

    .videoDescription_B1VX {
        font-size: 0.8rem;
    }

    .playOverlay_rPfi svg {
        width: 40px;
        height: 40px;
    }
}

@media print {
    .videoCard_Qsth {
        page-break-inside: avoid;
        break-inside: avoid;
        box-shadow: none;
        border: 1px solid #ccc;
    }

    .playOverlay_rPfi {
        display: none;
    }
}

/**
 * NXGEN Bookmark Components Styles
 * 
 * Styles for bookmark button, list, and page.
 * Matches existing site design with gold accent.
 */

/* === BOOKMARK BUTTON === */

.bookmark-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid transparent;
  background: transparent;
}

.bookmark-button:hover {
  background: rgba(232, 176, 88, 0.1);
  border-color: rgba(232, 176, 88, 0.3);
}

.bookmark-button--bookmarked {
  background: rgba(232, 176, 88, 0.15);
  border-color: rgba(232, 176, 88, 0.3);
  color: #E8B058;
}

.bookmark-button--bookmarked:hover {
  background: rgba(232, 176, 88, 0.2);
}

.bookmark-button--loading {
  cursor: wait;
  opacity: 0.7;
}

.bookmark-button--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.bookmark-icon {
  width: 1.25rem;
  height: 1.25rem;
  transition: all 0.2s ease;
}

.bookmark-icon--filled {
  fill: #E8B058;
  color: #E8B058;
}

.bookmark-icon--outline {
  fill: none;
  color: var(--ifm-color-content-secondary);
}

.bookmark-button:hover .bookmark-icon--outline {
  color: #E8B058;
}

/* Small bookmark button (compact) */
.bookmark-button--small {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
}

.bookmark-button--small .bookmark-icon {
  width: 1rem;
  height: 1rem;
}

/* === BOOKMARKS SIDEBAR LIST === */

.bookmarks-sidebar {
  padding: 1rem;
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme='light'] .bookmarks-sidebar {
  background: rgba(255, 255, 255, 0.6);
  border-color: rgba(232, 176, 88, 0.15);
}

.bookmarks-sidebar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme='light'] .bookmarks-sidebar-header {
  border-color: rgba(232, 176, 88, 0.15);
}

.bookmarks-sidebar-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ifm-color-content);
}

.bookmarks-sidebar-title-icon {
  width: 1rem;
  height: 1rem;
  color: #E8B058;
}

.bookmarks-sidebar-link {
  font-size: 0.75rem;
  color: #E8B058;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.bookmarks-sidebar-link:hover {
  opacity: 0.8;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

/* Bookmark list item */
.bookmark-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.bookmark-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
  border-radius: 0.5rem;
  transition: background 0.2s ease;
  margin-bottom: 0.25rem;
}

.bookmark-list-item:hover {
  background: rgba(255, 255, 255, 0.05);
}

[data-theme='light'] .bookmark-list-item:hover {
  background: rgba(232, 176, 88, 0.05);
}

.bookmark-list-item-link {
  flex: 1;
  -webkit-text-decoration: none;
  text-decoration: none;
  min-width: 0;
}

.bookmark-list-item-title {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--ifm-color-content);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.bookmark-list-item-meta {
  font-size: 0.6875rem;
  color: var(--ifm-color-content-secondary);
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.125rem;
}

.bookmark-list-item-remove {
  padding: 0.25rem;
  border-radius: 0.25rem;
  border: none;
  background: transparent;
  color: var(--ifm-color-content-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
  opacity: 0;
}

.bookmark-list-item:hover .bookmark-list-item-remove {
  opacity: 1;
}

.bookmark-list-item-remove:hover {
  color: #ef4444;
  background: rgba(239, 68, 68, 0.1);
}

/* Empty state */
.bookmarks-empty {
  text-align: center;
  padding: 1.5rem 1rem;
}

.bookmarks-empty-icon {
  width: 2.5rem;
  height: 2.5rem;
  color: var(--ifm-color-content-secondary);
  opacity: 0.5;
  margin: 0 auto 0.5rem;
}

.bookmarks-empty-text {
  font-size: 0.8125rem;
  color: var(--ifm-color-content-secondary);
}

/* Loading skeleton */
.bookmark-skeleton {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
}

.bookmark-skeleton-avatar {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.25rem;
  background: linear-gradient(90deg, rgba(255,255,255,0.05) 25%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.05) 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s infinite;
}

.bookmark-skeleton-content {
  flex: 1;
}

.bookmark-skeleton-title {
  height: 0.875rem;
  width: 80%;
  border-radius: 0.25rem;
  background: linear-gradient(90deg, rgba(255,255,255,0.05) 25%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.05) 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s infinite;
  margin-bottom: 0.25rem;
}

.bookmark-skeleton-meta {
  height: 0.625rem;
  width: 50%;
  border-radius: 0.25rem;
  background: linear-gradient(90deg, rgba(255,255,255,0.05) 25%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.05) 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s infinite;
}

@keyframes skeleton-loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

/* === BOOKMARKS PAGE === */

.bookmarks-page-header {
  margin-bottom: 2rem;
}

.bookmarks-page-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--ifm-color-content);
  margin-bottom: 0.5rem;
}

.bookmarks-page-subtitle {
  font-size: 0.875rem;
  color: var(--ifm-color-content-secondary);
}

/* Search and filter bar */
.bookmarks-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.bookmarks-search {
  flex: 1;
  min-width: 200px;
  position: relative;
}

.bookmarks-search-input {
  width: 100%;
  padding: 0.625rem 1rem 0.625rem 2.5rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
  color: var(--ifm-color-content);
  transition: all 0.2s ease;
}

[data-theme='light'] .bookmarks-search-input {
  background: rgba(255, 255, 255, 0.6);
  border-color: rgba(232, 176, 88, 0.15);
}

.bookmarks-search-input:focus {
  outline: none;
  border-color: #E8B058;
}

.bookmarks-search-icon {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  color: var(--ifm-color-content-secondary);
}

.bookmarks-filter-tabs {
  display: flex;
  gap: 0.25rem;
  padding: 0.25rem;
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme='light'] .bookmarks-filter-tabs {
  background: rgba(255, 255, 255, 0.4);
  border-color: rgba(232, 176, 88, 0.15);
}

.bookmarks-filter-tab {
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 500;
  border: none;
  background: transparent;
  color: var(--ifm-color-content-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
}

.bookmarks-filter-tab:hover {
  color: var(--ifm-color-content);
}

.bookmarks-filter-tab--active {
  background: rgba(232, 176, 88, 0.15);
  color: #E8B058;
}

/* Bookmarks grid */
.bookmarks-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
}

/* Bookmark card */
.bookmark-card {
  position: relative;
  border-radius: 0.75rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: all 0.2s ease;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: block;
}

[data-theme='light'] .bookmark-card {
  background: rgba(255, 255, 255, 0.6);
  border-color: rgba(232, 176, 88, 0.15);
}

.bookmark-card:hover {
  border-color: rgba(232, 176, 88, 0.3);
  transform: translateY(-2px);
}

.bookmark-card-header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}

.bookmark-card-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: rgba(232, 176, 88, 0.12);
  border: 1px solid rgba(232, 176, 88, 0.2);
}

.bookmark-card-icon svg {
  width: 1rem;
  height: 1rem;
  color: #E8B058;
}

.bookmark-card-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--ifm-color-content);
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.bookmark-card-url {
  font-size: 0.75rem;
  color: var(--ifm-color-content-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0.5rem;
}

.bookmark-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bookmark-card-date {
  font-size: 0.6875rem;
  color: var(--ifm-color-content-secondary);
}

.bookmark-card-actions {
  display: flex;
  gap: 0.25rem;
}

.bookmark-card-action {
  padding: 0.375rem;
  border-radius: 0.375rem;
  border: none;
  background: transparent;
  color: var(--ifm-color-content-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
  opacity: 0;
}

.bookmark-card:hover .bookmark-card-action {
  opacity: 1;
}

.bookmark-card-action:hover {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}

.bookmark-card-action svg {
  width: 1rem;
  height: 1rem;
}

/* Type badges */
.bookmark-type-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

.bookmark-type-badge--document {
  background: rgba(59, 130, 246, 0.15);
  color: #3b82f6;
}

.bookmark-type-badge--page {
  background: rgba(34, 197, 94, 0.15);
  color: #22c55e;
}

.bookmark-type-badge--video {
  background: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}

.bookmark-type-badge--section {
  background: rgba(168, 85, 247, 0.15);
  color: #a855f7;
}

/* Empty state (page) */
.bookmarks-page-empty {
  text-align: center;
  padding: 4rem 2rem;
}

.bookmarks-page-empty-icon {
  width: 4rem;
  height: 4rem;
  color: #E8B058;
  opacity: 0.5;
  margin: 0 auto 1rem;
}

.bookmarks-page-empty-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--ifm-color-content);
  margin-bottom: 0.5rem;
}

.bookmarks-page-empty-text {
  font-size: 0.875rem;
  color: var(--ifm-color-content-secondary);
  margin-bottom: 1.5rem;
}

.bookmarks-page-empty-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
  background: linear-gradient(135deg, #E8B058 0%, #C89446 100%);
  color: #000;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: transform 0.2s ease;
}

.bookmarks-page-empty-cta:hover {
  transform: scale(1.02);
}

/* Mobile responsive */
@media (max-width: 640px) {
  .bookmarks-toolbar {
    flex-direction: column;
  }

  .bookmarks-search {
    min-width: 100%;
  }

  .bookmarks-grid {
    grid-template-columns: 1fr;
  }

  .bookmark-card-actions {
    opacity: 1;
  }
}

.card_xXvE {
  background: var(--nxgen-card-bg, rgba(30, 30, 35, 0.8));
  border: 1px solid rgba(200, 148, 70, 0.2);
  border-radius: 12px;
  padding: 1.25rem;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.card_xXvE:hover {
  border-color: rgba(200, 148, 70, 0.4);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.iconContainer_wY3P {
  width: 44px;
  height: 44px;
  background: linear-gradient(135deg, #E8B058 0%, #C89446 100%);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1a1a1a;
  flex-shrink: 0;
}

.iconContainer_wY3P svg {
  width: 22px;
  height: 22px;
}

.content_jlIj {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
  min-width: 0;
}

.title_Dpyb {
  font-size: 0.875rem;
  color: var(--nxgen-text-secondary, #a0a0a0);
  font-weight: 500;
}

.value_Eaxu {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--nxgen-text-primary, #ffffff);
  line-height: 1.2;
}

.trend_fMyc {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.125rem 0.5rem;
  border-radius: 4px;
  width: fit-content;
}

.trend_fMyc.positive_wEOt {
  background: rgba(34, 197, 94, 0.15);
  color: #22c55e;
}

.trend_fMyc.negative_pbvi {
  background: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}

.trend_fMyc.neutral_oG5S {
  background: rgba(160, 160, 160, 0.15);
  color: #a0a0a0;
}

[data-theme='light'] .card_xXvE {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(200, 148, 70, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

[data-theme='light'] .card_xXvE:hover {
  border-color: rgba(200, 148, 70, 0.3);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

[data-theme='light'] .title_Dpyb {
  color: #6b7280;
}

[data-theme='light'] .value_Eaxu {
  color: #111827;
}

.chartContainer_TMoZ {
  background: var(--nxgen-card-bg, rgba(30, 30, 35, 0.8));
  border: 1px solid rgba(200, 148, 70, 0.2);
  border-radius: 12px;
  padding: 1.25rem;
}

.chartHeader_yh15 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.chartTitle_v3uH {
  font-size: 1rem;
  font-weight: 600;
  color: var(--nxgen-text-primary, #ffffff);
  margin: 0;
}

.legend_CM7I {
  display: flex;
  gap: 1rem;
}

.legendItem_tROP {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.75rem;
  color: var(--nxgen-text-secondary, #a0a0a0);
}

.legendDot_iUgU {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.chartWrapper_Fua1 {
  width: 100%;
  height: 200px;
}

.emptyChart_Pmtr {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--nxgen-text-secondary, #a0a0a0);
  font-style: italic;
}

[data-theme='light'] .chartContainer_TMoZ {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(200, 148, 70, 0.15);
}

[data-theme='light'] .chartTitle_v3uH {
  color: #1f2937;
}

[data-theme='light'] .legendItem_tROP {
  color: #6b7280;
}

.tableContainer_cGQX {
  background: var(--nxgen-card-bg, rgba(30, 30, 35, 0.8));
  border: 1px solid rgba(200, 148, 70, 0.2);
  border-radius: 12px;
  overflow: hidden;
}

.tableHeader_LyQ6 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid rgba(200, 148, 70, 0.15);
  font-weight: 600;
  color: var(--nxgen-gold, #C89446);
}

.headerIcon_mMoo {
  color: #ef4444;
}

.table_OSyq {
  width: 100%;
  border-collapse: collapse;
}

.headerCell_u4Kt {
  padding: 0.875rem 1.25rem;
  text-align: left;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--nxgen-text-secondary, #a0a0a0);
  border-bottom: 1px solid rgba(200, 148, 70, 0.15);
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  display: table-cell;
  vertical-align: middle;
}

.headerCell_u4Kt:hover {
  color: var(--nxgen-gold, #C89446);
}

.headerCell_u4Kt span {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.sortIcon_sWDj {
  margin-left: 0.25rem;
  color: var(--nxgen-gold, #C89446);
}

.row_VPez {
  border-bottom: 1px solid rgba(200, 148, 70, 0.1);
  transition: background-color 0.15s ease;
}

.row_VPez:hover {
  background: rgba(200, 148, 70, 0.05);
}

.row_VPez:last-child {
  border-bottom: none;
}

.queryCell_xaNr {
  padding: 0.875rem 1.25rem;
  font-family: 'SF Mono', 'Fira Code', monospace;
  font-size: 0.875rem;
  color: var(--nxgen-text-primary, #ffffff);
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.numberCell_dntH {
  padding: 0.875rem 1.25rem;
  text-align: right;
  font-size: 0.875rem;
  color: var(--nxgen-text-primary, #ffffff);
  font-weight: 500;
}

.numberCell_dntH.warning_i5zP {
  color: #ef4444;
}

.timeCell_PXZ9 {
  padding: 0.875rem 1.25rem;
  font-size: 0.875rem;
  color: var(--nxgen-text-secondary, #a0a0a0);
}

.highlightWarning_uyOK {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
  font-weight: 600;
}

.ctrBadge_siwK {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
}

.emptyCell_NahD {
  padding: 2rem 1.25rem;
  text-align: center;
  color: var(--nxgen-text-secondary, #a0a0a0);
  font-style: italic;
}

[data-theme='light'] .tableContainer_cGQX {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(200, 148, 70, 0.15);
}

[data-theme='light'] .tableHeader_LyQ6 {
  border-bottom-color: rgba(200, 148, 70, 0.1);
}

[data-theme='light'] .headerCell_u4Kt {
  border-bottom-color: rgba(200, 148, 70, 0.1);
  color: #6b7280;
}

[data-theme='light'] .row_VPez {
  border-bottom-color: rgba(200, 148, 70, 0.08);
}

[data-theme='light'] .row_VPez:hover {
  background: rgba(200, 148, 70, 0.05);
}

[data-theme='light'] .queryCell_xaNr {
  color: #1f2937;
}

[data-theme='light'] .numberCell_dntH {
  color: #1f2937;
}

[data-theme='light'] .timeCell_PXZ9 {
  color: #6b7280;
}

.dashboard_tNFA {
  padding: 2rem;
  max-width: 1400px;
  margin: 0 auto;
}

.header_frT4 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2rem;
  flex-wrap: wrap;
  gap: 1rem;
}

.titleSection_EbEN {
  flex: 1;
  min-width: 250px;
}

.title_t55g {
  font-size: 2rem;
  font-weight: 700;
  color: var(--nxgen-text-primary, #ffffff);
  margin: 0 0 0.5rem 0;
  background: linear-gradient(135deg, #E8B058 0%, #C89446 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.subtitle_qr4_ {
  font-size: 1rem;
  color: var(--nxgen-text-secondary, #a0a0a0);
  margin: 0;
}

.controls_npJD {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.dateRangeSelector_EmA8 {
  display: flex;
  background: rgba(30, 30, 35, 0.6);
  border: 1px solid rgba(200, 148, 70, 0.2);
  border-radius: 8px;
  padding: 0.25rem;
}

.dateRangeButton_m0HH {
  padding: 0.5rem 1rem;
  background: transparent;
  border: none;
  color: var(--nxgen-text-secondary, #a0a0a0);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.2s ease;
}

.dateRangeButton_m0HH:hover {
  color: var(--nxgen-text-primary, #ffffff);
}

.dateRangeButton_m0HH.active_JFIO {
  background: linear-gradient(135deg, #E8B058 0%, #C89446 100%);
  color: #1a1a1a;
}

.clearButton_ImWn {
  padding: 0.5rem 1rem;
  background: transparent;
  border: 1px solid rgba(239, 68, 68, 0.3);
  color: #ef4444;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  border-radius: 8px;
  transition: all 0.2s ease;
}

.clearButton_ImWn:hover {
  background: rgba(239, 68, 68, 0.1);
  border-color: #ef4444;
}

.metricsGrid_b5PP {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  margin-bottom: 2rem;
}

.chartsSection_OLvg {
  margin-bottom: 2rem;
}

.tablesGrid_YDLM {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}

.tableSection_yzC4 {
  min-width: 0;
}

.sectionTitle_o51l {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--nxgen-text-primary, #ffffff);
  margin: 0 0 1rem 0;
}

.loading_GtPW {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  gap: 1rem;
  color: var(--nxgen-text-secondary, #a0a0a0);
}

.spinner_uF6o {
  width: 40px;
  height: 40px;
  border: 3px solid rgba(200, 148, 70, 0.2);
  border-top-color: #E8B058;
  border-radius: 50%;
  animation: spin_LifM 1s linear infinite;
}

@keyframes spin_LifM {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 1200px) {
  .metricsGrid_b5PP {
    grid-template-columns: repeat(2, 1fr);
  }

  .tablesGrid_YDLM {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .dashboard_tNFA {
    padding: 1rem;
  }

  .header_frT4 {
    flex-direction: column;
    align-items: stretch;
  }

  .title_t55g {
    font-size: 1.5rem;
  }

  .controls_npJD {
    justify-content: space-between;
  }

  .metricsGrid_b5PP {
    grid-template-columns: 1fr;
  }

  .dateRangeSelector_EmA8 {
    flex: 1;
    justify-content: center;
  }

  .dateRangeButton_m0HH {
    flex: 1;
    text-align: center;
  }
}

[data-theme='light'] .title_t55g {
  background: linear-gradient(135deg, #C89446 0%, #A67B35 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

[data-theme='light'] .dateRangeSelector_EmA8 {
  background: rgba(255, 255, 255, 0.8);
  border-color: rgba(200, 148, 70, 0.15);
}

[data-theme='light'] .sectionTitle_o51l {
  color: #1f2937;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.codeBlockContainer_Ckt0 {
  background: var(--prism-background-color);
  color: var(--prism-color);
  margin-bottom: var(--ifm-leading);
  box-shadow: var(--ifm-global-shadow-lw);
  border-radius: var(--ifm-code-border-radius);
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.codeBlock_bY9V {
  --ifm-pre-background: var(--prism-background-color);
  margin: 0;
  padding: 0;
}

.codeBlockStandalone_MEMb {
  padding: 0;
}

.codeBlockLines_e6Vv {
  font: inherit;
  /* rtl:ignore */
  float: left;
  min-width: 100%;
  padding: var(--ifm-pre-padding);
}

.codeBlockLinesWithNumbering_o6Pm {
  display: table;
  padding: var(--ifm-pre-padding) 0;
}

@media print {
  .codeBlockLines_e6Vv {
    white-space: pre-wrap;
  }
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

/* Intentionally has zero specificity, so that to be able to override
the background in custom CSS file due bug https://github.com/facebook/docusaurus/issues/3678 */
:where(:root) {
  --docusaurus-highlighted-code-line-bg: rgb(72 77 91);
}

:where([data-theme='dark']) {
  --docusaurus-highlighted-code-line-bg: rgb(100 100 100);
}

.theme-code-block-highlighted-line {
  background-color: var(--docusaurus-highlighted-code-line-bg);
  display: block;
  margin: 0 calc(-1 * var(--ifm-pre-padding));
  padding: 0 var(--ifm-pre-padding);
}

.codeLine_lJS_ {
  display: table-row;
  counter-increment: line-count;
}

.codeLineNumber_Tfdd {
  display: table-cell;
  text-align: right;
  width: 1%;
  position: sticky;
  left: 0;
  padding: 0 var(--ifm-pre-padding);
  background: var(--ifm-pre-background);
  overflow-wrap: normal;
}

.codeLineNumber_Tfdd::before {
  content: counter(line-count);
  opacity: 0.4;
}

.theme-code-block-highlighted-line .codeLineNumber_Tfdd::before {
  opacity: 0.8;
}

.codeLineContent_feaV {
  padding-right: var(--ifm-pre-padding);
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.theme-code-block:hover .copyButtonCopied_Vdqa {
  opacity: 1 !important;
}

.copyButtonIcons_IEyt {
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
}

.copyButtonIcon_TrPX,
.copyButtonSuccessIcon_cVMy {
  position: absolute;
  top: 0;
  left: 0;
  fill: currentColor;
  opacity: inherit;
  width: inherit;
  height: inherit;
  transition: all var(--ifm-transition-fast) ease;
}

.copyButtonSuccessIcon_cVMy {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.33);
  opacity: 0;
  color: #00d600;
}

.copyButtonCopied_Vdqa .copyButtonIcon_TrPX {
  transform: scale(0.33);
  opacity: 0;
}

.copyButtonCopied_Vdqa .copyButtonSuccessIcon_cVMy {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  transition-delay: 0.075s;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.wordWrapButtonIcon_b1P5 {
  width: 1.2rem;
  height: 1.2rem;
}

.wordWrapButtonEnabled_uzNF .wordWrapButtonIcon_b1P5 {
  color: var(--ifm-color-primary);
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.buttonGroup_M5ko {
  display: flex;
  column-gap: 0.2rem;
  position: absolute;
  /* rtl:ignore */
  right: calc(var(--ifm-pre-padding) / 2);
  top: calc(var(--ifm-pre-padding) / 2);
}

.buttonGroup_M5ko button {
  display: flex;
  align-items: center;
  background: var(--prism-background-color);
  color: var(--prism-color);
  border: 1px solid var(--ifm-color-emphasis-300);
  border-radius: var(--ifm-global-radius);
  padding: 0.4rem;
  line-height: 0;
  transition: opacity var(--ifm-transition-fast) ease-in-out;
  opacity: 0;
}

.buttonGroup_M5ko button:focus-visible,
.buttonGroup_M5ko button:hover {
  opacity: 1 !important;
}

.theme-code-block:hover .buttonGroup_M5ko button {
  opacity: 0.4;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.codeBlockContent_QJqH {
  position: relative;
  /* rtl:ignore */
  direction: ltr;
  border-radius: inherit;
}

.codeBlockTitle_OeMC {
  border-bottom: 1px solid var(--ifm-color-emphasis-300);
  font-size: var(--ifm-code-font-size);
  font-weight: 500;
  padding: 0.75rem var(--ifm-pre-padding);
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.codeBlockTitle_OeMC + .codeBlockContent_QJqH .codeBlock_a8dz {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

/*
CSS variables, meant to be overridden by final theme
 */
.details_lb9f {
  --docusaurus-details-summary-arrow-size: 0.38rem;
  --docusaurus-details-transition: transform 200ms ease;
  --docusaurus-details-decoration-color: grey;
}

.details_lb9f > summary {
  position: relative;
  cursor: pointer;
  list-style: none;
  padding-left: 1rem;
}

/* TODO: deprecation, need to remove this after Safari will support `::marker` */
.details_lb9f > summary::-webkit-details-marker {
  display: none;
}

.details_lb9f > summary::before {
  position: absolute;
  top: 0.45rem;
  left: 0;

  /* CSS-only Arrow */
  content: '';
  border-width: var(--docusaurus-details-summary-arrow-size);
  border-style: solid;
  border-color: transparent transparent transparent
    var(--docusaurus-details-decoration-color);

  /* Arrow rotation anim */
  transform: rotate(0deg);
  transition: var(--docusaurus-details-transition);
  transform-origin: calc(var(--docusaurus-details-summary-arrow-size) / 2) 50%;
}

/* When JS disabled/failed to load: we use the open property for arrow animation: */
.details_lb9f[open]:not(.isBrowser_bmU9) > summary::before,

.details_lb9f[data-collapsed='false'].isBrowser_bmU9 > summary::before {
  transform: rotate(90deg);
}

.collapsibleContent_i85q {
  margin-top: 1rem;
  border-top: 1px solid var(--docusaurus-details-decoration-color);
  padding-top: 1rem;
}

.collapsibleContent_i85q p:last-child {
  margin-bottom: 0;
}

.details_lb9f > summary > p:last-child {
  margin-bottom: 0;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.details_b_Ee {
  --docusaurus-details-decoration-color: var(--ifm-alert-border-color);
  --docusaurus-details-transition: transform var(--ifm-transition-fast) ease;
  margin: 0 0 var(--ifm-spacing-vertical);
  border: 1px solid var(--ifm-alert-border-color);
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.containsTaskList_mC6p {
  list-style: none;
}

:not(.containsTaskList_mC6p > li) > .containsTaskList_mC6p {
  padding-left: 0;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.img_ev3q {
  height: auto;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.admonition_xJq3 {
  margin-bottom: 1em;
}

.admonitionHeading_Gvgb {
  font: var(--ifm-heading-font-weight) var(--ifm-h5-font-size) /
    var(--ifm-heading-line-height) var(--ifm-heading-font-family);
  text-transform: uppercase;
}

/* Heading alone without content (does not handle fragment content) */
.admonitionHeading_Gvgb:not(:last-child) {
  margin-bottom: 0.3rem;
}

.admonitionHeading_Gvgb code {
  text-transform: none;
}

.admonitionIcon_Rf37 {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4em;
}

.admonitionIcon_Rf37 svg {
  display: inline-block;
  height: 1.6em;
  width: 1.6em;
  fill: var(--ifm-alert-foreground-color);
}

.admonitionContent_BuS1 > :last-child {
  margin-bottom: 0;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.tableOfContents_bqdL {
  max-height: calc(100vh - (var(--ifm-navbar-height) + 2rem));
  overflow-y: auto;
  position: sticky;
  top: calc(var(--ifm-navbar-height) + 1rem);
}

@media (max-width: 996px) {
  .tableOfContents_bqdL {
    display: none;
  }

  .docItemContainer_F8PC {
    padding: 0 0.3rem;
  }
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.container_lyt7 {
  max-width: 100%;
}

.container_lyt7 > svg {
  max-width: 100%;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.breadcrumbHomeIcon_YNFT {
  position: relative;
  top: 1px;
  vertical-align: top;
  height: 1.1rem;
  width: 1.1rem;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.breadcrumbsContainer_Z_bl {
  --ifm-breadcrumb-size-multiplier: 0.8;
  margin-bottom: 0.8rem;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

@media (min-width: 997px) {
  .generatedIndexPage_vN6x {
    max-width: 75% !important;
  }
}

/* Duplicated from .markdown h1 */
.title_kItE {
  --ifm-h1-font-size: 3rem;
  margin-bottom: calc(1.25 * var(--ifm-leading));
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.docItemContainer_Djhp header + *,
.docItemContainer_Djhp article > *:first-child {
  margin-top: 0;
}

@media (min-width: 997px) {
  .docItemCol_VOVn {
    max-width: 75% !important;
  }
}

/* ShareSection Styles */

.shareSection_TOWM {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  padding: 0;
  margin: 0 0 1rem 0;
  width: 100%;
  visibility: visible !important;
  opacity: 1 !important;
}

.shareLabel_P8Aq {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-muted);
  white-space: nowrap;
}

.shareButtons_kmqa {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.shareButton_CuGp {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid var(--border-default);
  background: #FFFFFF;
  color: #6B7280;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 0;
  flex-shrink: 0;
}

.shareButton_CuGp:hover {
  border-color: #9CA3AF;
  background: #F9FAFB;
  color: #374151;
  transform: translateY(-1px);
}

.shareButton_CuGp:active {
  transform: translateY(0);
}

.shareButton_CuGp:focus {
  outline: 2px solid rgba(59, 130, 246, 0.5);
  outline-offset: 2px;
}

.shareButton_CuGp svg {
  display: block;
}

/* Copied state styling */
.shareButton_CuGp.copied_wyxm {
  color: #10B981;
  border-color: #10B981;
}

.shareButton_CuGp.copied_wyxm:hover {
  color: #059669;
  border-color: #059669;
}

/* LinkedIn button - blue icon */
.linkedInButton_mWfP {
  color: #0077B5;
}

.linkedInButton_mWfP:hover {
  color: #005885;
}

/* Ensure LinkedIn icon stays blue in dark mode */
[data-theme='dark'] .linkedInButton_mWfP {
  color: #0077B5;
}

[data-theme='dark'] .linkedInButton_mWfP:hover {
  color: #005885;
}

/* Light Mode Overrides */
[data-theme='light'] .shareLabel_P8Aq {
  color: #6B7280;
}

[data-theme='light'] .shareButton_CuGp {
  background: #FFFFFF;
  border-color: #E5E7EB;
  color: #6B7280;
}

[data-theme='light'] .shareButton_CuGp:hover {
  border-color: #D1D5DB;
  background: #F9FAFB;
  color: #374151;
}

/* Dark Mode Overrides */
[data-theme='dark'] .shareLabel_P8Aq {
  color: rgba(255, 255, 255, 0.6);
}

[data-theme='dark'] .shareButton_CuGp {
  background: #202020;
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.7);
}

[data-theme='dark'] .shareButton_CuGp:hover {
  border-color: rgba(255, 255, 255, 0.2);
  background: #2A2A2A;
  color: rgba(255, 255, 255, 0.9);
}


.downloadPDF_IIYq {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.downloadButton_iBUQ {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.625rem 1.125rem;
  background: linear-gradient(135deg, var(--ifm-color-primary) 0%, #D4A574 100%);
  color: #000000;
  border: none;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(200, 148, 70, 0.3);
  min-width: 140px;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.downloadButton_iBUQ:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(200, 148, 70, 0.4);
}

.downloadButton_iBUQ:active:not(:disabled) {
  transform: translateY(0);
}

.downloadButton_iBUQ:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.downloadButton_iBUQ.loading_NvZE {
  background: linear-gradient(135deg, #9CA3AF 0%, #6B7280 100%);
  box-shadow: 0 2px 8px rgba(107, 114, 128, 0.3);
}

.downloadButton_iBUQ.success_ttz9 {
  background: linear-gradient(135deg, #22C55E 0%, #16A34A 100%);
  box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3);
}

.downloadButton_iBUQ.error_rHTG {
  background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
}

.downloadButton_iBUQ.unavailable_m81J {
  background: linear-gradient(135deg, #9CA3AF 0%, #6B7280 100%);
  box-shadow: 0 2px 8px rgba(107, 114, 128, 0.3);
  cursor: default;
  pointer-events: none;
}

.spinner_cMER {
  animation: spin_FrVr 1s linear infinite;
}

@keyframes spin_FrVr {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.errorMessage_sSD_ {
  padding: 0.5rem 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 6px;
  color: #DC2626;
  font-size: 0.8125rem;
  max-width: 280px;
}

.unavailableMessage_is2z {
  padding: 0.5rem 0.75rem;
  background: rgba(107, 114, 128, 0.1);
  border: 1px solid rgba(107, 114, 128, 0.2);
  border-radius: 6px;
  color: #6B7280;
  font-size: 0.8125rem;
  max-width: 280px;
}

.fileSize_E4T1 {
  font-size: 0.75rem;
  opacity: 0.7;
  font-weight: 500;
}

.loadingFallback_Z8pw {
  padding: 0.625rem 1.125rem;
  background: linear-gradient(135deg, var(--ifm-color-primary) 0%, #D4A574 100%);
  color: #000000;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 600;
  min-width: 140px;
  text-align: center;
}

[data-theme='dark'] .downloadButton_iBUQ {
  background: linear-gradient(135deg, #C89446 0%, #E0B688 100%);
  color: #000000;
}

[data-theme='dark'] .downloadButton_iBUQ:hover:not(:disabled) {
  box-shadow: 0 4px 16px rgba(200, 148, 70, 0.5);
}

[data-theme='light'] .downloadButton_iBUQ {
  background: linear-gradient(135deg, #996B1F 0%, #C89446 100%);
  color: #FFFFFF;
}

[data-theme='light'] .downloadButton_iBUQ:hover:not(:disabled) {
  box-shadow: 0 4px 16px rgba(153, 107, 31, 0.4);
}

[data-theme='dark'] .errorMessage_sSD_ {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.3);
  color: #F87171;
}

[data-theme='light'] .errorMessage_sSD_ {
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.2);
  color: #DC2626;
}

[data-theme='dark'] .unavailableMessage_is2z {
  background: rgba(107, 114, 128, 0.15);
  border-color: rgba(107, 114, 128, 0.3);
  color: #9CA3AF;
}

[data-theme='light'] .unavailableMessage_is2z {
  background: rgba(107, 114, 128, 0.08);
  border-color: rgba(107, 114, 128, 0.2);
  color: #6B7280;
}

.nxgen-pdf-container {
  position: absolute;
  left: -9999px;
  top: 0;
  width: 210mm;
  padding: 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: #FFFFFF;
  color: #1A1A1A;
}

.nxgen-pdf-header {
  padding: 12mm 15mm;
  border-bottom: 3px solid #C89446;
  margin-bottom: 5mm;
}

.nxgen-pdf-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.nxgen-pdf-logo {
  font-size: 16pt;
  font-weight: 800;
  color: #C89446;
  letter-spacing: -0.02em;
}

.nxgen-pdf-divider {
  color: #D1D5DB;
  font-weight: 300;
}

.nxgen-pdf-product {
  font-size: 14pt;
  font-weight: 600;
  color: #6B7280;
}

.nxgen-pdf-title {
  font-size: 24pt;
  font-weight: 800;
  color: #1A1A1A;
  margin: 0 0 6px 0;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.nxgen-pdf-meta {
  display: flex;
  gap: 15px;
  font-size: 10pt;
  color: #6B7280;
}

.nxgen-pdf-date {
  color: #9CA3AF;
}

.nxgen-pdf-content {
  padding: 10mm 15mm;
  line-height: 1.6;
}

.nxgen-pdf-content h1 {
  font-size: 24pt;
  font-weight: 800;
  color: #1A1A1A;
  margin: 0 0 8mm 0;
  padding-bottom: 4mm;
  border-bottom: 1px solid #E5E7EB;
}

.nxgen-pdf-content h2 {
  font-size: 18pt;
  font-weight: 700;
  color: #1A1A1A;
  margin: 8mm 0 4mm 0;
  padding-bottom: 2mm;
  border-bottom: 1px solid #E5E7EB;
}

.nxgen-pdf-content h3 {
  font-size: 14pt;
  font-weight: 600;
  color: #374151;
  margin: 6mm 0 3mm 0;
}

.nxgen-pdf-content h4 {
  font-size: 12pt;
  font-weight: 600;
  color: #4B5563;
  margin: 4mm 0 2mm 0;
}

.nxgen-pdf-content p {
  font-size: 11pt;
  color: #374151;
  margin: 0 0 3mm 0;
}

.nxgen-pdf-content ul,
.nxgen-pdf-content ol {
  margin: 0 0 3mm 0;
  padding-left: 5mm;
}

.nxgen-pdf-content li {
  font-size: 11pt;
  color: #374151;
  margin: 1mm 0;
}

.nxgen-pdf-content code {
  font-family: 'JetBrains Mono', 'SF Mono', monospace;
  font-size: 10pt;
  background: #F5F5F7;
  padding: 0.5mm 1.5mm;
  border-radius: 2mm;
  border: 1px solid #E5E7EB;
}

.nxgen-pdf-content pre {
  background: #F5F5F7;
  border: 1px solid #E5E7EB;
  border-radius: 4mm;
  padding: 3mm;
  margin: 3mm 0;
  overflow-x: auto;
}

.nxgen-pdf-content pre code {
  background: none;
  border: none;
  padding: 0;
}

.nxgen-pdf-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 3mm 0;
  font-size: 10pt;
}

.nxgen-pdf-content th {
  background: #F9FAFB;
  font-weight: 600;
  padding: 2mm;
  border: 1px solid #E5E7EB;
  text-align: left;
}

.nxgen-pdf-content td {
  padding: 2mm;
  border: 1px solid #E5E7EB;
}

.nxgen-pdf-content img {
  max-width: 100%;
  height: auto;
  margin: 3mm 0;
  border-radius: 2mm;
}

.nxgen-pdf-content .admonition {
  padding: 3mm;
  margin: 3mm 0;
  border-left: 3px solid #C89446;
  background: rgba(200, 148, 70, 0.1);
  border-radius: 2mm;
}

.nxgen-pdf-content .tabs-container {
  display: none;
}

.nxgen-pdf-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5mm 15mm;
  border-top: 1px solid #E5E7EB;
  background: #F9FAFB;
  font-size: 9pt;
  color: #6B7280;
}

.nxgen-pdf-copyright {
  font-weight: 500;
}

.nxgen-pdf-url {
  font-size: 8pt;
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
}

// classic/src/css/components/reading-progress.css
// Reading progress components styles
//
// Purpose:
//   - Progress bar styles (thin, fixed position)
//   - Reading stats card styles
//   - Mark as read button
//   - Completion animation
//
// Reference:
//   - .planning/research/auth0-upgrade-UX-PATTERNS.md

/* ============================================================================
   Reading Progress Bar
   ============================================================================ */

.reading-progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--ifm-color-emphasis-200);
  z-index: 9999;
  pointer-events: none;
}

.reading-progress-bar__fill {
  height: 100%;
  background: linear-gradient(90deg, #E8B058 0%, #C89446 100%);
  transition: width 0.1s ease-out;
  position: relative;
}

.reading-progress-bar__fill::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 20px;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.3) 100%);
}

/* Progress indicator with percentage */
.reading-progress-indicator {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
  z-index: 100;
  pointer-events: none;
}

.reading-progress-indicator__badge {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.625rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(232, 176, 88, 0.3);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--ifm-color-content);
  pointer-events: auto;
  transition: all 0.2s ease;
}

[data-theme='dark'] .reading-progress-indicator__badge {
  background: rgba(30, 30, 30, 0.9);
  border-color: rgba(232, 176, 88, 0.4);
}

.reading-progress-indicator__badge:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.reading-progress-indicator__icon {
  width: 0.875rem;
  height: 0.875rem;
  color: #E8B058;
}

.reading-progress-indicator__text {
  color: #E8B058;
}

/* ============================================================================
   Mark as Read Button
   ============================================================================ */

.mark-as-read-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  margin-top: 2rem;
  border-top: 1px solid var(--ifm-color-emphasis-200);
}

.mark-as-read-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid transparent;
}

.mark-as-read-btn--unmarked {
  background: rgba(255, 255, 255, 0.05);
  border-color: var(--ifm-color-emphasis-200);
  color: var(--ifm-color-content);
}

[data-theme='light'] .mark-as-read-btn--unmarked {
  background: rgba(255, 255, 255, 0.8);
  border-color: rgba(232, 176, 88, 0.3);
}

.mark-as-read-btn--unmarked:hover {
  border-color: #E8B058;
  background: rgba(232, 176, 88, 0.1);
}

.mark-as-read-btn--marked {
  background: linear-gradient(135deg, #E8B058 0%, #C89446 100%);
  color: #000;
  border: none;
  box-shadow: 0 4px 12px rgba(232, 176, 88, 0.3);
}

.mark-as-read-btn--marked:hover {
  transform: scale(1.02);
  box-shadow: 0 6px 16px rgba(232, 176, 88, 0.4);
}

.mark-as-read-btn__icon {
  width: 1.125rem;
  height: 1.125rem;
}

.mark-as-read-btn--marked .mark-as-read-btn__icon {
  animation: checkmark-bounce 0.4s ease;
}

@keyframes checkmark-bounce {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}

/* Celebration animation */
.mark-as-read-celebration {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 2rem;
  border-radius: 1.5rem;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(232, 176, 88, 0.3);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.2);
  z-index: 10000;
  animation: celebration-pop 0.4s ease;
}

[data-theme='dark'] .mark-as-read-celebration {
  background: rgba(30, 30, 30, 0.95);
}

@keyframes celebration-pop {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

.mark-as-read-celebration__icon {
  width: 4rem;
  height: 4rem;
  color: #E8B058;
  animation: celebration-icon 0.6s ease;
}

@keyframes celebration-icon {
  0%, 100% {
    transform: scale(1) rotate(0deg);
  }
  25% {
    transform: scale(1.1) rotate(-10deg);
  }
  75% {
    transform: scale(1.1) rotate(10deg);
  }
}

.mark-as-read-celebration__title {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--ifm-color-content);
}

.mark-as-read-celebration__text {
  font-size: 0.875rem;
  color: var(--ifm-color-content-secondary);
  text-align: center;
}

/* ============================================================================
   Reading Stats
   ============================================================================ */

.reading-stats-card {
  padding: 1.5rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme='light'] .reading-stats-card {
  background: rgba(255, 255, 255, 0.6);
  border-color: rgba(232, 176, 88, 0.15);
}

.reading-stats-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}

.reading-stats-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--ifm-color-content);
}

.reading-stats-title-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #E8B058;
}

.reading-stats-period {
  font-size: 0.75rem;
  color: var(--ifm-color-content-secondary);
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
  background: var(--ifm-color-emphasis-100);
}

/* Stats Grid */
.reading-stats-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.reading-stat {
  padding: 1rem;
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

[data-theme='light'] .reading-stat {
  background: rgba(255, 255, 255, 0.5);
  border-color: rgba(232, 176, 88, 0.1);
}

.reading-stat-icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-bottom: 0.5rem;
  padding: 0.375rem;
  border-radius: 0.5rem;
  background: rgba(232, 176, 88, 0.1);
  color: #E8B058;
}

.reading-stat--pages .reading-stat-icon {
  background: rgba(59, 130, 246, 0.1);
  color: #3B82F6;
}

.reading-stat--time .reading-stat-icon {
  background: rgba(34, 197, 94, 0.1);
  color: #22C55E;
}

.reading-stat--streak .reading-stat-icon {
  background: rgba(249, 115, 22, 0.1);
  color: #F97316;
}

.reading-stat--complete .reading-stat-icon {
  background: rgba(168, 85, 247, 0.1);
  color: #A855F7;
}

.reading-stat-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--ifm-color-content);
  line-height: 1.2;
}

.reading-stat-label {
  font-size: 0.75rem;
  color: var(--ifm-color-content-secondary);
  margin-top: 0.125rem;
}

/* Detailed Stats */
.reading-stats-details {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--ifm-color-emphasis-200);
}

.reading-stats-details-title {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ifm-color-content);
  margin-bottom: 0.75rem;
}

.reading-stats-detail-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0;
}

.reading-stats-detail-label {
  font-size: 0.8125rem;
  color: var(--ifm-color-content-secondary);
}

.reading-stats-detail-value {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ifm-color-content);
}

/* Progress Ring */
.reading-progress-ring {
  position: relative;
  width: 3rem;
  height: 3rem;
}

.reading-progress-ring svg {
  transform: rotate(-90deg);
}

.reading-progress-ring__bg {
  fill: none;
  stroke: var(--ifm-color-emphasis-200);
  stroke-width: 3;
}

.reading-progress-ring__fill {
  fill: none;
  stroke: #E8B058;
  stroke-width: 3;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.3s ease;
}

.reading-progress-ring__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.625rem;
  font-weight: 700;
  color: var(--ifm-color-content);
}

/* ============================================================================
   Mini Stats (for sidebar)
   ============================================================================ */

.reading-stats-mini {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme='light'] .reading-stats-mini {
  background: rgba(255, 255, 255, 0.6);
  border-color: rgba(232, 176, 88, 0.15);
}

.reading-stats-mini__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.125rem;
}

.reading-stats-mini__value {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--ifm-color-content);
}

.reading-stats-mini__label {
  font-size: 0.625rem;
  color: var(--ifm-color-content-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* ============================================================================
   Responsive
   ============================================================================ */

@media (max-width: 768px) {
  .reading-progress-indicator {
    bottom: 1rem;
    right: 1rem;
  }

  .reading-stats-grid {
    grid-template-columns: 1fr;
  }

  .mark-as-read-celebration {
    width: 90%;
    max-width: 320px;
  }
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.mdxPageWrapper_j9I6 {
  justify-content: center;
}

/**
 * NXGEN Profile Page Styles
 * 
 * Styles for user profile and settings pages.
 * Matches existing site design with gold accent and glass cards.
 */

/* === PROFILE PAGE === */

/* Profile header card with gold gradient */
.profile-header-card {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  padding: 2rem;
  margin-bottom: 2rem;
  background: linear-gradient(135deg, rgba(232,176,88,0.06) 0%, rgba(0,0,0,0.4) 100%);
  border: 1px solid rgba(232,176,88,0.2);
}

[data-theme='light'] .profile-header-card {
  background: linear-gradient(135deg, rgba(232,176,88,0.1) 0%, rgba(255,255,255,0.9) 100%);
  border-color: rgba(232,176,88,0.3);
}

/* Profile top bar gradient */
.profile-header-top-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, #E8B058 25%, #C89446 50%, #E8B058 75%, transparent 100%);
}

/* Profile avatar container */
.profile-avatar-container {
  position: relative;
  width: 6rem;
  height: 6rem;
  border-radius: 1rem;
  overflow: hidden;
  background: rgba(232,176,88,0.12);
  border: 2px solid rgba(232,176,88,0.25);
}

.profile-avatar-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile-avatar-initials {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: 700;
  color: #E8B058;
}

/* Profile info */
.profile-name {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
  color: var(--ifm-color-content);
}

.profile-email {
  font-size: 0.875rem;
  color: var(--ifm-color-content-secondary);
  margin-bottom: 0.5rem;
}

.profile-role-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  background: rgba(232,176,88,0.15);
  color: #E8B058;
  border: 1px solid rgba(232,176,88,0.3);
}

/* Profile stats row */
.profile-stats-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-top: 1.5rem;
}

[data-theme='dark'] .profile-stat-item {
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
}

.profile-stat-item {
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
}

[data-theme='light'] .profile-stat-item {
  background: rgba(255,255,255,0.6);
  border-color: rgba(232,176,88,0.15);
}

.profile-stat-value {
  font-size: 1.25rem;
  font-weight: 700;
  color: #E8B058;
}

.profile-stat-label {
  font-size: 0.75rem;
  color: var(--ifm-color-content-secondary);
}

/* Profile quick links */
.profile-quick-links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-top: 2rem;
}

.profile-quick-link {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: 0.75rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all 0.2s ease;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
}

[data-theme='light'] .profile-quick-link {
  background: rgba(255,255,255,0.6);
  border-color: rgba(232,176,88,0.15);
}

.profile-quick-link:hover {
  transform: scale(1.02);
  border-color: rgba(232,176,88,0.3);
}

.profile-quick-link-icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(232,176,88,0.12);
  border: 1px solid rgba(232,176,88,0.2);
}

.profile-quick-link-text {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--ifm-color-content);
}

.profile-quick-link-desc {
  font-size: 0.75rem;
  color: var(--ifm-color-content-secondary);
}

/* === SETTINGS PAGE === */

/* Settings section card */
.settings-section-card {
  border-radius: 0.75rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
}

[data-theme='light'] .settings-section-card {
  background: rgba(255,255,255,0.6);
  border-color: rgba(232,176,88,0.15);
}

.settings-section-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--ifm-color-content);
}

/* Theme selector */
.theme-selector-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
}

.theme-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  background: rgba(255,255,255,0.02);
  border: 2px solid rgba(255,255,255,0.08);
}

[data-theme='light'] .theme-option {
  background: rgba(255,255,255,0.4);
  border-color: rgba(0,0,0,0.08);
}

.theme-option:hover {
  border-color: rgba(232,176,88,0.3);
}

.theme-option--selected {
  border-color: #E8B058;
  background: rgba(232,176,88,0.1);
}

.theme-option-icon {
  width: 2rem;
  height: 2rem;
  color: var(--ifm-color-content-secondary);
}

.theme-option--selected .theme-option-icon {
  color: #E8B058;
}

.theme-option-label {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--ifm-color-content-secondary);
}

.theme-option--selected .theme-option-label {
  color: #E8B058;
}

/* Toggle switch */
.toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  border-radius: 0.5rem;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.05);
  margin-bottom: 0.5rem;
}

[data-theme='light'] .toggle-row {
  background: rgba(255,255,255,0.4);
  border-color: rgba(232,176,88,0.1);
}

.toggle-label {
  font-size: 0.875rem;
  color: var(--ifm-color-content);
}

.toggle-switch {
  position: relative;
  width: 2.5rem;
  height: 1.25rem;
  border-radius: 9999px;
  cursor: pointer;
  transition: all 0.2s ease;
  background: rgba(156,163,175,0.3);
}

.toggle-switch--on {
  background: #22c55e;
}

.toggle-switch-thumb {
  position: absolute;
  top: 0.125rem;
  width: 1rem;
  height: 1rem;
  border-radius: 9999px;
  transition: all 0.2s ease;
  background: white;
  left: 0.125rem;
}

.toggle-switch--on .toggle-switch-thumb {
  left: 1.25rem;
}

/* Select dropdown */
.settings-select {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  background: rgba(255,255,255,0.05);
  color: var(--ifm-color-content);
  border: 1px solid rgba(255,255,255,0.1);
}

[data-theme='light'] .settings-select {
  background: rgba(255,255,255,0.8);
  border-color: rgba(232,176,88,0.2);
}

/* Save button */
.settings-save-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  background: linear-gradient(135deg, #E8B058 0%, #C89446 100%);
  color: #000;
  border: none;
  box-shadow: 0 4px 20px rgba(232,176,88,0.3);
}

.settings-save-btn:hover {
  transform: scale(1.02);
}

.settings-save-btn:disabled {
  cursor: wait;
  opacity: 0.7;
}

/* Toast notifications */
.profile-toast {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  padding: 1rem 1.5rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  z-index: 100;
  animation: slideIn 0.3s ease;
}

@keyframes slideIn {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.profile-toast--success {
  background: rgba(34,197,94,0.15);
  color: #22c55e;
  border: 1px solid rgba(34,197,94,0.3);
}

.profile-toast--error {
  background: rgba(239,68,68,0.15);
  color: #ef4444;
  border: 1px solid rgba(239,68,68,0.3);
}

/* Mobile responsive */
@media (max-width: 640px) {
  .profile-header-card {
    padding: 1.5rem;
  }

  .profile-stats-row {
    grid-template-columns: 1fr;
  }

  .profile-quick-links {
    grid-template-columns: 1fr;
  }

  .theme-selector-grid {
    grid-template-columns: 1fr;
  }
}