:root{--bg:#0f172a;--primary:#14b8a6;--mint:#a7f3d0;--text:#e6fffb;--muted:#b8d6d2;--glass:rgba(255,255,255,.10);--glass-strong:rgba(20,184,166,.16);--border:rgba(167,243,208,.28);--shadow:0 18px 45px rgba(2,6,23,.35);--radius:24px;--theme-primary:#14b8a6;--theme-primary-dark:#14b8a6;--theme-primary-deeper:rgba(15,23,42,.86);--theme-secondary:#fff;--theme-secondary-dark:#fff;--theme-accent:#fff;--theme-body-bg:#0f172a;--theme-section-bg:#0f172a;--theme-section-alt-bg:rgb(44,51,68);--theme-card-bg:rgb(44,51,68);--theme-card-border:rgba(167,243,208,.28);--theme-text:#e6fffb;--theme-muted:#b8d6d2;--theme-heading:#e6fffb;--theme-link:#14b8a6;--theme-button-bg:#14b8a6;--theme-button-text:#0f172a;--theme-button-border:rgba(167,243,208,.28);--primary:#14b8a6;--primary-dark:#14b8a6;--primary-deeper:rgba(15,23,42,.86);--secondary:#fff;--secondary-dark:#fff;--accent:#fff;--bg-light:#0f172a;--bg-dark:rgba(2,6,23,.62);--bg-white:rgb(44,51,68);--background:#0f172a;--surface:rgb(44,51,68);--divider:rgba(167,243,208,.28);--text-dark:#e6fffb;--text-light:#ffffff;--text-muted:#b8d6d2;--text-muted-light:#b8d6d2;--orange:#14b8a6;--blue:#14b8a6;--gold:#fff;--yellow:#fff;--dark:rgba(2,6,23,.62);--dark2:rgb(44,51,68);--dark3:rgba(167,243,208,.28);--light:#ffffff;--muted:#b8d6d2;--text-muted-custom:#b8d6d2;--card-bg:rgb(44,51,68);--card-border:rgba(167,243,208,.28);--paper:#0f172a;--beige:#0f172a;--light-brown:rgb(44,51,68);--card:rgb(44,51,68);--border:rgba(167,243,208,.28);--text:#e6fffb;--generated-accent:#14b8a6;--generated-accent-2:#fff;--generated-heading:#e6fffb;--generated-text:#e6fffb;--generated-muted:#b8d6d2;--generated-page-bg:#0f172a;--generated-surface:rgb(44,51,68);--generated-card:rgb(44,51,68);--generated-border:rgba(167,243,208,.28);--generated-section-bg:#0f172a;--generated-section-alt-bg:rgb(44,51,68);--generated-button-bg:#14b8a6;--generated-button-text:#0f172a;--generated-button-border:rgba(167,243,208,.28);--generated-accent-text:#0f172a;--author-box-bg:linear-gradient(90deg,rgba(2,6,23,.62),#14b8a6,rgba(2,6,23,.62));--author-card-bg:rgb(44,51,68);--author-box-border:rgba(167,243,208,.28);--author-label-color:#fff;--author-name-color:#e6fffb;--author-role-color:#14b8a6;--author-text-color:#b8d6d2;--author-avatar-bg:rgba(255,255,255,0.92);--author-avatar-border:#fff;--author-chip-bg:rgba(255,255,255,0.08);--author-chip-border:rgba(255,255,255,0.16);--author-chip-text:#b8d6d2;--author-link-bg:#fff;--author-link-text:#0f172a;--generated-floating-bg:rgba(15,23,42,0.42);--generated-floating-border:rgba(255,255,255,0.18);--generated-register-bg:#22c55e;--generated-register-text:#ffffff;--generated-login-bg:#fbbf24;--generated-login-text:#0f172a;--chrome-header-bg:rgba(15,23,42,.86);--chrome-header-border:rgba(167,243,208,.28);--chrome-header-link:#d9fffb;--chrome-header-link-hover:#fff;--chrome-header-active-bg:rgba(20,184,166,.18);--chrome-header-active-text:#fff;--chrome-footer-bg:rgba(2,6,23,.62);--chrome-footer-text:#b8d6d2;--chrome-footer-link:#a7f3d0;--chrome-footer-link-hover:#14b8a6;--chrome-footer-heading:#fff;--chrome-footer-border:rgba(167,243,208,.28)}
/* Keep the opening module close to the shared navigation on every page. */
#main-content > .hero:first-child,
#main-content > .section-pad:first-child {
  padding-top: 24px;
}
@media (max-width: 991px) {
  #main-content > .hero:first-child,
  #main-content > .section-pad:first-child {
    padding-top: 16px;
  }
}
/* App navigation: one combined label and dropdown control. */
.mx-app-menu { position: relative; }
.site-header-sticky .navbar .mx-app-toggle { display: inline-flex; align-items: center; gap: 0.35rem; white-space: nowrap; background: transparent; border: 0; }
.mx-app-toggle:focus-visible { outline: 2px solid var(--mint); outline-offset: 2px; }
.mx-app-menu > .dropdown-menu { min-width: 13rem; padding: 0.5rem; background: var(--bg); border: 1px solid var(--border); border-radius: 14px; box-shadow: var(--shadow); }
.mx-app-menu .dropdown-item { color: var(--chrome-header-link); border-radius: 8px; padding: 0.65rem 0.8rem; }
.mx-app-menu .dropdown-item:hover, .mx-app-menu .dropdown-item:focus, .mx-app-menu .dropdown-item.active { background: var(--chrome-header-active-bg); color: var(--chrome-header-link-hover); }
@media (max-width: 991.98px) { .mx-app-menu > .dropdown-menu { width: 100%; margin: 0.25rem 0 0.5rem; } }