/* Extracted critical theme styles from inc/header.php. */
html.qn-theme-preload *,
    html.qn-theme-preload *::before,
    html.qn-theme-preload *::after {
      transition: none !important;
      animation: none !important;
    }
    :root {
      color-scheme: light;
      --qn-theme-canvas: #f8f8f8;
      --qn-theme-surface: #ffffff;
      --qn-theme-surface-soft: #f5f8fc;
      --qn-theme-text: #202731;
      --qn-theme-muted: #66717e;
      --qn-theme-border: #dfe5ec;
      --qn-theme-link: #087cf0;
      background: var(--qn-theme-canvas);
    }
    html[data-theme="dark"] {
      color-scheme: dark;
      --qn-theme-canvas: #0f141b;
      --qn-theme-surface: #171e27;
      --qn-theme-surface-soft: #1c2530;
      --qn-theme-text: #e8eef5;
      --qn-theme-muted: #a9b5c2;
      --qn-theme-border: #303b48;
      --qn-theme-link: #72aefc;
      background: var(--qn-theme-canvas) !important;
    }
    html[data-theme="dark"] body {
      color: var(--qn-theme-text) !important;
      background-color: var(--qn-theme-canvas) !important;
    }
    .qn-site-header {
      display: block !important;
      position: relative;
      isolation: isolate;
    }
    .qn-site-header::before,
    .qn-site-header::after {
      content: none !important;
      display: none !important;
      background: none !important;
      box-shadow: none !important;
    }
    .qn-header-inner {
      position: relative;
      z-index: 1;
    }
    html[data-theme="dark"] .qn-site-header {
      color: var(--qn-theme-text);
      background: linear-gradient(
        to right,
        rgba(15, 20, 27, 0) 0%,
        #12171e 10%,
        #12171e 90%,
        rgba(15, 20, 27, 0) 100%
      );
    }
    html[data-theme="dark"] .qn-brand,
    html[data-theme="dark"] .qn-brand:hover,
    html[data-theme="dark"] .qn-brand:focus-visible,
    html[data-theme="dark"] .qn-brand-name,
    html[data-theme="dark"] .qn-nav-link,
    html[data-theme="dark"] .qn-nav-link i {
      color: var(--qn-theme-text) !important;
    }
    html[data-theme="dark"] .qn-nav-link:hover,
    html[data-theme="dark"] .qn-nav-link[aria-current="page"] {
      color: #ffffff !important;
      border-bottom-color: #ffffff !important;
    }
    html[data-theme="dark"] .qn-nav-link:hover i,
    html[data-theme="dark"] .qn-nav-link[aria-current="page"] i {
      color: #ffffff !important;
    }
    html[data-theme="dark"] .qn-nav-link.btn-publish,
    html[data-theme="dark"] .qn-nav-link.btn-publish:hover {
      color: #ffffff !important;
      background: #1b222c !important;
      border: 1px solid #46515f !important;
      box-shadow: none !important;
    }
    html[data-theme="dark"] .qn-nav-link.btn-publish i {
      color: #ffffff !important;
    }
    html[data-theme="dark"] .navbar-search {
      color: #ffffff !important;
      background: #171d25 !important;
      border-color: #343d49 !important;
      box-shadow: none !important;
    }
    html[data-theme="dark"] .navbar-search:hover {
      color: #ffffff !important;
      background: #1b222c !important;
      border-color: #46515f !important;
      box-shadow: none !important;
    }
    html[data-theme="dark"] .navbar-search .qn-search-icon {
      color: #ffffff !important;
      background: #293340 !important;
      box-shadow: none !important;
    }
    html[data-theme="dark"] .qn-search-panel,
    html[data-theme="dark"] .navbar-hamburger,
    html[data-theme="dark"] .navbar-menu {
      color: var(--qn-theme-text) !important;
      background: var(--qn-theme-surface) !important;
      border-color: var(--qn-theme-border) !important;
      box-shadow: none !important;
    }
    html[data-theme="dark"] .qn-search-panel__title {
      color: var(--qn-theme-text) !important;
    }
    html[data-theme="dark"] .navbar-hamburger {
      color: #ffffff !important;
      background: #171d25 !important;
      border-color: #46515f !important;
    }
    html[data-theme="dark"] .navbar-hamburger span {
      background: #ffffff !important;
    }
    html[data-theme="dark"] .container,
    html[data-theme="dark"] .content,
    html[data-theme="dark"] .card,
    html[data-theme="dark"] .profile-header,
    html[data-theme="dark"] .content-section,
    html[data-theme="dark"] .pin-card,
    html[data-theme="dark"] .post-item,
    html[data-theme="dark"] .nav-group,
    html[data-theme="dark"] .module,
    html[data-theme="dark"] .ad-section,
    html[data-theme="dark"] .right-sidebar,
    html[data-theme="dark"] .password-container,
    html[data-theme="dark"] .custom-modal,
    html[data-theme="dark"] .group-card,
    html[data-theme="dark"] .modal-content {
      color: var(--qn-theme-text);
      background-color: var(--qn-theme-surface) !important;
      border-color: var(--qn-theme-border) !important;
      box-shadow: none !important;
    }
    html[data-theme="dark"] input,
    html[data-theme="dark"] select,
    html[data-theme="dark"] textarea,
    html[data-theme="dark"] .form-control,
    html[data-theme="dark"] .input-group-text {
      color: var(--qn-theme-text);
      background-color: #111821;
      border-color: var(--qn-theme-border);
    }
    html[data-theme="dark"] table,
    html[data-theme="dark"] .post-table,
    html[data-theme="dark"] .post-table th,
    html[data-theme="dark"] .post-table td {
      color: var(--qn-theme-text) !important;
      background-color: transparent !important;
      border-color: var(--qn-theme-border) !important;
    }