/* ==========================================================================
   INVESTI GLOBAL CSS (Unified Glassmorphism)
   ========================================================================== */

html {
  font-size: 16px;
  transition: font-size 0.3s ease;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
  scrollbar-width: auto;
  background-color: var(--bg-color);
  scroll-behavior: smooth;
  scroll-padding-top: var(--investi-scroll-padding-top, 96px);
}

html[data-fontsize="small"] {
  font-size: 14px;
}
html[data-fontsize="large"] {
  font-size: 18px;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

:root {
  --investi-font-family: "Roboto", sans-serif;
  /* LIGHT MODE */
  --bg-color: #f0f2f5;
  --text-color: #1e1b2e;
  --heading-color: #0f0d1a;

  --glass-bg: rgba(255, 255, 255, 0.45);
  --glass-border: rgba(255, 255, 255, 0.6);
  --glass-hover: rgba(255, 255, 255, 0.7);
  --backdrop-blur: blur(16px);

  --card-bg: var(--glass-bg);
  --header-bg: #ffffff;
  --row-bg: rgba(255, 255, 255, 0.3);
  --border-color: var(--glass-border);

  --text-secondary: #6a6487;
  --card-bg-secondary: rgba(0, 0, 0, 0.03);
  --surface-1: #ffffff;
  --surface-2: #f3f4f6;
  --surface-3: #e2e8f0;
  --shadow-color: rgba(0, 0, 0, 0.05);
  --shadow-strong: rgba(0, 0, 0, 0.12);
  --ring-color: rgba(46, 126, 206, 0.15);
  --accent-text-color: var(--accent-color);
  --panel-highlight: rgba(255, 255, 255, 0.45);
  --scrollbar-track: rgba(46, 126, 206, 0.18);
  --scrollbar-thumb: #2e7ece;
  --scrollbar-thumb-hover: #2e7ece;
  --button-bg: var(--card-bg);
  --button-border: var(--border-color);
  --button-text: var(--text-color);
  --button-hover-bg: var(--hover-bg);
  --button-hover-text: var(--accent-color);
  --investi-btn-min-height: auto;
  --investi-btn-padding: 6px 12px;
  --investi-btn-radius: 10px;
  --investi-btn-font-size: 11px;
  --investi-btn-gap: 6px;
  --input-bg: transparent;
  --input-border: var(--border-color);
  --input-text: var(--text-color);

  --success-color: #10b981;
  --danger-color: #ef4444;
  --warning-color: #f59e0b;
  --gain-color: var(--success-color);
  --loss-color: var(--danger-color);
}

[data-mode="dark"] {
  /* DARK MODE */
  --bg-color: #0b0914;
  --text-color: #f4f2fa;
  --heading-color: #ffffff;

  --glass-bg: rgba(0, 0, 0, 0.4);
  --glass-border: rgba(255, 255, 255, 0.1);
  --glass-hover: rgba(255, 255, 255, 0.05);
  --backdrop-blur: blur(10px);

  --card-bg: var(--glass-bg);
  --header-bg: #030303;
  --row-bg: rgba(255, 255, 255, 0.03);
  --border-color: var(--glass-border);

  --text-secondary: #d1e1e1;
  --card-bg-secondary: rgba(255, 255, 255, 0.03);
  --surface-1: rgba(255, 255, 255, 0.08);
  --surface-2: rgba(255, 255, 255, 0.05);
  --surface-3: rgba(255, 255, 255, 0.14);
  --shadow-color: rgba(0, 0, 0, 0.2);
  --shadow-strong: rgba(0, 0, 0, 0.3);
  --ring-color: rgba(46, 126, 206, 0.22);
  --accent-text-color: var(--accent-color);
  --panel-highlight: rgba(255, 255, 255, 0.05);
  --scrollbar-track: rgba(9, 14, 27, 0.9);
  --scrollbar-thumb: #5ba9ff;
  --scrollbar-thumb-hover: #8ac2ff;
  --button-bg: var(--card-bg);
  --button-border: var(--border-color);
  --button-text: var(--text-color);
  --button-hover-bg: var(--hover-bg);
  --button-hover-text: var(--accent-color);
  --input-bg: transparent;
  --input-border: var(--border-color);
  --input-text: var(--text-color);

  --success-color: #34d399;
  --danger-color: #fb7185;
  --warning-color: #fbbf24;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  min-height: 100vh;
  background-image: url("/wp-content/uploads/2025/06/Hero-image_flip.jpg");
  background-color: var(--bg-color);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.25;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: transform;
  transition: opacity 0.4s ease;
}
[data-mode="dark"] body::before {
  opacity: 0.6;
}

body::after {
  content: none;
}

/* THEMES */
:root {
  --accent-color: #cb6bfd;
  --brand-gradient: linear-gradient(135deg, #2e7ece, #cb6bfd);
  --hover-bg: rgba(203, 107, 253, 0.08);
  --chart-line: #cb6bfd;
  --chart-fill: rgba(203, 107, 253, 0.2);
}

[data-theme="liquid-glass"] {
  --accent-color: #7ab9ff;
  --brand-gradient: linear-gradient(
    135deg,
    #74a9da 0%,
    #699cdc 30%,
    #5f89ce 58%,
    #7ab9ff 100%
  );
  --hover-bg: rgba(122, 185, 255, 0.12);
  --chart-line: #7ab9ff;
  --chart-fill: rgba(122, 185, 255, 0.2);

  --bg-color: #d8e0eb;
  --text-color: #24344d;
  --heading-color: #17253d;
  --glass-bg: rgba(255, 255, 255, 0.58);
  --glass-border: rgba(255, 255, 255, 0.88);
  --glass-hover: rgba(255, 255, 255, 0.82);
  --glass-text: #ffffff;
  --chart-blue: #2e7ece;
  --chart-green: #26a69a;
  --chart-red: #ef5350;
  --backdrop-blur: blur(20px) saturate(1.16);
  --card-bg: rgba(255, 255, 255, 0.56);
  --header-bg: #ffffff;
  --row-bg: rgba(255, 255, 255, 0.44);
  --border-color: rgba(228, 235, 246, 0.98);
  --text-secondary: #72849b;
  --card-bg-secondary: rgba(255, 255, 255, 0.38);
  --surface-1: rgba(255, 255, 255, 0.72);
  --surface-2: rgba(249, 250, 255, 0.64);
  --surface-3: rgba(236, 240, 250, 0.94);
  --shadow-color: rgba(122, 138, 171, 0.16);
  --shadow-strong: rgba(97, 111, 142, 0.22);
  --ring-color: rgba(46, 126, 206, 0.12);
  --accent-text-color: #7ab9ff;
  --panel-highlight: rgba(255, 255, 255, 0.96);
  --button-bg: rgba(255, 255, 255, 0.68);
  --button-border: rgba(220, 227, 240, 0.96);
  --button-text: #50627e;
  --button-hover-bg: rgba(255, 255, 255, 0.9);
  --button-hover-text: #1e2b43;
  --input-bg: rgba(255, 255, 255, 0.62);
  --input-border: rgba(220, 228, 240, 0.94);
  --input-text: #24344d;
}

[data-mode="dark"][data-theme="liquid-glass"] {
  --accent-color: #7ab9ff;
  --brand-gradient: linear-gradient(
    135deg,
    #74a9da 0%,
    #699cdc 30%,
    #5f89ce 58%,
    #877fd1 82%,
    #ad7fe0 100%
  );
  --hover-bg: rgba(255, 255, 255, 0.08);
  --chart-line: #7ab9ff;
  --chart-fill: rgba(122, 185, 255, 0.2);

  --bg-color: #04070d;
  --text-color: #eef6ff;
  --heading-color: #ffffff;
  --glass-bg: rgba(12, 18, 30, 0.54);
  --glass-border: rgba(255, 255, 255, 0.12);
  --glass-hover: rgba(255, 255, 255, 0.12);
  --glass-text: #ffffff;
  --chart-blue: #7ab9ff;
  --chart-green: #26a69a;
  --chart-red: #ef5350;
  --backdrop-blur: blur(24px) saturate(1.45);
  --card-bg: rgba(12, 18, 30, 0.44);
  --header-bg: #070a12;
  --row-bg: rgba(255, 255, 255, 0.06);
  --border-color: rgba(255, 255, 255, 0.1);
  --text-secondary: #a7b8ca;
  --card-bg-secondary: rgba(255, 255, 255, 0.06);
  --surface-1: rgba(255, 255, 255, 0.08);
  --surface-2: rgba(255, 255, 255, 0.05);
  --surface-3: rgba(255, 255, 255, 0.14);
  --shadow-color: rgba(0, 0, 0, 0.3);
  --shadow-strong: rgba(0, 0, 0, 0.5);
  --ring-color: rgba(217, 131, 255, 0.24);
  --accent-text-color: #7ab9ff;
  --panel-highlight: rgba(255, 255, 255, 0.08);
  --button-bg: rgba(255, 255, 255, 0.06);
  --button-border: rgba(255, 255, 255, 0.12);
  --button-text: #eef6ff;
  --button-hover-bg: rgba(255, 255, 255, 0.12);
  --button-hover-text: #ffffff;
  --input-bg: rgba(255, 255, 255, 0.06);
  --input-border: rgba(255, 255, 255, 0.16);
  --input-text: #eef6ff;
}

[data-theme="liquid-glass"] body::before {
  opacity: 0.14;
}

[data-mode="dark"][data-theme="liquid-glass"] body::before {
  opacity: 0.76;
}

[data-theme="liquid-glass"] body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    repeating-linear-gradient(
      90deg,
      transparent 0 27px,
      rgba(128, 156, 226, 0.09) 27px 28px,
      transparent 28px 56px
    ),
    repeating-linear-gradient(
      180deg,
      transparent 0 27px,
      rgba(209, 162, 245, 0.08) 27px 28px,
      transparent 28px 56px
    ),
    radial-gradient(
      circle at 18% 20%,
      rgba(255, 255, 255, 0.38),
      transparent 30%
    ),
    radial-gradient(
      circle at 82% 18%,
      rgba(169, 206, 255, 0.2),
      transparent 24%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.18),
      rgba(240, 235, 250, 0.42)
    );
}
[data-mode="dark"][data-theme="liquid-glass"] body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(
      circle at 78% 14%,
      rgba(123, 197, 255, 0.22),
      transparent 22%
    ),
    radial-gradient(
      circle at 18% 78%,
      rgba(164, 108, 255, 0.16),
      transparent 24%
    ),
    radial-gradient(
      circle at 56% 48%,
      rgba(255, 255, 255, 0.06),
      transparent 28%
    ),
    linear-gradient(
      160deg,
      rgba(4, 8, 16, 0.82),
      rgba(7, 12, 22, 0.74) 48%,
      rgba(6, 9, 18, 0.94) 100%
    );
}

/* Light mode uses the solid contrast variant automatically. */
[data-contrast="solid"] {
  --glass-bg: #ffffff;
  --backdrop-blur: none;
  --border-color: #e2e8f0;
  --row-bg: #f8fafc;
  --card-bg-secondary: #f1f5f9;
}
[data-mode="dark"][data-contrast="solid"] {
  --glass-bg: #131022;
  --border-color: #262140;
  --row-bg: #18152c;
  --header-bg: #030303;
  --card-bg-secondary: #0c0a17;
}
[data-contrast="solid"] body::before {
  display: none;
}

/* GLOBAL STYLES */
* {
  box-sizing: border-box;
}

.investi-site-header,
.investi-site-header *,
.investi-site-header button,
.investi-site-header input,
.investi-site-header select,
.investi-site-header textarea,
.investi-miniheader,
.investi-miniheader *,
.investi-miniheader button,
.investi-miniheader input,
.investi-miniheader select,
.investi-miniheader textarea,
.investi-async-module,
.investi-async-module *,
.investi-async-module button,
.investi-async-module input,
.investi-async-module select,
.investi-async-module textarea,
.investi-homepage-highlights-static,
.investi-homepage-highlights-static *,
.investi-homepage-highlights-static button,
.investi-homepage-highlights-static input,
.investi-homepage-highlights-static select,
.investi-homepage-highlights-static textarea,
.investi-funds-directory,
.investi-funds-directory *,
.investi-funds-directory button,
.investi-funds-directory input,
.investi-funds-directory select,
.investi-funds-directory textarea {
  font-family: var(--investi-font-family) !important;
}

body {
  background-color: var(--bg-color);
  color: var(--text-color);
  margin: 0;
  min-height: 100vh;
  min-height: 100svh;
  position: relative;
  isolation: isolate;
}

@media (hover: none) and (pointer: coarse) {
  body::before {
    min-height: 100lvh;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading-color) !important;
  margin-top: 0;
}
a {
  color: var(--text-color);
  text-decoration: none;
  transition: color 0.2s ease;
}
a:hover {
  color: var(--accent-text-color);
}
.gain {
  color: var(--gain-color) !important;
  font-weight: 700;
}
.loss {
  color: var(--loss-color) !important;
  font-weight: 700;
}
.investi-status-positive {
  color: var(--success-color) !important;
}
.investi-status-negative {
  color: var(--danger-color) !important;
}
.hidden {
  display: none !important;
}

/* HOVER EFFECTS */
.hover-slide-right {
  transition:
    transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1),
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
  will-change: transform;
}
.hover-slide-right:hover {
  transform: translateX(4px);
  background-color: var(--hover-bg);
  border-color: var(--accent-color);
}
.hover-lift {
  transition:
    transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
    box-shadow 0.3s ease,
    border-color 0.3s ease;
  will-change: transform;
  display: flex;
  flex-direction: column;
}
.hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
  border-color: var(--accent-color);
}
[data-mode="dark"] .hover-lift:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
}

/* UNIFIED CONTAINERS */
.base {
  background: var(--card-bg);
  border-radius: 12px;
  border: 1px solid var(--border-color);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  backdrop-filter: var(--backdrop-blur);
  -webkit-backdrop-filter: var(--backdrop-blur);
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background-clip: padding-box;
}
.base-dark {
  background-color: var(--card-bg-secondary);
  border-radius: 12px;
  border: 1px solid var(--border-color);
  backdrop-filter: var(--backdrop-blur);
  -webkit-backdrop-filter: var(--backdrop-blur);
  transition: all 0.3s ease;
}

.investi-grid {
  display: grid;
  gap: 16px;
  margin: 0;
}
.investi-grid.cols-2 {
  grid-template-columns: 1fr 1fr;
}
.investi-grid.cols-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.investi-grid.cols-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 768px) {
  .investi-grid.cols-2,
  .investi-grid.cols-3,
  .investi-grid.cols-4 {
    grid-template-columns: 1fr;
  }
}

/* UI ELEMENTS */
.investi-card {
  display: flex;
  justify-content: space-between;
  background-color: var(--card-bg);
  border-radius: 8px;
  padding: 15px;
  border: 1px solid var(--border-color);
  backdrop-filter: var(--backdrop-blur);
  cursor: default;
  isolation: isolate;
  background-clip: padding-box;
}

/* UNIVERSAL DROPDOWNS */
.investi-async-module select,
.equitySelectorContainer select,
.investi-ma-panel__select,
.companies-dashboard__select {
  appearance: auto;
  -webkit-appearance: menulist;
  background-color: var(--card-bg);
  color: var(--text-color);
  border: 1px solid var(--border-color);
  border-radius: 14px;
  padding: 10px 52px 10px 15px;
  font-size: 13px;
  font-weight: 600;
  outline: none;
  cursor: pointer;
  backdrop-filter: var(--backdrop-blur);
  box-shadow:
    inset 0 1px 0 var(--panel-highlight),
    0 8px 18px color-mix(in srgb, var(--shadow-color) 60%, transparent);
  transition: all 0.2s ease;
}
.investi-async-module select:hover,
.equitySelectorContainer select:hover,
.investi-ma-panel__select:hover,
.companies-dashboard__select:hover {
  border-color: var(--accent-color);
  background-color: var(--hover-bg);
}
.investi-async-module select:focus,
.equitySelectorContainer select:focus,
.investi-ma-panel__select:focus,
.companies-dashboard__select:focus {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px rgba(46, 126, 206, 0.15);
}
.investi-async-module select option,
.equitySelectorContainer select option,
.investi-ma-panel__select option,
.companies-dashboard__select option {
  background-color: var(--bg-color);
  color: var(--text-color);
}
[data-mode="dark"] .investi-async-module select option,
[data-mode="dark"] .equitySelectorContainer select option,
[data-mode="dark"] .investi-ma-panel__select option,
[data-mode="dark"] .companies-dashboard__select option {
  background-color: #131022;
  color: #fff;
}

.filter-dropdown {
  background: var(--surface-1) !important;
  border: 1px solid var(--border-color) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
}

html:not([data-mode="dark"]) .filter-dropdown {
  background: #ffffff !important;
  border-color: #d7dee8 !important;
}

[data-mode="dark"] .filter-dropdown {
  background: #131022 !important;
  border-color: #262140 !important;
}

html:not([data-mode="dark"]) #theme-settings-panel {
  background: #ffffff !important;
  border-color: #d7dee8 !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.14) !important;
}

html:not([data-mode="dark"]) #theme-settings-panel > div:first-child,
html:not([data-mode="dark"]) #theme-settings-panel .mode-btn,
html:not([data-mode="dark"]) #theme-settings-panel .font-btn,
html:not([data-mode="dark"]) #theme-settings-panel .theme-btn {
  color: #111827 !important;
}

html:not([data-mode="dark"])
  #theme-settings-panel
  [style*="display:flex; background:var(--surface-2)"] {
  background: #f3f4f6 !important;
  border-color: #d7dee8 !important;
}

[data-mode="dark"] #theme-settings-panel {
  background: #131022 !important;
  border-color: #262140 !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.42) !important;
}

[data-mode="dark"] #theme-settings-panel > div:first-child,
[data-mode="dark"]
  #theme-settings-panel
  [style*="display:flex; background:var(--surface-2)"] {
  background: #1a162b !important;
  border-color: #262140 !important;
}

.investi-tabs-container {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  margin-bottom: 15px;
  scrollbar-width: none;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 10px;
}
.investi-tabs-container::-webkit-scrollbar {
  display: none;
}
.investi-tab-btn {
  background: var(--investi-tab-btn-bg, transparent);
  color: var(--investi-tab-btn-color, var(--text-color));
  border: var(--investi-tab-btn-border-width, 0) solid
    var(--investi-tab-btn-border-color, transparent);
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  opacity: var(--investi-tab-btn-opacity, 0.7);
  backdrop-filter: var(--investi-tab-btn-backdrop, none);
  -webkit-backdrop-filter: var(--investi-tab-btn-backdrop, none);
}
.investi-tab-btn:hover {
  background: var(--investi-tab-btn-hover-bg, var(--hover-bg));
  color: var(
    --investi-tab-btn-hover-color,
    var(--investi-tab-btn-color, var(--text-color))
  );
  border-color: var(
    --investi-tab-btn-hover-border-color,
    var(--investi-tab-btn-border-color, transparent)
  );
  opacity: var(--investi-tab-btn-hover-opacity, 1);
}
.investi-tab-btn.active {
  background: var(--investi-tab-btn-active-bg, var(--brand-gradient));
  color: var(--investi-tab-btn-active-color, var(--accent-text-color));
  border-width: var(--investi-tab-btn-active-border-width, 1px);
  border-color: var(--investi-tab-btn-active-border-color, var(--border-color));
  opacity: var(--investi-tab-btn-active-opacity, 1);
  box-shadow: var(
    --investi-tab-btn-active-shadow,
    0 4px 10px rgba(0, 0, 0, 0.05)
  );
}

.investi-btn {
  background-color: var(--card-bg);
  color: var(--text-color);
  border: 1px solid var(--border-color);
  min-height: var(--investi-btn-min-height);
  padding: var(--investi-btn-padding);
  border-radius: var(--investi-btn-radius);
  font-size: var(--investi-btn-font-size);
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--investi-btn-gap);
  backdrop-filter: var(--backdrop-blur);
  outline: none;
}
.investi-btn:hover {
  background-color: var(--hover-bg);
  border-color: var(--accent-color);
  color: var(--accent-text-color);
}
.investi-btn.active {
  background: var(--brand-gradient);
  border-color: transparent;
  color: #fff !important;
}

.base {
  border-radius: 20px;
  box-shadow:
    0 18px 45px var(--shadow-color),
    inset 0 1px 0 var(--panel-highlight);
}

.investi-card {
  border-radius: 14px;
  box-shadow:
    0 10px 28px var(--shadow-color),
    inset 0 1px 0 var(--panel-highlight);
}

.investi-btn {
  background-color: var(--button-bg) !important;
  color: var(--button-text) !important;
  border: 1px solid var(--button-border) !important;
  min-height: var(--investi-btn-min-height);
  padding: var(--investi-btn-padding);
  border-radius: var(--investi-btn-radius);
  font-size: var(--investi-btn-font-size);
  font-weight: 700;
  box-shadow:
    0 10px 24px color-mix(in srgb, var(--shadow-color) 75%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--panel-highlight) 78%, transparent);
}

.investi-btn:hover {
  background-color: var(--button-hover-bg) !important;
  border-color: color-mix(
    in srgb,
    var(--accent-color) 22%,
    var(--button-border)
  ) !important;
  color: var(--button-hover-text) !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 20px var(--shadow-color);
}

.investi-btn.active {
  background: var(--brand-gradient) !important;
  border-color: color-mix(
    in srgb,
    var(--accent-color) 28%,
    rgba(255, 255, 255, 0.42)
  ) !important;
  color: #fff !important;
  box-shadow:
    0 14px 30px
      color-mix(in srgb, var(--accent-color) 18%, var(--shadow-strong)),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

[data-mode="dark"][data-theme="liquid-glass"] .investi-btn.active {
  box-shadow:
    0 16px 34px rgba(79, 140, 255, 0.22),
    0 0 0 1px rgba(217, 131, 255, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.investi-chart-shell {
  position: relative;
  width: 100%;
}

.investi-chart-gesture-overlay,
.investi-chart-gesture-toggle {
  display: none;
}

.investi-chart-gesture-overlay[hidden] {
  display: none !important;
  pointer-events: none;
}

.investi-chart-gesture-overlay {
  position: absolute;
  inset: 0;
  z-index: 4;
  align-items: flex-end;
  justify-content: flex-start;
  width: 100%;
  padding: 16px;
  border: 0;
  background: linear-gradient(
    180deg,
    rgba(15, 23, 42, 0) 0%,
    rgba(15, 23, 42, 0.16) 68%,
    rgba(15, 23, 42, 0.44) 100%
  );
  color: #fff;
  text-align: left;
  touch-action: pan-y;
  cursor: pointer;
}

.investi-chart-gesture-overlay__text {
  display: block;
  max-width: 18rem;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.35;
}

.investi-chart-gesture-toggle {
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 5;
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.82);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18);
}

.investi-chart-shell[data-gesture-state="active"]
  .investi-chart-gesture-toggle {
  background: var(--brand-gradient);
  border-color: transparent;
}

.investi-chart-type-switch {
  display: inline-flex;
  gap: 6px;
  padding: 4px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--card-bg-secondary) 86%, transparent);
  border: 1px solid
    color-mix(in srgb, var(--border-color) 86%, var(--accent-color) 14%);
}

.investi-chart-type-switch .investi-btn {
  min-height: 38px;
  padding: 8px 16px;
  border-radius: 999px;
}

.investi-chart-type-switch .investi-btn.active {
  border-color: transparent;
  box-shadow: 0 8px 18px
    color-mix(in srgb, var(--accent-color) 18%, transparent);
}

@media (max-width: 767px) {
  .investi-chart-shell[data-gesture-state] .investi-chart-gesture-overlay,
  .investi-chart-shell[data-gesture-state] .investi-chart-gesture-toggle {
    display: flex;
  }

  .investi-controls-row--compact {
    gap: 8px;
    margin-top: 0;
    padding: 10px;
    padding-bottom: 8px;
    border-top: 0;
    border: 1px solid
      color-mix(in srgb, var(--border-color) 84%, var(--accent-color) 16%);
    border-radius: 18px;
    background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--card-bg-secondary) 92%, transparent),
      color-mix(in srgb, var(--card-bg) 96%, transparent)
    );
    box-shadow:
      inset 0 1px 0
        color-mix(
          in srgb,
          var(--panel-highlight, rgba(255, 255, 255, 0.2)) 72%,
          transparent
        ),
      0 10px 24px color-mix(in srgb, var(--accent-color) 8%, transparent);
  }

  .investi-controls-row--compact .investi-btn {
    min-height: 36px;
    padding: 8px 12px;
    font-size: 0.74rem;
    font-weight: 800;
    border-radius: 999px;
    border-color: color-mix(
      in srgb,
      var(--border-color) 82%,
      var(--accent-color) 18%
    );
    background: color-mix(in srgb, var(--card-bg) 92%, transparent);
    box-shadow: inset 0 1px 0
      color-mix(
        in srgb,
        var(--panel-highlight, rgba(255, 255, 255, 0.2)) 68%,
        transparent
      );
  }

  .investi-controls-row--compact .range-btn {
    letter-spacing: 0.02em;
  }

  .investi-controls-row--compact .investi-zoom-btn,
  .investi-controls-row--compact .investi-btn[aria-label="Reset chart"] {
    font-weight: 900;
  }

  .investi-controls-row--compact .range-btn.active {
    border-color: transparent;
    background: var(--brand-gradient);
    color: #fff;
    box-shadow: 0 10px 22px
      color-mix(in srgb, var(--accent-color) 22%, transparent);
  }
}

body > #investi-theme-engine {
  position: fixed !important;
  bottom: 20px !important;
  right: 20px !important;
  z-index: 999999 !important;
  top: auto !important;
  left: auto !important;
  margin: 0 !important;
}

#header-on-scroll,
.elementor-location-header {
  background-color: var(--header-bg) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition:
    top 0.4s cubic-bezier(0.33, 1, 0.68, 1),
    background-color 0.3s ease !important;
  border-bottom: 2px solid var(--border-color);
  position: sticky;
  top: 0;
  z-index: 99999;
}
body.admin-bar #header-on-scroll,
body.admin-bar .elementor-location-header {
  top: 32px;
}
@media (max-width: 782px) {
  body.admin-bar #header-on-scroll,
  body.admin-bar .elementor-location-header {
    top: 46px;
  }
}
.header-hidden {
  top: -200px !important;
}

body.has-investi-site-header .elementor-location-header {
  display: none !important;
}

.investi-site-header-stack {
  position: sticky !important;
  top: 0;
  z-index: 99999;
  overflow: visible;
  background: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.investi-site-header-stack.has-active-search-overlay {
  z-index: 100300 !important;
}

.investi-site-header-stack.has-active-nav-overlay {
  z-index: 100220 !important;
}

body.admin-bar .investi-site-header-stack {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar .investi-site-header-stack {
    top: 46px;
  }
}

.investi-site-header {
  --investi-header-side-width: clamp(220px, 22vw, 320px);
  position: relative;
  z-index: 40;
  overflow: visible;
  border: none;
  border-bottom: 1px solid
    color-mix(in srgb, var(--border-color) 76%, var(--accent-color) 24%);
  border-radius: 0;
  background: color-mix(in srgb, var(--header-bg) 94%, transparent);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.investi-site-header.has-active-search-overlay {
  z-index: 100250;
}

.investi-site-header.has-active-nav-overlay {
  z-index: 100210;
}

html:not([data-mode="dark"])[data-theme="liquid-glass"] .investi-site-header {
  background: var(--header-bg);
  border-bottom-color: rgba(220, 227, 240, 0.96);
  box-shadow: 0 14px 40px rgba(118, 134, 163, 0.12);
}

html:not([data-mode="dark"])[data-theme="liquid-glass"]
  .investi-site-header__nav-link {
  color: color-mix(in srgb, var(--text-secondary) 92%, white 8%);
}

html:not([data-mode="dark"])[data-theme="liquid-glass"]
  .investi-site-header__nav-link:hover,
html:not([data-mode="dark"])[data-theme="liquid-glass"]
  .investi-site-header__nav-link:focus-visible,
html:not([data-mode="dark"])[data-theme="liquid-glass"]
  .investi-site-header__nav-link.is-active {
  border-bottom-color: color-mix(
    in srgb,
    var(--accent-color) 32%,
    rgba(255, 255, 255, 0.2)
  );
}

html:not([data-mode="dark"])[data-theme="liquid-glass"] .base {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.72),
    rgba(250, 252, 255, 0.62)
  );
  border-color: rgba(232, 237, 246, 0.96);
  box-shadow:
    0 26px 58px rgba(126, 142, 172, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

html:not([data-mode="dark"])[data-theme="liquid-glass"] .investi-card {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.68),
    rgba(248, 250, 255, 0.6)
  );
  border-color: rgba(230, 236, 246, 0.96);
  border-radius: 18px;
}

html:not([data-mode="dark"])[data-theme="liquid-glass"] .investi-btn {
  box-shadow:
    0 12px 26px rgba(122, 138, 171, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

html:not([data-mode="dark"])[data-theme="liquid-glass"] .investi-btn.active {
  border-color: color-mix(
    in srgb,
    var(--accent-color) 30%,
    rgba(255, 255, 255, 0.54)
  ) !important;
  box-shadow:
    0 16px 32px rgba(119, 132, 175, 0.22),
    0 6px 18px rgba(203, 107, 253, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

.investi-site-header__inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
  min-height: 72px;
  padding: 0 20px;
  position: relative;
}

.investi-site-header__brand {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  text-decoration: none;
  position: relative;
  z-index: 1;
}

.investi-site-header__logo {
  display: block;
  width: auto;
  height: 60px;
  max-width: min(100%, 240px);
}

.investi-site-header__utilities {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 var(--investi-header-side-width);
  width: var(--investi-header-side-width);
  min-width: 0;
  margin-left: auto;
  position: relative;
  z-index: 1;
}

.investi-site-header__utilities .investi-miniheader__utilities {
  gap: 10px;
}

.investi-site-header__utilities .investi-miniheader__compact-toggle,
.investi-site-header__utilities .investi-miniheader__divider--utilities,
.investi-site-header__utilities .investi-miniheader__help-btn {
  display: none;
}

.investi-site-header__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: calc(100% - (2 * var(--investi-header-side-width)) - 40px);
  flex-wrap: nowrap;
  min-width: 0;
}

.investi-site-header__nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 0 6px;
  border-radius: 0;
  border: none;
  border-bottom: 2px solid transparent;
  color: color-mix(in srgb, var(--text-color) 84%, var(--text-secondary) 16%);
  font-size: 0.94rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  transition:
    color 0.2s ease,
    border-color 0.2s ease,
    opacity 0.2s ease;
}

.investi-site-header__nav-link--external {
  gap: 6px;
}

.investi-site-header__nav-link-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.88em;
  line-height: 1;
}

.investi-site-header__nav-link:hover,
.investi-site-header__nav-link:focus-visible {
  color: var(--text-color);
  border-bottom-color: color-mix(in srgb, var(--accent-color) 44%, transparent);
  outline: none;
}

.investi-site-header__nav-link.is-active {
  color: var(--text-color);
  border-bottom-color: var(--accent-color);
  box-shadow: none;
}

.investi-site-header__nav-item.is-active .investi-site-header__nav-button {
  color: var(--text-color);
  border-bottom-color: var(--accent-color);
}

.investi-site-header__nav-item.is-overflow-collapsed,
.investi-site-header__nav-link.is-overflow-collapsed {
  display: none !important;
}

.investi-site-header__nav-item {
  position: relative;
  display: flex;
  align-items: center;
}

.investi-site-header__nav-button {
  gap: 6px;
  background: transparent;
  cursor: pointer;
  font-family: var(--investi-font-family);
}

.investi-site-header__nav-caret {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.78em;
  line-height: 1;
  transition: transform 0.2s ease;
}

.investi-site-header__dropdown {
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  z-index: 100100;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: max-content;
  min-width: 252px;
  max-width: min(320px, calc(100vw - 32px));
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--border-color) 76%, rgba(255, 255, 255, 0.08));
  border-radius: 16px;
  background: var(--surface-1);
  box-shadow:
    0 18px 38px color-mix(in srgb, var(--shadow-strong) 28%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--panel-highlight) 82%, transparent);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-50%) translateY(-8px);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    visibility 0.2s ease;
}

.investi-site-header__dropdown::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 0;
  width: 100%;
  height: 12px;
}

html:not([data-mode="dark"]) .investi-site-header__dropdown {
  background: #ffffff;
  border-color: rgba(191, 206, 226, 0.95);
  box-shadow:
    0 20px 40px rgba(116, 134, 165, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

[data-mode="dark"] .investi-site-header__dropdown {
  background: #101723;
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow:
    0 22px 44px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.investi-site-header__nav-item--has-dropdown:hover .investi-site-header__dropdown,
.investi-site-header__nav-item--has-dropdown:focus-within .investi-site-header__dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.investi-site-header__nav-item--has-dropdown:hover .investi-site-header__nav-caret,
.investi-site-header__nav-item--has-dropdown:focus-within .investi-site-header__nav-caret {
  transform: rotate(180deg);
}

.investi-site-header__dropdown-link {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: color-mix(in srgb, var(--text-color) 88%, var(--text-secondary) 12%);
  font-size: 0.92rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease;
}

.investi-site-header__dropdown-link[hidden] {
  display: none !important;
}

.investi-site-header__dropdown-link--external {
  justify-content: space-between;
  gap: 10px;
}

.investi-site-header__dropdown-link:hover,
.investi-site-header__dropdown-link:focus-visible {
  color: var(--text-color);
  background: color-mix(in srgb, var(--accent-color) 8%, transparent);
  border-color: color-mix(in srgb, var(--accent-color) 18%, transparent);
  outline: none;
}

.investi-site-header__dropdown-link.is-active {
  color: var(--text-color);
  background: color-mix(in srgb, var(--accent-color) 11%, transparent);
  border-color: color-mix(in srgb, var(--accent-color) 22%, transparent);
}

.investi-site-header__dropdown-link--help {
  margin-top: 8px;
  color: color-mix(in srgb, var(--text-color) 88%, var(--text-secondary) 12%);
  background: transparent;
  border-color: transparent;
  border-top-color: color-mix(in srgb, var(--text-color) 12%, transparent);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: none;
}

.investi-site-header__dropdown-link--help:hover,
.investi-site-header__dropdown-link--help:focus-visible,
.investi-site-header__dropdown-link--help.is-active {
  color: var(--text-color);
  background: color-mix(in srgb, var(--accent-color) 8%, transparent);
  border-color: color-mix(in srgb, var(--accent-color) 18%, transparent);
  border-top-color: color-mix(in srgb, var(--text-color) 12%, transparent);
  box-shadow: none;
}

.investi-site-header__subheader {
  margin-top: 0;
}

.investi-site-header__mobile-trigger,
.investi-site-header__mobile-fab,
.investi-site-header__mobile-backdrop {
  display: none;
}

.investi-site-header__mobile-trigger,
.investi-site-header__mobile-fab {
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid
    color-mix(in srgb, var(--border-color) 76%, rgba(255, 255, 255, 0.16));
  border-radius: 14px;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--panel-highlight) 42%, transparent),
      transparent 58%
    ),
    color-mix(in srgb, var(--header-bg) 94%, rgba(255, 255, 255, 0.06));
  color: var(--text-color);
  box-shadow:
    0 10px 24px color-mix(in srgb, var(--shadow-strong) 28%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--panel-highlight) 82%, transparent);
  backdrop-filter: var(--backdrop-blur);
  -webkit-backdrop-filter: var(--backdrop-blur);
  cursor: pointer;
  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease;
}

.investi-site-header__mobile-trigger {
  position: relative;
  z-index: 1;
  justify-content: center;
  min-width: 54px;
}

.investi-site-header__mobile-fab {
  position: fixed;
  right: 16px;
  bottom: 18px;
  z-index: 1003;
  display: none;
  min-width: 56px;
  justify-content: center;
  padding-inline: 14px;
  border-radius: 999px;
}

.investi-site-header__mobile-trigger:hover,
.investi-site-header__mobile-trigger:focus-visible,
.investi-site-header__mobile-fab:hover,
.investi-site-header__mobile-fab:focus-visible {
  transform: translateY(-1px);
  border-color: color-mix(
    in srgb,
    var(--accent-color) 48%,
    var(--border-color) 52%
  );
  outline: none;
  box-shadow:
    0 14px 28px color-mix(in srgb, var(--shadow-strong) 32%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--panel-highlight) 90%, transparent);
}

.investi-site-header__mobile-fab-icon {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  width: 18px;
  height: 18px;
}

.investi-site-header__mobile-fab-line {
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transform-origin: center;
  transition:
    transform 0.24s ease,
    opacity 0.24s ease;
}

.investi-site-header__mobile-fab.is-open
  .investi-site-header__mobile-fab-line:nth-child(1) {
  transform: translateY(6px) rotate(45deg);
}

.investi-site-header__mobile-fab.is-open
  .investi-site-header__mobile-fab-line:nth-child(2) {
  opacity: 0;
}

.investi-site-header__mobile-fab.is-open
  .investi-site-header__mobile-fab-line:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg);
}

.investi-site-header__mobile-fab-label {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: none;
  font-family: var(--investi-font-family);
}

.investi-site-header__mobile-trigger.is-open,
.investi-site-header__mobile-fab.is-open {
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--accent-color) 16%, transparent),
      transparent
    ),
    color-mix(in srgb, var(--header-bg) 98%, rgba(255, 255, 255, 0.1));
  border-color: color-mix(
    in srgb,
    var(--accent-color) 38%,
    var(--border-color) 62%
  );
}

.investi-site-header__mobile-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(4, 8, 18, 0.5);
  opacity: 0;
  transition: opacity 0.22s ease;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.investi-site-header__mobile-backdrop[hidden] {
  display: none !important;
  pointer-events: none;
}

.investi-site-header__mobile-backdrop:not([hidden]) {
  opacity: 1;
}

.investi-site-header__mobile-sheet {
  position: fixed;
  top: var(--investi-site-header-menu-top, 132px);
  right: 16px;
  left: auto;
  width: min(360px, calc(100vw - 32px));
  z-index: 1002;
  border: 1px solid
    color-mix(in srgb, var(--border-color) 78%, rgba(255, 255, 255, 0.08));
  border-radius: 18px;
  background: var(--card-bg);
  box-shadow:
    0 20px 44px color-mix(in srgb, var(--shadow-strong) 34%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--panel-highlight) 82%, transparent);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-10px);
  transition:
    opacity 0.24s ease,
    transform 0.24s ease,
    visibility 0.24s ease;
}

.investi-site-header__mobile-sheet.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.investi-site-header__mobile-sheet-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 14px;
  min-height: 0;
  max-height: min(
    calc(100vh - var(--investi-site-header-menu-top, 132px) - 18px),
    540px
  );
  padding: 14px 14px 16px;
  overflow-y: auto;
}

.investi-site-header__mobile-sheet-inner::before {
  display: none;
}

.investi-site-header__mobile-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 0;
}

.investi-site-header__mobile-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 2px 2px 8px;
  border-bottom: 1px solid
    color-mix(in srgb, var(--border-color) 74%, transparent);
}

.investi-site-header__mobile-section-label {
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  text-transform: none;
  color: var(--text-color);
  font-family: var(--investi-font-family);
}

.investi-site-header__mobile-external-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 11px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--border-color) 68%, transparent);
  background: color-mix(in srgb, var(--card-bg) 72%, rgba(255, 255, 255, 0.03));
  color: var(--text-color);
  font-size: 0.76rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  font-family: var(--investi-font-family);
}

.investi-site-header__mobile-external-link:hover,
.investi-site-header__mobile-external-link:focus-visible {
  border-color: color-mix(in srgb, var(--accent-color) 28%, transparent);
  color: var(--text-color);
  background: color-mix(in srgb, var(--accent-color) 8%, var(--card-bg) 92%);
  outline: none;
}

.investi-site-header__mobile-external-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  line-height: 1;
}

.investi-site-header__mobile-nav {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 0;
  overflow-y: auto;
  padding-bottom: 6px;
}

.investi-site-header__mobile-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid transparent;
  background: transparent;
  color: color-mix(in srgb, var(--text-color) 90%, var(--text-secondary) 10%);
  font-size: 0.94rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  font-family: var(--investi-font-family);
  text-align: center;
}

.investi-site-header__mobile-link--nested {
  width: 100%;
  justify-content: center;
  text-align: center;
  padding-inline: 16px;
}

.investi-site-header__mobile-link--external {
  width: 100%;
}

.investi-site-header__mobile-link:hover,
.investi-site-header__mobile-link:focus-visible {
  color: var(--text-color);
  background: color-mix(in srgb, var(--accent-color) 9%, transparent);
  border-color: color-mix(in srgb, var(--accent-color) 18%, transparent);
  outline: none;
}

.investi-site-header__mobile-link.is-active {
  color: var(--text-color);
  background: color-mix(in srgb, var(--accent-color) 12%, transparent);
  border-color: color-mix(in srgb, var(--accent-color) 22%, transparent);
}

.investi-site-header__mobile-link--help {
  margin-top: 8px;
  color: color-mix(in srgb, var(--text-color) 90%, var(--text-secondary) 10%);
  background: transparent;
  border-color: transparent;
  border-top-color: color-mix(in srgb, var(--text-color) 12%, transparent);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: none;
}

.investi-site-header__mobile-link--help:hover,
.investi-site-header__mobile-link--help:focus-visible,
.investi-site-header__mobile-link--help.is-active {
  color: var(--text-color);
  background: color-mix(in srgb, var(--accent-color) 12%, transparent);
  border-color: color-mix(in srgb, var(--accent-color) 22%, transparent);
  border-top-color: color-mix(in srgb, var(--text-color) 12%, transparent);
}

body.investi-site-header-mobile-open {
  overflow: hidden;
}

.investi-carousel-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 15px;
}
.investi-carousel-controls[hidden] {
  display: none !important;
}
.investi-nav-arrow,
.investi-carousel-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--border-color) 82%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--card-bg-secondary) 76%, transparent);
  color: color-mix(in srgb, var(--text-color) 78%, var(--text-secondary));
  box-shadow: 0 6px 18px color-mix(in srgb, var(--shadow-color) 10%, transparent);
  backdrop-filter: var(--backdrop-blur);
  -webkit-backdrop-filter: var(--backdrop-blur);
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
.investi-nav-arrow[hidden],
.investi-carousel-arrow[hidden] {
  display: none !important;
}
.investi-carousel-arrow:hover,
.investi-carousel-arrow:focus-visible,
.investi-nav-arrow:hover,
.investi-nav-arrow:focus-visible {
  background: color-mix(in srgb, var(--card-bg) 88%, white 12%);
  border-color: color-mix(in srgb, var(--accent-color) 26%, var(--border-color));
  color: var(--text-color);
  transform: translateY(-1px);
  box-shadow: 0 10px 24px color-mix(in srgb, var(--shadow-color) 14%, transparent);
  outline: none;
}
.investi-carousel-dots {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.investi-carousel-dot {
  width: 10px;
  height: 10px;
  background-color: color-mix(in srgb, var(--text-secondary) 72%, white 28%);
  opacity: 0.5;
  border-radius: 999px;
  cursor: pointer;
  border: none;
  padding: 0;
  transition:
    width 0.28s ease,
    opacity 0.28s ease,
    background-color 0.28s ease,
    transform 0.28s ease;
}
.investi-carousel-dot.active {
  opacity: 1;
  background-color: var(--accent-color);
  width: 28px;
  transform: none;
}

.investi-carousel-arrow:disabled {
  opacity: 0.55;
  cursor: default;
  transform: none;
  box-shadow: none;
}

.investi-carousel-arrow:disabled:hover {
  background: color-mix(in srgb, var(--card-bg-secondary) 76%, transparent);
  border-color: var(--border-color);
  color: color-mix(in srgb, var(--text-color) 78%, var(--text-secondary));
  transform: none;
  box-shadow: none;
}

.investi-async-module {
  --investi-preload-min-height: 250px;
  --investi-preload-min-height-mobile: var(--investi-preload-min-height);
}

.investi-pre-load {
  min-height: var(--investi-preload-min-height, 250px);
  border-radius: 12px;
  background: linear-gradient(
    90deg,
    var(--card-bg-secondary) 25%,
    var(--card-bg) 50%,
    var(--card-bg-secondary) 75%
  );
  background-size: 400% 100%;
  animation: investiSkeletonPulse 1.5s infinite ease-in-out;
  position: relative;
  border: 1px solid var(--border-color);
}

@media (max-width: 767px) {
  .investi-pre-load {
    min-height: var(--investi-preload-min-height-mobile, var(--investi-preload-min-height, 250px));
  }
}

.investi-ssr-ready {
  position: relative;
}

.investi-ssr-ready .investi-module-content {
  min-height: inherit;
}

.investi-async-module[data-lazy-enhance="true"] {
  content-visibility: auto;
  contain-intrinsic-size: auto var(--investi-preload-min-height, 480px);
}

@media (max-width: 767px) {
  .investi-async-module[data-lazy-enhance="true"] {
    contain-intrinsic-size: auto var(--investi-preload-min-height-mobile, var(--investi-preload-min-height, 480px));
  }
}

.investi-async-module[data-contain-layout="true"] > .investi-module-content > *:first-child {
  contain: layout paint;
}

.investi-chart-placeholder {
  display: grid;
  gap: 12px;
  padding: clamp(18px, 1.8vw, 24px);
  min-height: inherit;
  border-radius: 24px;
  border: 1px solid color-mix(in srgb, var(--border-color) 88%, transparent);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--accent-color) 10%, transparent), transparent 28%),
    color-mix(in srgb, var(--card-bg) 94%, transparent);
  box-shadow: 0 10px 30px var(--shadow-color);
}

.investi-chart-placeholder__header,
.investi-chart-placeholder__meta,
.investi-chart-placeholder__toolbar,
.investi-chart-placeholder__indicator-panel,
.investi-chart-placeholder__title-group,
.investi-chart-placeholder__header-actions,
.investi-chart-placeholder__pill-group,
.investi-chart-placeholder__toolbar-group,
.investi-chart-placeholder__meta-clusters,
.investi-chart-placeholder__cluster {
  display: flex;
  align-items: center;
  gap: 12px;
}

.investi-chart-placeholder__header,
.investi-chart-placeholder__meta,
.investi-chart-placeholder__toolbar {
  justify-content: space-between;
  flex-wrap: wrap;
}

.investi-chart-placeholder__title-group,
.investi-chart-placeholder__title-copy,
.investi-chart-placeholder__metric {
  min-width: 0;
}

.investi-chart-placeholder__title-copy,
.investi-chart-placeholder__metric {
  display: grid;
  gap: 8px;
}

.investi-chart-placeholder__title {
  margin: 0;
  color: var(--text-color);
  font-size: clamp(1.35rem, 2vw, 1.75rem);
  line-height: 1.1;
}

.investi-chart-placeholder__button {
  pointer-events: none;
}

.investi-chart-placeholder__eyebrow,
.investi-chart-placeholder__metric-label,
.investi-chart-placeholder__metric-value,
.investi-chart-placeholder__pill,
.investi-chart-placeholder__cluster-pill,
.investi-chart-placeholder__panel-chip,
.investi-chart-placeholder__panel-field,
.investi-chart-placeholder__toolbar-chip,
.investi-chart-placeholder__date-pill,
.investi-chart-placeholder__badge {
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--card-bg-secondary) 85%, transparent) 0%,
    color-mix(in srgb, var(--panel-highlight, rgba(255, 255, 255, 0.2)) 78%, transparent) 50%,
    color-mix(in srgb, var(--card-bg-secondary) 85%, transparent) 100%
  );
  background-size: 220% 100%;
  animation: investiSkeletonPulse 1.5s infinite ease-in-out;
}

.investi-chart-placeholder__eyebrow {
  width: 108px;
  height: 12px;
}

.investi-chart-placeholder__metric-label {
  width: 92px;
  height: 12px;
}

.investi-chart-placeholder__metric-value {
  width: 132px;
  height: 22px;
}

.investi-chart-placeholder__pill {
  width: 74px;
  height: 32px;
}

.investi-chart-placeholder__cluster-pill,
.investi-chart-placeholder__panel-chip,
.investi-chart-placeholder__toolbar-chip {
  width: 92px;
  height: 34px;
}

.investi-chart-placeholder__toolbar-chip--icon {
  width: 36px;
}

.investi-chart-placeholder__panel-field,
.investi-chart-placeholder__date-pill {
  width: 154px;
  height: 36px;
}

.investi-chart-placeholder__panel-field--short {
  width: 112px;
}

.investi-chart-placeholder__badge {
  width: 64px;
  height: 64px;
  border-radius: 18px;
  flex: 0 0 auto;
}

.investi-chart-placeholder__stage {
  position: relative;
  min-height: 360px;
  padding: 12px 12px 8px;
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid color-mix(in srgb, var(--border-color) 72%, transparent);
  background:
    linear-gradient(
      to bottom,
      color-mix(in srgb, var(--card-bg-secondary) 64%, transparent) 0,
      color-mix(in srgb, var(--card-bg-secondary) 30%, transparent) 1px,
      transparent 1px,
      transparent 25%
    ),
    linear-gradient(
      to right,
      color-mix(in srgb, var(--card-bg-secondary) 50%, transparent) 0,
      color-mix(in srgb, var(--card-bg-secondary) 26%, transparent) 1px,
      transparent 1px,
      transparent 16.66%
    ),
    color-mix(in srgb, var(--card-bg-secondary) 76%, transparent);
  background-size: 100% 25%, 16.66% 100%, auto;
}

.investi-chart-placeholder__plot {
  position: absolute;
  inset: 12% 5% 14% 5%;
}

.investi-chart-placeholder__line {
  position: absolute;
  left: 0;
  right: 0;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent 0%, var(--accent-color) 18%, color-mix(in srgb, var(--accent-color) 55%, white) 48%, var(--accent-color) 82%, transparent 100%);
  opacity: 0.7;
  filter: drop-shadow(0 6px 12px color-mix(in srgb, var(--accent-color) 22%, transparent));
}

.investi-chart-placeholder__line--one {
  top: 22%;
  clip-path: polygon(0 52%, 10% 48%, 21% 64%, 32% 28%, 45% 42%, 59% 18%, 72% 46%, 86% 38%, 100% 24%, 100% 76%, 0 76%);
}

.investi-chart-placeholder__line--two {
  top: 48%;
  opacity: 0.42;
  clip-path: polygon(0 56%, 13% 42%, 26% 50%, 38% 68%, 51% 44%, 65% 56%, 79% 34%, 100% 60%, 100% 78%, 0 78%);
}

.investi-chart-placeholder__line--three {
  top: 70%;
  opacity: 0.22;
  clip-path: polygon(0 62%, 14% 58%, 30% 48%, 46% 54%, 62% 40%, 76% 46%, 100% 30%, 100% 80%, 0 80%);
}

.investi-chart-placeholder__indicator-panel {
  flex-wrap: wrap;
  padding: 10px;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--border-color) 72%, transparent);
  background: color-mix(in srgb, var(--card-bg-secondary) 82%, transparent);
}

.investi-chart-placeholder__toolbar-group--dates {
  margin-left: auto;
}

.investi-chart-placeholder--tech .investi-chart-placeholder__stage {
  min-height: 360px;
  background: color-mix(in srgb, var(--card-bg-secondary) 76%, transparent);
}

.investi-chart-placeholder--tech .investi-chart-placeholder__line {
  display: none;
}

@media (max-width: 767px) {
  .investi-chart-placeholder {
    gap: 10px;
    padding: 16px;
  }

  .investi-chart-placeholder__header-actions,
  .investi-chart-placeholder__meta-clusters,
  .investi-chart-placeholder__toolbar-group {
    width: 100%;
  }

  .investi-chart-placeholder__toolbar-group--dates {
    margin-left: 0;
  }

  .investi-chart-placeholder__stage {
    min-height: 320px;
    padding: 10px 8px 8px;
  }

  .investi-chart-placeholder--tech .investi-chart-placeholder__stage {
    min-height: 320px;
  }

  .investi-chart-placeholder__panel-field,
  .investi-chart-placeholder__date-pill {
    width: calc(50% - 6px);
    min-width: 134px;
  }
}
@keyframes investiSkeletonPulse {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

.investi-loader-wrapper {
  position: absolute;
  inset: 0;
  z-index: 50;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.investi-svg-loader {
  width: 60px;
  height: 60px;
  display: block;
}
.investi-svg-loader .bar1,
.investi-svg-loader .bar2,
.investi-svg-loader .bar3 {
  transform-origin: bottom;
  transform-box: fill-box;
  animation: investiBarCascade 1s infinite alternate ease-in-out;
}
.investi-svg-loader .bar1 {
  animation-delay: 0s;
}
.investi-svg-loader .bar2 {
  animation-delay: 0.2s;
}
.investi-svg-loader .bar3 {
  animation-delay: 0.4s;
}

@keyframes investiBarCascade {
  0%,
  20% {
    transform: scaleY(0.2);
    opacity: 0.3;
  }
  100% {
    transform: scaleY(1);
    opacity: 1;
  }
}

html::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
html::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
  border-radius: 999px;
}
html::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 999px;
  border: 3px solid var(--scrollbar-track);
}
html::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}
/* HOVER EFFECTS */
.hover-slide-right {
  transition:
    transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1),
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}
.hover-slide-right:hover {
  transform: translateX(4px);
  background-color: var(--hover-bg);
  border-color: var(--accent-color);
}
.hover-lift {
  transition:
    transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
    box-shadow 0.3s ease,
    border-color 0.3s ease;
  display: flex;
  flex-direction: column;
}
.hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
  border-color: var(--accent-color);
}
[data-mode="dark"] .hover-lift:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
}

.investi-feature-articles-section {
  --investi-feature-card-width: 336px;
  --investi-feature-card-gap: 18px;
}

.investi-feature-articles__head {
  margin-bottom: 16px;
}

.investi-feature-articles__title {
  font-size: clamp(1.25rem, 1.05rem + 0.55vw, 1.7rem);
}

.investi-feature-articles-carousel {
  display: grid;
  gap: 12px;
  width: min(
    100%,
    calc(
      (var(--investi-feature-card-width) * 5) +
        (var(--investi-feature-card-gap) * 4)
    )
  );
  margin-inline: auto;
  min-width: 0;
}

.investi-feature-articles {
  display: grid;
  grid-template-columns: repeat(
    5,
    minmax(0, var(--investi-feature-card-width))
  );
  justify-content: center;
  gap: var(--investi-feature-card-gap);
  margin-top: 0;
  min-width: 0;
}

.investi-feature-articles__controls,
.investi-highlights-carousel__controls,
.homepage-highlights-summary__controls,
.investi-summary-carousel__controls,
.oam-carousel-controls {
  margin-top: 18px;
}

.investi-feature-articles__controls,
.investi-highlights-carousel__controls,
.homepage-highlights-summary__controls,
.investi-summary-carousel__controls,
.oam-carousel-controls {
  gap: 10px;
  margin-top: 2px;
}

.investi-feature-articles__controls .investi-carousel-dots,
.investi-highlights-carousel__controls .investi-carousel-dots,
.homepage-highlights-summary__controls .investi-carousel-dots,
.investi-summary-carousel__controls .investi-carousel-dots,
.oam-carousel-controls .investi-carousel-dots {
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid color-mix(in srgb, var(--border-color) 82%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--card-bg-secondary) 82%, transparent);
  backdrop-filter: var(--backdrop-blur);
  -webkit-backdrop-filter: var(--backdrop-blur);
}

.investi-feature-articles__controls .investi-carousel-dot,
.investi-highlights-carousel__controls .investi-carousel-dot,
.homepage-highlights-summary__controls .investi-carousel-dot,
.investi-summary-carousel__controls .investi-carousel-dot,
.oam-carousel-controls .investi-carousel-dot {
  width: 6px;
  height: 6px;
  opacity: 0.5;
}

.investi-feature-articles__controls .investi-carousel-dot.active,
.investi-highlights-carousel__controls .investi-carousel-dot.active,
.homepage-highlights-summary__controls .investi-carousel-dot.active,
.investi-summary-carousel__controls .investi-carousel-dot.active,
.oam-carousel-controls .investi-carousel-dot.active {
  width: 18px;
  border-radius: 999px;
  transform: none;
}

.investi-feature-article {
  display: grid;
  grid-template-rows: auto 1fr;
  height: 100%;
  overflow: hidden;
  text-decoration: none;
  color: var(--text-color);
  min-width: 0;
  width: 100%;
  border: 1px solid
    color-mix(in srgb, var(--glass-border) 70%, rgba(255, 255, 255, 0.1));
  border-radius: 24px;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--glass-bg) 88%, rgba(9, 15, 34, 0.08)),
      color-mix(in srgb, var(--card-bg) 94%, rgba(9, 15, 34, 0.14))
    ),
    radial-gradient(circle at top, rgba(91, 169, 255, 0.14), transparent 52%);
  box-shadow: 0 18px 36px
    color-mix(in srgb, var(--shadow-color) 42%, transparent);
  isolation: isolate;
}

.investi-feature-article__media {
  aspect-ratio: 16 / 9;
  background: linear-gradient(
    145deg,
    var(--card-bg-secondary),
    rgba(46, 126, 206, 0.12)
  );
  overflow: hidden;
}

.investi-feature-article__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.investi-feature-article__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 16px 14px;
  min-height: 224px;
  font-family: var(--investi-font-family) !important;
}

.investi-feature-article__title {
  margin: 0;
  font-family: var(--investi-font-family) !important;
  font-size: 1.06rem;
  font-weight: 720;
  line-height: 1.2;
  color: var(--text-color);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.investi-feature-article__excerpt {
  margin: 0;
  font-family: var(--investi-font-family) !important;
  color: var(--text-secondary);
  line-height: 1.55;
  font-size: 0.96rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.investi-feature-article__cta {
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid color-mix(in srgb, var(--border-color) 76%, transparent);
  font-family: var(--investi-font-family) !important;
  color: var(--accent-text-color);
  font-weight: 700;
  font-size: 0.84rem;
  letter-spacing: 0.01em;
}

@media (max-width: 1200px) {
  .investi-feature-articles-section {
    --investi-feature-card-width: 308px;
  }

  .investi-feature-articles-carousel {
    width: min(
      100%,
      calc(
        (var(--investi-feature-card-width) * 3) +
          (var(--investi-feature-card-gap) * 2)
      )
    );
  }

  .investi-feature-articles {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    gap: var(--investi-feature-card-gap);
    padding-inline: 0;
    scroll-padding-inline: 0;
    padding-bottom: 8px;
    scrollbar-width: none;
  }

  .investi-feature-articles::-webkit-scrollbar {
    display: none;
  }

  .investi-feature-article {
    flex: 0 0 var(--investi-feature-card-width);
    width: var(--investi-feature-card-width);
    min-width: var(--investi-feature-card-width);
    max-width: var(--investi-feature-card-width);
    box-sizing: border-box;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
}

@media (max-width: 1023px) {
  .investi-feature-articles-section {
    --investi-feature-card-width: 296px;
  }

  .investi-feature-articles-carousel {
    width: min(
      100%,
      calc(
        (var(--investi-feature-card-width) * 2) +
          var(--investi-feature-card-gap)
      )
    );
  }
}

@media (max-width: 640px) {
  .investi-feature-articles-section {
    --investi-feature-card-width: min(100%, 292px);
  }

  .investi-feature-articles-carousel {
    width: 100%;
  }

  .investi-feature-articles {
    gap: 14px;
    padding-inline: 16px;
    scroll-padding-inline: 16px;
  }

  .investi-feature-article {
    flex: 0 0 calc(100% - 32px);
    width: calc(100% - 32px);
    min-width: calc(100% - 32px);
    max-width: calc(100% - 32px);
  }

  .investi-feature-article__body {
    min-height: 0;
    padding: 15px 14px 13px;
  }

  .investi-feature-article__title {
    font-size: 1rem;
  }

  .investi-feature-article__excerpt {
    font-size: 0.92rem;
    -webkit-line-clamp: 3;
  }
}

.investi-ticker-module .investi-tabs-container {
  gap: 10px;
}

.investi-ticker-module,
.investi-highlights-panel,
.investi-oam-module,
.investi-news-mosaic,
.investi-feature-articles,
.investi-async-module {
  min-width: 0;
  max-width: 100%;
}

.investi-ticker-module .investi-btn {
  flex: 0 0 auto;
}

.investi-ticker-module .tv-tab {
  min-height: 34px;
  padding: 7px 13px;
  border-radius: 10px;
}

.oam-dot-btn {
  width: 8px;
  height: 8px;
  background-color: var(--text-secondary);
  opacity: 0.5;
  border-radius: 50%;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.oam-dot-btn.active {
  width: 24px;
  border-radius: 10px;
  background-color: var(--accent-color);
  opacity: 1;
  box-shadow: 0 0 8px -2px var(--accent-color);
}

.investi-nav-arrow.oam-nav-arrow:disabled {
  opacity: 0.3;
  cursor: default;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  transform: none;
}

.oam-card-anchor {
  text-decoration: none !important;
  color: inherit;
  display: flex;
  flex-direction: column;
  min-height: 164px;
  max-height: 164px;
  overflow: hidden;
  padding: 16px;
  box-sizing: border-box;
}

.oam-card-anchor--placeholder {
  background: linear-gradient(
    90deg,
    var(--card-bg-secondary) 25%,
    var(--card-bg) 50%,
    var(--card-bg-secondary) 75%
  );
  background-size: 400% 100%;
  animation: investiSkeletonPulse 1.5s infinite ease-in-out;
}

.oam-card-header {
  display: flex;
  gap: 12px;
  margin-bottom: 10px;
  align-items: center;
}

.oam-card-logo {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background: #fff;
  padding: 5px;
  box-sizing: border-box;
}

.oam-card-logo img,
.oam-card-logo-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 4px;
  background: #fff;
  opacity: 0;
  transition: opacity 0.2s ease;
  position: relative;
  z-index: 1;
}

.oam-card-logo img.is-loaded,
.oam-card-logo-image.is-loaded {
  opacity: 1;
}

.oam-card-logo-placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  line-height: 1;
  font-weight: 800;
  color: #1e1b2e;
  transition: opacity 0.2s ease;
}

.oam-card-logo.has-loaded .oam-card-logo-placeholder {
  opacity: 0;
}

.oam-card-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
}

.oam-card-title {
  font-weight: 700;
  font-size: 1rem;
  color: var(--text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.oam-card-date {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--accent-color);
  margin-top: 2px;
}

.oam-card-description {
  font-size: 0.9375rem;
  margin: 0;
  color: var(--text-color);
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.oam-slide {
  flex: 0 0 calc(25% - 15px);
  min-width: calc(25% - 15px);
}

@media (max-width: 1023px) {
  .homepage-highlights-summary-carousel {
    width: 100%;
  }

  .homepage-highlights-summary__card {
    flex-basis: calc((100% - 12px) / 2);
  }

  .oam-slide {
    flex: 0 0 calc(50% - 10px);
    min-width: calc(50% - 10px);
  }
}

@media (max-width: 767px) {
  .homepage-highlights-summary-carousel {
    width: 100%;
  }

  .homepage-highlights-summary {
    display: flex;
    align-items: stretch;
    padding-inline: 16px;
    scroll-padding-inline: 16px;
  }

  .homepage-highlights-summary__card {
    flex-basis: calc(100% - 32px);
    min-width: calc(100% - 32px);
    max-width: calc(100% - 32px);
    height: 190px;
    max-height: 190px;
    align-self: stretch;
  }

  .homepage-highlights-summary__card {
    grid-template-rows: max-content minmax(0, 1fr);
  }

  .homepage-highlights-summary__card-head {
    align-self: start;
  }

  .homepage-highlights-summary__body {
    display: grid;
    width: 100%;
    height: auto;
    min-height: 0;
    align-self: stretch;
    align-content: stretch;
    align-items: stretch;
    justify-items: stretch;
  }

  .homepage-highlights-summary__card--chart {
    align-content: start;
  }

  .homepage-highlights-summary__card--chart .homepage-highlights-summary__body,
  .homepage-highlights-summary__card--chart .homepage-highlights-summary__bars {
    align-content: start;
  }

  .homepage-highlights-summary__card--chart .homepage-highlights-summary__bars {
    grid-auto-rows: max-content;
  }

  .oam-slide {
    flex-basis: calc(100% - 32px);
    min-width: calc(100% - 32px);
    max-width: calc(100% - 32px);
  }

  .investi-highlights-panel .investi-track {
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    padding-inline: 16px;
    scroll-padding-inline: 16px;
  }

  .investi-highlights-panel .investi-track > .investi-slide {
    flex: 0 0 calc(100% - 32px) !important;
    min-width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    box-sizing: border-box;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .oam-card-anchor {
    min-height: 180px;
    max-height: 180px;
    padding: 18px;
  }
}

.investi-news-mosaic {
  display: grid;
  grid-template-columns: minmax(0, 8fr) minmax(320px, 4fr);
  grid-template-areas:
    "local-head intl-head"
    "local-grid intl-panel";
  grid-template-rows: auto minmax(0, 1fr);
  height: clamp(640px, 76vh, 700px);
  column-gap: 18px;
  row-gap: 14px;
  align-items: stretch;
}

.investi-news-mosaic--local-only {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "local-head"
    "local-grid";
}

.investi-news-mosaic__local-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-areas:
    "hero hero hero hero hero hero hero hero side side side side"
    "card-1 card-1 card-1 card-2 card-2 card-2 card-3 card-3 card-3 card-4 card-4 card-4";
  align-items: stretch;
  min-height: 0;
  height: 100%;
  gap: 18px;
  grid-area: local-grid;
}

.investi-news-block__head {
  display: flex;
  align-items: center;
  margin: 0 0 14px;
}

.investi-news-block__head--highlights {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.investi-news-block__head--rss {
  margin-bottom: 0;
}

.investi-news-block__head--local {
  margin-bottom: 0;
}

.investi-news-block__title {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 0;
  font-family: var(--investi-font-family) !important;
  font-size: clamp(1.2rem, 1rem + 0.45vw, 1.55rem);
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--text-color);
}

.investi-news-block__title .mkt-help-icon {
  margin-left: auto;
}

body.error404,
body.error404 *,
.elementor-4049,
.elementor-4049 * {
  font-family: var(--investi-font-family) !important;
}

#foreign-news,
#foreign-news * {
  font-family: var(--investi-font-family) !important;
}

.investi-rss-news-shell {
  display: flex;
  flex-direction: column;
  height: min(45vh, 760px);
  overflow: hidden;
}

.investi-news-mosaic__foreign-news .investi-rss-news-shell {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
}

.investi-rss-news-shell__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-color);
}

.investi-rss-news-shell__meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.investi-rss-news-shell__label {
  font-weight: 700;
  color: var(--text-color);
}

.investi-rss-news-shell__updated,
.investi-rss-news-shell__source,
.investi-rss-news-shell__item-meta {
  font-size: 10px;
  font-weight: 700;
  color: var(--text-secondary);
  text-transform: uppercase;
}

.investi-rss-news-shell__source {
  white-space: nowrap;
}

.investi-rss-news-shell__list {
  overflow-y: auto;
  overflow-x: hidden;
  flex-grow: 1;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--accent-color) 82%, #ffffff 18%)
    rgba(255, 255, 255, 0.08);
  scrollbar-gutter: stable;
}

.investi-rss-news-shell__list::-webkit-scrollbar {
  width: 10px;
}

.investi-rss-news-shell__list::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 999px;
}

.investi-rss-news-shell__list::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--accent-color) 82%, #ffffff 18%);
  border-radius: 999px;
  border: 2px solid rgba(8, 12, 22, 0.32);
}

.investi-rss-news-shell__list::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--accent-color) 70%, #ffffff 30%);
}

.investi-rss-news-shell__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  min-height: 56px;
  padding: 8px 16px;
  box-sizing: border-box;
  border-bottom: 1px solid var(--border-color);
  text-decoration: none;
  color: var(--text-color);
}

.investi-rss-news-shell__item-title {
  font-weight: 600;
  line-height: 1.24;
}

.investi-rss-news-shell__item-source {
  color: var(--accent-color);
}

.investi-rss-news-shell__unlock {
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 36px;
  height: 36px;
  padding: 0 14px;
  border: 0;
  border-top: 1px solid var(--border-color);
  background: color-mix(in srgb, var(--card-bg-secondary) 88%, transparent);
  color: var(--text-secondary);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}

.investi-rss-news-shell__unlock::after {
  content: "↓";
  margin-left: 8px;
  color: var(--accent-color);
  font-size: 0.95rem;
  line-height: 1;
}

.investi-help-page,
.investi-help-page * {
  font-family: var(--investi-font-family) !important;
}

.investi-news-block__icon {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  border-radius: 50%;
  display: block;
  object-fit: cover;
  box-shadow: 0 0 0 1px rgba(17, 24, 39, 0.08);
}

.investi-news-mosaic__head--local {
  grid-area: local-head;
}

.investi-news-mosaic__head--rss {
  grid-area: intl-head;
}

.investi-news-mosaic__rss-panel {
  grid-area: intl-panel;
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
  overflow: hidden;
}

.investi-news-mosaic__rss-panel .investi-rss-news-shell {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
}

.investi-news-mosaic__card--hero {
  grid-area: hero;
}

.investi-news-mosaic__card--side {
  grid-area: side;
}

.investi-news-mosaic__card--card-1 {
  grid-area: card-1;
}

.investi-news-mosaic__card--card-2 {
  grid-area: card-2;
}

.investi-news-mosaic__card--card-3 {
  grid-area: card-3;
}

.investi-news-mosaic__card--card-4 {
  grid-area: card-4;
}

.investi-news-mosaic__lead,
.investi-news-mosaic__tile {
  position: relative;
  overflow: hidden;
  min-height: 0;
  text-decoration: none;
  color: var(--text-color);
  isolation: isolate;
}

.investi-news-mosaic__lead {
  min-height: 0;
}

.investi-news-mosaic__media {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      circle at top left,
      rgba(255, 255, 255, 0.16),
      transparent 42%
    ),
    linear-gradient(135deg, var(--card-bg-secondary), transparent 70%);
}

.investi-news-mosaic__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transform: scale(1.02);
  transform-origin: center;
}

.investi-news-mosaic__lead::after,
.investi-news-mosaic__tile::after {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent;
  z-index: 1;
}

.investi-news-mosaic__overlay,
.investi-news-mosaic__content {
  position: relative;
  z-index: 2;
  margin-top: auto;
  font-family: var(--investi-font-family) !important;
}

.investi-news-mosaic__overlay {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  min-height: 100%;
  padding: 28px;
  background: linear-gradient(
    180deg,
    rgba(8, 12, 22, 0) 24%,
    rgba(8, 12, 22, 0.1) 46%,
    rgba(8, 12, 22, 0.72) 100%
  );
}

.investi-news-mosaic__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  min-height: 100%;
  padding: 18px;
  background: linear-gradient(
    180deg,
    rgba(8, 12, 22, 0) 20%,
    rgba(8, 12, 22, 0.14) 48%,
    rgba(8, 12, 22, 0.78) 100%
  );
}

.investi-news-mosaic__eyebrow,
.investi-news-mosaic__kicker {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(10, 15, 28, 0.34);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.96);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.68rem;
  font-weight: 800;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-family: var(--investi-font-family) !important;
}

.investi-news-mosaic__title,
.investi-news-mosaic__headline {
  margin: 0;
  font-family: var(--investi-font-family) !important;
  color: #f8fafc !important;
  text-wrap: pretty;
  overflow-wrap: anywhere;
  max-width: 78%;
  text-shadow: 0 3px 18px rgba(0, 0, 0, 0.5);
}

.investi-news-mosaic__lead .investi-news-mosaic__overlay,
.investi-news-mosaic__lead .investi-news-mosaic__title {
  max-width: 100%;
}

.investi-news-mosaic__lead .investi-news-mosaic__title {
  width: 100%;
  max-width: 88%;
}

.investi-news-mosaic__title {
  margin-top: 14px;
  font-size: clamp(2rem, 2.9vw, 2.95rem);
  line-height: 0.98;
  letter-spacing: -0.03em;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.investi-news-mosaic__headline {
  margin-top: 12px;
  font-size: 1.02rem;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.investi-news-mosaic__content > .investi-news-mosaic__headline:first-child {
  margin-top: 0;
}

[data-mode="dark"] .investi-news-mosaic__overlay {
  background: linear-gradient(
    180deg,
    rgba(6, 9, 18, 0) 18%,
    rgba(6, 9, 18, 0.42) 62%,
    rgba(6, 9, 18, 0.84) 100%
  );
}

[data-mode="dark"] .investi-news-mosaic__content {
  background: linear-gradient(
    180deg,
    rgba(6, 9, 18, 0) 30%,
    rgba(6, 9, 18, 0.28) 68%,
    rgba(6, 9, 18, 0.74) 100%
  );
}

[data-mode="dark"] .investi-news-mosaic__title,
[data-mode="dark"] .investi-news-mosaic__headline {
  color: #f8fafc !important;
}

[data-mode="dark"] .investi-news-mosaic__headline {
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.28);
}

.investi-news-mosaic__tile--compact .investi-news-mosaic__headline {
  -webkit-line-clamp: 3;
}

.investi-news-mosaic__tile--secondary .investi-news-mosaic__headline {
  -webkit-line-clamp: 3;
}

.investi-news-mosaic__tile--feature .investi-news-mosaic__headline {
  font-size: 1.05rem;
  -webkit-line-clamp: 3;
}

.investi-news-mosaic__rail
  .investi-news-mosaic__tile:not(.investi-news-mosaic__tile--feature)
  .investi-news-mosaic__headline {
  -webkit-line-clamp: 4;
}

.investi-news-mosaic__tile--compact .investi-news-mosaic__content,
.investi-news-mosaic__rail .investi-news-mosaic__content {
  padding: 16px;
}

.investi-news-mosaic__tile--secondary .investi-news-mosaic__content {
  padding: 16px;
}

.investi-news-mosaic__tile--compact .investi-news-mosaic__media img,
.investi-news-mosaic__rail .investi-news-mosaic__media img {
  transform: scale(1.05);
}

.investi-news-mosaic__media:not(:has(img)) {
  background:
    radial-gradient(
      circle at top left,
      rgba(255, 255, 255, 0.2),
      transparent 38%
    ),
    linear-gradient(145deg, rgba(46, 126, 206, 0.22), rgba(9, 15, 34, 0.92));
}

@media (min-width: 1280px) {
  .investi-news-mosaic__local-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-areas:
      "hero hero hero hero"
      "card-1 card-2 card-3 card-4";
    align-items: stretch;
  }

  .investi-news-mosaic__primary,
  .investi-news-mosaic__below,
  .investi-news-mosaic__rail {
    display: contents;
  }

  .investi-news-mosaic__lead {
    grid-area: hero;
    min-height: 390px;
  }

  .investi-news-mosaic__card--card-1,
  .investi-news-mosaic__card--card-2,
  .investi-news-mosaic__card--card-3,
  .investi-news-mosaic__card--card-4 {
    min-height: 196px;
  }

  .investi-news-mosaic__lead,
  .investi-news-mosaic__card--card-1,
  .investi-news-mosaic__card--card-2,
  .investi-news-mosaic__card--card-3,
  .investi-news-mosaic__card--card-4 {
    width: 100%;
    height: 100%;
  }

  .investi-news-mosaic__lead .investi-news-mosaic__title {
    max-width: 76%;
    -webkit-line-clamp: 3;
  }

  .investi-news-mosaic__card--card-1 .investi-news-mosaic__headline,
  .investi-news-mosaic__card--card-2 .investi-news-mosaic__headline,
  .investi-news-mosaic__card--card-3 .investi-news-mosaic__headline,
  .investi-news-mosaic__card--card-4 .investi-news-mosaic__headline {
    max-width: 100%;
    font-size: 0.95rem;
    line-height: 1.16;
    -webkit-line-clamp: 2;
  }

  .investi-news-mosaic__card--card-1 .investi-news-mosaic__content,
  .investi-news-mosaic__card--card-2 .investi-news-mosaic__content,
  .investi-news-mosaic__card--card-3 .investi-news-mosaic__content,
  .investi-news-mosaic__card--card-4 .investi-news-mosaic__content {
    padding: 14px;
  }
}

@media (max-width: 1023px) {
  .investi-highlights-panel .investi-track > .investi-slide {
    flex: 0 0 calc(50% - 8px) !important;
    min-width: calc(50% - 8px) !important;
  }

  .investi-news-mosaic {
    grid-template-columns: 1fr;
    grid-template-areas:
      "local-head"
      "local-grid"
      "intl-head"
      "intl-panel";
    grid-template-rows: auto;
    height: auto;
  }

  .investi-news-mosaic__local-grid {
    height: auto;
  }

  .investi-news-mosaic__rss-panel {
    width: min(100%, 720px);
    margin-inline: auto;
  }

  .investi-news-mosaic__rss-panel .investi-rss-news-shell {
    height: min(52vh, 460px);
  }

  .investi-rss-news-shell--scroll-locked .investi-rss-news-shell__list {
    overflow: hidden;
    pointer-events: none;
    touch-action: none;
  }

  .investi-rss-news-shell__unlock {
    display: flex;
  }

  .investi-rss-news-shell--scroll-unlocked .investi-rss-news-shell__unlock {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .investi-news-mosaic {
    gap: 16px;
  }

  .investi-news-mosaic__local-grid,
  .investi-news-mosaic__rss-panel {
    gap: 14px;
  }

  .investi-news-mosaic__overlay {
    padding: 20px;
  }

  .investi-news-mosaic__content {
    padding: 14px;
  }

  .investi-news-mosaic__eyebrow,
  .investi-news-mosaic__kicker {
    padding: 6px 10px;
    font-size: 0.62rem;
  }

  .investi-news-mosaic__title {
    max-width: 84%;
    font-size: clamp(1.75rem, 2vw, 2.35rem);
    line-height: 1.02;
    -webkit-line-clamp: 3;
  }

  .investi-news-mosaic__lead .investi-news-mosaic__title {
    max-width: 84%;
  }

  .investi-news-mosaic__headline {
    max-width: 90%;
    font-size: 0.94rem;
    line-height: 1.15;
    -webkit-line-clamp: 3;
  }

  .investi-news-mosaic__tile--compact .investi-news-mosaic__headline,
  .investi-news-mosaic__tile--feature .investi-news-mosaic__headline {
    -webkit-line-clamp: 2;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .investi-news-mosaic__local-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-areas:
      "hero hero hero hero hero hero"
      "card-1 card-1 card-2 card-2 card-3 card-3"
      "card-4 card-4 card-4 card-4 card-4 card-4";
    align-items: stretch;
  }

  .investi-news-mosaic__card--card-1,
  .investi-news-mosaic__card--card-2,
  .investi-news-mosaic__card--card-3,
  .investi-news-mosaic__card--card-4 {
    width: 100%;
    height: 100%;
  }

  .investi-news-mosaic__title {
    max-width: 84%;
    font-size: clamp(1.65rem, 2vw, 2.15rem);
  }

  .investi-news-mosaic__headline {
    max-width: 100%;
    font-size: 0.92rem;
    -webkit-line-clamp: 2;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .investi-news-mosaic__local-grid {
    width: min(100%, 980px);
    margin-inline: auto;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-areas:
      "hero hero hero hero hero hero"
      "card-1 card-1 card-2 card-2 card-3 card-3"
      "card-4 card-4 card-4 card-4 card-4 card-4";
    align-items: stretch;
  }

  .investi-news-mosaic__title {
    max-width: 82%;
  }

  .investi-news-mosaic__card--card-1,
  .investi-news-mosaic__card--card-2,
  .investi-news-mosaic__card--card-3,
  .investi-news-mosaic__card--card-4 {
    width: 100%;
    height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .investi-news-mosaic__local-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "hero hero"
      "card-1 card-2"
      "card-3 card-4";
    grid-template-rows:
      minmax(320px, auto)
      minmax(170px, auto)
      minmax(170px, auto);
  }

  .investi-news-mosaic__lead {
    min-height: 320px;
  }

  .investi-news-mosaic__card--card-1,
  .investi-news-mosaic__card--card-2,
  .investi-news-mosaic__card--card-3,
  .investi-news-mosaic__card--card-4 {
    min-height: 165px;
  }

  .investi-news-mosaic__headline {
    max-width: 100%;
    -webkit-line-clamp: 2;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .investi-news-mosaic__tile--compact,
  .investi-news-mosaic__tile--secondary {
    min-height: 170px;
  }
}

@media (max-width: 767px) {
  .investi-ticker-module,
  .investi-highlights-panel,
  .investi-oam-module,
  .investi-news-mosaic,
  .investi-async-module {
    overflow-x: clip;
  }

  .investi-feature-articles-carousel .investi-feature-articles {
    overflow-x: auto;
    overflow-y: visible;
  }

  .investi-ticker-module .investi-tabs-container {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 6px;
  }

  .investi-ticker-module .investi-btn {
    padding: 8px 12px;
    font-size: 11px;
    white-space: nowrap;
  }

  .investi-ticker-module .investi-ticker-content {
    height: auto !important;
    min-height: 450px;
    overflow: hidden;
  }

  .investi-news-mosaic {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
      "local-head"
      "local-grid"
      "intl-head"
      "intl-panel";
    grid-template-rows: auto;
    height: auto;
  }

  .investi-news-mosaic__local-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "hero hero"
      "card-1 card-2"
      "card-3 card-4";
    grid-template-rows: auto auto auto;
    height: auto;
  }

  .investi-news-mosaic__rss-panel {
    height: auto;
    width: 100%;
  }

  .investi-news-mosaic__lead {
    min-height: 260px;
  }

  .investi-news-mosaic__card--side {
    min-height: 220px;
  }

  .investi-news-mosaic__card--card-1,
  .investi-news-mosaic__card--card-2,
  .investi-news-mosaic__card--card-3,
  .investi-news-mosaic__card--card-4 {
    min-height: 150px;
  }

  .investi-news-mosaic__tile--secondary {
    aspect-ratio: 1 / 1;
  }

  .investi-news-mosaic__overlay {
    padding: 18px;
  }

  .investi-news-mosaic__title {
    max-width: 90%;
    font-size: 1.45rem;
    -webkit-line-clamp: 3;
  }

  .investi-news-mosaic__content,
  .investi-news-mosaic__overlay {
    padding: 16px;
  }

  .investi-news-mosaic__headline {
    max-width: 92%;
    font-size: 0.92rem;
    line-height: 1.18;
    -webkit-line-clamp: 2;
  }

  .investi-rss-news-shell {
    height: min(52vh, 420px);
  }

  .investi-rss-news-shell__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 14px;
  }

  .investi-rss-news-shell__source {
    font-size: 0.62rem;
  }

  .investi-rss-news-shell__item {
    min-height: 56px;
    padding: 8px 14px;
  }

  .investi-rss-news-shell__item-title {
    font-size: 0.92rem;
  }

  .investi-news-block__head--local,
  .investi-news-block__head--rss {
    margin-bottom: 14px;
  }

  .investi-news-mosaic__tile--compact {
    min-height: 150px;
  }
}

.investi-miniheader {
  margin: 0;
  padding: 0;
  background: color-mix(
    in srgb,
    var(--header-bg) 88%,
    rgba(255, 255, 255, 0.03)
  );
  border: none;
  border-bottom: 1px solid
    color-mix(in srgb, var(--border-color) 76%, var(--accent-color) 24%);
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: var(--backdrop-blur);
  -webkit-backdrop-filter: var(--backdrop-blur);
  overflow: hidden;
  min-height: 45px;
  max-height: 45px;
  position: relative;
  z-index: 30;
}

.investi-miniheader.investi-site-header__subheader {
  position: relative;
  z-index: 20;
  border-bottom: 1px solid
    color-mix(in srgb, var(--border-color) 76%, var(--accent-color) 24%);
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
  overflow: visible;
  max-height: none;
}

.investi-site-header__subheader .investi-miniheader__inner,
.investi-site-header__subheader .investi-miniheader__bar,
.investi-site-header__subheader .investi-miniheader__aside,
.investi-site-header__subheader .investi-miniheader__mobile-toolbar,
.investi-site-header__subheader .investi-miniheader__mobile-toolbar-controls,
.investi-site-header__subheader .investi-miniheader__utilities--mobile-inline,
.investi-site-header__subheader .investi-miniheader__utilities--mobile-row {
  overflow: visible;
}

.investi-site-header-stack.has-active-search-overlay .investi-site-header__subheader {
  z-index: 5;
}

.investi-site-header-stack.has-active-nav-overlay .investi-site-header__subheader {
  z-index: 5;
}

body.investi-miniheader-mobile-open {
  overflow: hidden;
}

.investi-miniheader__mobile-fab,
.investi-miniheader__mobile-backdrop {
  display: none;
}

.investi-miniheader__mobile-fab {
  position: fixed;
  right: 16px;
  bottom: 18px;
  z-index: 1002;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 16px;
  border: 1px solid
    color-mix(in srgb, var(--border-color) 76%, rgba(255, 255, 255, 0.16));
  border-radius: 999px;
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--accent-color) 72%, transparent),
      transparent
    ),
    color-mix(in srgb, var(--header-bg) 90%, rgba(255, 255, 255, 0.06));
  color: var(--text-color);
  box-shadow:
    0 18px 36px color-mix(in srgb, var(--shadow-strong) 70%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--panel-highlight) 82%, transparent);
  backdrop-filter: var(--backdrop-blur);
  -webkit-backdrop-filter: var(--backdrop-blur);
  cursor: pointer;
  transition:
    transform 0.24s ease,
    box-shadow 0.24s ease,
    background-color 0.24s ease,
    border-color 0.24s ease;
}

.investi-miniheader__mobile-fab:hover,
.investi-miniheader__mobile-fab:focus-visible {
  transform: translateY(-1px);
  border-color: color-mix(
    in srgb,
    var(--accent-color) 48%,
    var(--border-color) 52%
  );
  outline: none;
}

.investi-miniheader__mobile-fab-icon {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  width: 18px;
  height: 18px;
}

.investi-miniheader__mobile-fab-line {
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transform-origin: center;
  transition:
    transform 0.24s ease,
    opacity 0.24s ease;
}

.investi-miniheader__mobile-fab-label {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.investi-miniheader.is-mobile-open
  .investi-miniheader__mobile-fab-line:nth-child(1) {
  transform: translateY(6px) rotate(45deg);
}

.investi-miniheader.is-mobile-open
  .investi-miniheader__mobile-fab-line:nth-child(2) {
  opacity: 0;
}

.investi-miniheader.is-mobile-open
  .investi-miniheader__mobile-fab-line:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg);
}

.investi-miniheader__mobile-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(4, 8, 18, 0.58);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.investi-miniheader__mobile-backdrop[hidden] {
  display: none !important;
  pointer-events: none;
}

.investi-miniheader__inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  min-width: 0;
  height: 43px;
  padding: 4px 12px;
}

.investi-miniheader__breadcrumbs {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 0 1 auto;
  font-size: 0.72rem;
  line-height: 1.2;
  color: var(--text-secondary);
  white-space: nowrap;
  min-width: 0;
}

.investi-miniheader__breadcrumbs a {
  color: var(--text-secondary);
  text-decoration: none;
}

.investi-miniheader__breadcrumbs a:hover {
  color: var(--accent-text-color);
}

.investi-miniheader__breadcrumb-current {
  color: var(--text-color);
  font-weight: 600;
}

.investi-miniheader__bar {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1 1 auto;
  min-width: 0;
  justify-content: space-between;
  position: relative;
}

.investi-miniheader__selector {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex: 0 1 auto;
  width: auto;
  min-width: 0;
  max-width: min(100%, 22rem);
  position: relative;
  z-index: 1;
}

.investi-miniheader__selector:empty {
  display: none;
}

.investi-miniheader__selector .investi-async-module,
.investi-miniheader__selector .equitySelectorContainer {
  width: auto;
  max-width: 100%;
  margin: 0;
}

.investi-miniheader__selector .investi-async-module {
  min-height: 0;
  max-height: none;
}

.investi-miniheader__selector .investi-loader-wrapper {
  display: none;
}

.investi-miniheader__selector .investi-module-content {
  opacity: 1 !important;
}

.investi-miniheader__selector .equitySelectorContainer,
.investi-miniheader__selector .equitySelectorContainer > div,
.investi-miniheader__selector .investi-module-content > div {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  width: auto;
  flex-wrap: nowrap !important;
}

.investi-miniheader__selector .equitySelectorContainer > div,
.investi-miniheader__selector .equityPicker {
  width: auto;
}

.investi-miniheader__selector .equityPicker {
  min-width: 0;
}

.investi-miniheader__selector .equityPicker:first-child {
  flex: 0 0 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
}

.investi-miniheader__selector .equityPicker:last-child {
  flex: 1 1 14rem !important;
  min-width: 0 !important;
  max-width: min(100%, 16rem) !important;
}

.investi-miniheader__selector .investi-module-content select,
.investi-miniheader__selector .equitySelectorContainer select {
  flex: 1 1 0;
  min-width: 0;
}

.investi-miniheader__selector .investi-module-content select,
.investi-miniheader__selector .equitySelectorContainer select {
  min-height: 28px;
  padding: 5px 30px 5px 10px !important;
  border-radius: 10px !important;
  font-size: 0.74rem;
  line-height: 1.1;
  background: color-mix(in srgb, var(--card-bg) 82%, rgba(255, 255, 255, 0.08));
  border-color: color-mix(
    in srgb,
    var(--border-color) 64%,
    var(--text-color) 36%
  );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 1px 2px rgba(0, 0, 0, 0.08);
}

.investi-miniheader__selector .investi-module-content select:hover,
.investi-miniheader__selector .investi-module-content select:focus,
.investi-miniheader__selector .equitySelectorContainer select:hover,
.investi-miniheader__selector .equitySelectorContainer select:focus {
  background: color-mix(in srgb, var(--card-bg) 74%, rgba(255, 255, 255, 0.12));
  border-color: color-mix(
    in srgb,
    var(--accent-color) 40%,
    var(--border-color) 60%
  );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 0 2px rgba(46, 126, 206, 0.08);
}

.investi-miniheader__selector .investi-bond-selector {
  gap: 6px !important;
  margin-bottom: 0 !important;
  max-width: 260px !important;
}

.investi-miniheader__selector .investi-bond-selector__select--issuer {
  flex: 0 0 96px !important;
  max-width: 96px;
}

.investi-miniheader__selector .investi-bond-selector__select--series {
  flex: 1 1 auto !important;
  min-width: 0;
}

.investi-miniheader__main {
  display: flex;
  align-items: center;
  gap: 14px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  max-width: calc(100% - (2 * var(--investi-header-side-width)) - 32px);
  justify-content: center;
  flex-wrap: nowrap;
  min-width: 0;
}

.investi-miniheader__aside {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  min-width: 0;
  justify-content: flex-end;
  margin-left: auto;
  position: relative;
  z-index: 1;
}

.investi-miniheader__aside--utilities-only {
  justify-content: flex-end;
}

.investi-miniheader__main--primary-only {
  justify-content: center;
}

.investi-miniheader__title {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--text-secondary) 72%, #ffffff 28%);
  white-space: nowrap;
}

.investi-miniheader__nav {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1 1 auto;
  overflow-x: auto;
  scrollbar-width: thin;
  min-width: 0;
  padding: 1px 0;
}

.investi-miniheader__nav--primary {
  justify-content: flex-start;
  flex: 0 1 auto;
  margin-inline: auto;
  max-width: min(720px, calc(100vw - (2 * var(--investi-header-side-width)) - 96px));
  cursor: grab;
  scroll-behavior: smooth;
  touch-action: pan-y;
}

.investi-miniheader__nav-prefix {
  flex: 0 0 auto;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--text-secondary) 74%, #ffffff 26%);
  white-space: nowrap;
}

.investi-miniheader__nav--actions {
  flex: 0 1 auto;
  justify-content: flex-end;
  overflow: visible;
  padding-left: 0;
  max-width: none;
  gap: 6px;
}

.investi-miniheader__nav--primary.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
}

.investi-miniheader__nav--primary.is-dragging,
.investi-miniheader__nav--primary.is-dragging .investi-miniheader__link {
  user-select: none;
  -webkit-user-select: none;
}

.investi-miniheader__rail {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  justify-content: flex-start;
}

.investi-miniheader__rail-viewport {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}

.investi-miniheader__rail-arrow {
  display: none;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--border-color) 76%, rgba(255, 255, 255, 0.06));
  border-radius: 999px;
  background: var(--card-bg-secondary);
  color: color-mix(in srgb, var(--text-color) 82%, var(--text-secondary) 18%);
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    opacity 0.2s ease;
}

.investi-miniheader__rail.has-overflow .investi-miniheader__rail-arrow {
  display: inline-flex;
}

.investi-miniheader__rail-arrow:hover,
.investi-miniheader__rail-arrow:focus-visible {
  outline: none;
  color: #ffffff;
  border-color: color-mix(in srgb, var(--accent-color) 24%, transparent);
  background: color-mix(in srgb, var(--accent-color) 16%, transparent);
}

.investi-miniheader__rail-arrow:disabled {
  opacity: 0.38;
  cursor: default;
}

.investi-miniheader__rail-arrow span {
  display: block;
  font-size: 1rem;
  line-height: 1;
  transform: translateY(-1px);
}

.investi-miniheader__mobile-actions {
  display: none;
}

.investi-miniheader__mobile-toolbar {
  display: none;
}

.investi-miniheader__mobile-toolbar-controls {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: flex-end;
  min-width: 0;
}

.investi-miniheader__mobile-toolbar-controls .investi-site-header__search--miniheader {
  min-width: 0;
}

.investi-miniheader__nav--actions-mobile {
  gap: 8px;
  justify-content: flex-start;
  overflow-x: auto;
  padding: 0;
}

.investi-miniheader__nav:empty {
  display: none;
}

.investi-miniheader__link,
.investi-miniheader__link--action {
  background: transparent;
  color: color-mix(in srgb, var(--text-color) 82%, var(--text-secondary) 18%);
  border: 1px solid transparent;
  padding: 6px 12px;
  border-radius: 10px;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  backdrop-filter: var(--backdrop-blur);
  -webkit-backdrop-filter: var(--backdrop-blur);
  white-space: nowrap;
  text-decoration: none;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.investi-miniheader__link:hover,
.investi-miniheader__link:focus-visible,
.investi-miniheader__link--action:hover,
.investi-miniheader__link--action:focus-visible {
  background: color-mix(
    in srgb,
    var(--accent-color) 10%,
    rgba(255, 255, 255, 0.02)
  );
  border-color: color-mix(in srgb, var(--accent-color) 22%, transparent);
  color: #ffffff;
  transform: none;
  box-shadow: none;
  outline: none;
}

.investi-miniheader__link.is-active,
.investi-miniheader__link--action.is-active {
  background: var(--brand-gradient) !important;
  border-color: transparent;
  color: #fff !important;
  box-shadow: none;
}

.investi-miniheader__link--action-mobile {
  position: relative;
}

.investi-miniheader__ai-icon {
  display: inline-block;
  font-size: 0.78em;
  line-height: 1;
  margin-right: 2px;
  color: color-mix(in srgb, #ffd76a 82%, #ffffff 18%);
  text-shadow: 0 0 6px rgba(255, 215, 106, 0.18);
  vertical-align: baseline;
}

.investi-miniheader__link.is-hidden {
  display: none;
}

.investi-miniheader__divider {
  width: 1px;
  align-self: center;
  height: 22px;
  background: linear-gradient(
    180deg,
    transparent,
    rgba(255, 255, 255, 0.12) 18%,
    rgba(255, 255, 255, 0.12) 82%,
    transparent
  );
  opacity: 0.9;
}

.investi-miniheader__divider--utilities {
  background: linear-gradient(
    180deg,
    transparent,
    rgba(255, 255, 255, 0.12) 18%,
    rgba(255, 255, 255, 0.12) 82%,
    transparent
  );
}

.investi-miniheader__utilities {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex: 0 0 auto;
  position: relative;
}

.investi-miniheader__aside .investi-miniheader__utilities {
  margin-left: 0;
}

.investi-miniheader__utilities--mobile-inline {
  display: none;
}

.investi-miniheader__utilities--company-inline {
  display: none;
}

.investi-miniheader__compact-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  padding: 4px 8px;
  border: 1px solid
    color-mix(in srgb, var(--border-color) 78%, rgba(255, 255, 255, 0.04));
  border-radius: 999px;
  background: var(--card-bg-secondary);
  color: color-mix(in srgb, #ffffff 90%, var(--text-color) 10%);
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}

.investi-miniheader__compact-toggle:hover,
.investi-miniheader__compact-toggle:focus-visible,
.investi-miniheader__utilities.is-compact-open
  .investi-miniheader__compact-toggle {
  background: color-mix(in srgb, var(--accent-color) 18%, transparent);
  border-color: color-mix(in srgb, var(--accent-color) 24%, transparent);
  color: #ffffff;
  outline: none;
}

.investi-miniheader__compact-toggle-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  line-height: 1;
}

.investi-miniheader__compact-toggle-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.investi-miniheader__utilities-panel {
  display: flex;
  align-items: center;
  gap: 8px;
}

.investi-miniheader__appearance {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 2px;
  border: 1px solid
    color-mix(in srgb, var(--border-color) 78%, rgba(255, 255, 255, 0.04));
  border-radius: 999px;
  background: var(--card-bg-secondary);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.investi-miniheader__utility,
.investi-miniheader__fontsize-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  border-radius: 999px;
  border: none;
  background: transparent;
  color: var(--text-color);
  cursor: pointer;
  padding: 4px 10px;
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}

.investi-miniheader__utility {
  gap: 6px;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1;
}

.investi-miniheader__utility-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95rem;
  line-height: 1;
}

.investi-miniheader__utility-label {
  white-space: nowrap;
}

.investi-miniheader__mode-track {
  position: relative;
  width: 52px;
  height: 26px;
  flex: 0 0 52px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg, #2e7ece 0%, #5d98d1 55%, #87b9e5 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 6px 16px rgba(46, 126, 206, 0.2);
  overflow: hidden;
  transition:
    background-color 0.24s ease,
    box-shadow 0.24s ease;
}

.investi-miniheader__mode-sun,
.investi-miniheader__mode-moon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  line-height: 1;
  pointer-events: none;
  transition:
    color 0.24s ease,
    opacity 0.24s ease,
    transform 0.24s ease;
}

.investi-miniheader__mode-sun {
  left: 0;
  color: #f7b500;
  z-index: 2;
}

.investi-miniheader__mode-moon {
  right: 0;
  color: #fafafa;
  z-index: 2;
}

.investi-miniheader__mode-sun svg,
.investi-miniheader__mode-moon svg {
  width: 15px;
  height: 15px;
  display: block;
  filter: drop-shadow(0 1px 1px rgba(15, 23, 42, 0.18));
}

.investi-miniheader__mode-moon svg {
  width: 16px;
  height: 16px;
  filter:
    drop-shadow(0 1px 1px rgba(15, 23, 42, 0.32))
    drop-shadow(0 0 1px rgba(15, 23, 42, 0.42));
}

.investi-miniheader__mode-thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #ffffff;
  box-shadow:
    0 2px 8px rgba(15, 23, 42, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
  transition:
    transform 0.24s ease,
    background-color 0.24s ease;
  z-index: 1;
}

.investi-miniheader__font-group {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 0;
  border-radius: 999px;
  background: color-mix(in srgb, rgba(255, 255, 255, 0.06) 60%, transparent);
  border-left: none;
}

.investi-miniheader__fontsize-btn {
  min-width: 34px;
  padding: 4px 10px;
  font-weight: 700;
  font-size: 0.68rem;
  line-height: 1;
  background: transparent;
  border-left: none;
}

.investi-miniheader__fontsize-sample {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  letter-spacing: -0.01em;
  line-height: 1;
}

.investi-miniheader__fontsize-sample--small {
  font-size: 0.56rem;
}

.investi-miniheader__fontsize-sample--default {
  font-size: 0.68rem;
}

.investi-miniheader__fontsize-sample--large {
  font-size: 0.88rem;
  font-weight: 800;
}

/* Icon only, so it borrows the appearance capsule's border and fill rather than
   sitting naked beside it — the three controls in the panel then read as one
   set. Squared off to the control height instead of the pill padding, which is
   sized for a label this button does not have. */
.investi-miniheader__cookie-btn {
  min-width: 30px;
  padding: 4px 7px;
  border: 1px solid
    color-mix(in srgb, var(--border-color) 78%, rgba(255, 255, 255, 0.04));
  background: var(--card-bg-secondary);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

/* .investi-miniheader__utility sets display, and an author rule beats the UA
   sheet's [hidden] whatever its specificity — without this the button shows
   before the script has decided it should. */
.investi-miniheader__cookie-btn[hidden] {
  display: none;
}

.investi-miniheader__cookie-btn .investi-miniheader__utility-icon {
  width: 16px;
  height: 16px;
}

.investi-miniheader__cookie-btn .investi-miniheader__utility-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

html:not([data-mode="dark"]) .investi-miniheader__cookie-btn {
  background: var(--card-bg-secondary);
  border-color: color-mix(in srgb, #2e7ece 18%, rgba(255, 255, 255, 0.9));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 8px 18px rgba(46, 126, 206, 0.08);
}

.investi-miniheader__utility:hover,
.investi-miniheader__utility:focus-visible,
.investi-miniheader__fontsize-btn:hover,
.investi-miniheader__fontsize-btn:focus-visible {
  background: color-mix(in srgb, var(--accent-color) 18%, transparent);
  color: #ffffff;
  transform: none;
  outline: none;
}

html:not([data-mode="dark"]) .investi-miniheader__utility:hover,
html:not([data-mode="dark"]) .investi-miniheader__utility:focus-visible,
html:not([data-mode="dark"]) .investi-miniheader__fontsize-btn:hover,
html:not([data-mode="dark"]) .investi-miniheader__fontsize-btn:focus-visible,
html:not([data-mode="dark"]) .investi-miniheader__compact-toggle:hover,
html:not([data-mode="dark"]) .investi-miniheader__compact-toggle:focus-visible,
html:not([data-mode="dark"]) .investi-miniheader__link:hover,
html:not([data-mode="dark"]) .investi-miniheader__link:focus-visible,
html:not([data-mode="dark"]) .investi-miniheader__link--action:hover,
html:not([data-mode="dark"]) .investi-miniheader__link--action:focus-visible {
  background: color-mix(
    in srgb,
    var(--accent-color) 18%,
    rgba(255, 255, 255, 0.82)
  );
  border-color: color-mix(
    in srgb,
    var(--accent-color) 28%,
    var(--border-color)
  );
  color: var(--heading-color);
  box-shadow: 0 8px 18px
    color-mix(in srgb, var(--accent-color) 12%, transparent);
}

html:not([data-mode="dark"]) .investi-miniheader__compact-toggle {
  background: #ffffff;
  border-color: rgba(121, 148, 186, 0.92);
  color: #1f446f;
  box-shadow:
    0 8px 18px rgba(116, 142, 177, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.investi-miniheader__utility.is-active,
.investi-miniheader__fontsize-btn.is-active {
  background: var(--brand-gradient) !important;
  color: #ffffff;
}

.investi-miniheader__mode-toggle {
  border-radius: 999px;
  background: transparent;
  padding: 0;
}

.investi-miniheader__mode-toggle:not(.is-active) .investi-miniheader__mode-sun {
  color: #f7b500;
  transform: translateY(-50%) scale(1.04);
}

.investi-miniheader__mode-toggle:not(.is-active)
  .investi-miniheader__mode-moon {
  color: #fafafa;
}

.investi-miniheader__mode-toggle.is-active .investi-miniheader__mode-thumb {
  transform: translateX(26px);
  background: #f8fbff;
}

.investi-miniheader__mode-toggle.is-active .investi-miniheader__mode-track {
  background: linear-gradient(135deg, #184d86 0%, #2e7ece 50%, #6da8dc 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 8px 18px rgba(24, 77, 134, 0.28);
}

.investi-miniheader__mode-toggle.is-active .investi-miniheader__mode-sun {
  color: rgba(255, 255, 255, 0.52);
}

.investi-miniheader__mode-toggle.is-active .investi-miniheader__mode-moon {
  color: #3f3f46;
  transform: translateY(-50%) scale(1.08);
}

.investi-miniheader__help-btn {
  border-radius: 999px;
  background: linear-gradient(
    135deg,
    #74a9da 0%,
    #699cdc 30%,
    #5f89ce 58%,
    #7ab9ff 100%
  );
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  border: 1px solid #699cdc;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 8px 18px rgba(29, 79, 145, 0.14);
  padding: 4px 10px;
}

.investi-miniheader__help-btn .investi-miniheader__utility-icon {
  color: inherit;
  font-weight: 800;
}

.investi-miniheader__help-btn:hover,
.investi-miniheader__help-btn:focus-visible {
  background: linear-gradient(
    135deg,
    #74a9da 0%,
    #699cdc 30%,
    #5f89ce 58%,
    #7ab9ff 100%
  );
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 10px 22px rgba(29, 79, 145, 0.18);
}

html:not([data-mode="dark"]) .investi-miniheader__help-btn:hover,
html:not([data-mode="dark"]) .investi-miniheader__help-btn:focus-visible {
  color: #183b63;
  -webkit-text-fill-color: #183b63;
  border-color: #4f80c3;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 10px 22px rgba(29, 79, 145, 0.22);
}

html:not([data-mode="dark"]) .investi-miniheader {
  background: color-mix(
    in srgb,
    var(--header-bg) 90%,
    rgba(255, 255, 255, 0.58)
  );
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

html:not([data-mode="dark"]) .investi-miniheader__breadcrumbs,
html:not([data-mode="dark"]) .investi-miniheader__breadcrumbs a,
html:not([data-mode="dark"]) .investi-miniheader__title {
  color: var(--text-secondary);
}

html:not([data-mode="dark"]) .investi-miniheader__breadcrumb-current {
  color: var(--text-color);
}

html:not([data-mode="dark"]) .investi-miniheader__breadcrumbs a:hover {
  color: var(--accent-text-color);
}

html:not([data-mode="dark"]) .investi-miniheader__divider {
  background: linear-gradient(
    180deg,
    transparent,
    color-mix(in srgb, var(--border-color) 72%, var(--accent-color) 28%) 18%,
    color-mix(in srgb, var(--border-color) 72%, var(--accent-color) 28%) 82%,
    transparent
  );
}

html:not([data-mode="dark"]) .investi-miniheader__appearance {
  background: var(--card-bg-secondary);
  border-color: color-mix(in srgb, #2e7ece 18%, rgba(255, 255, 255, 0.9));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 8px 18px rgba(46, 126, 206, 0.08);
}

html:not([data-mode="dark"]) .investi-miniheader__fontsize-btn {
  color: color-mix(in srgb, var(--text-color) 82%, #5f6f86 18%);
  background: rgba(255, 255, 255, 0.72);
  box-shadow: inset 0 0 0 1px rgba(46, 126, 206, 0.08);
}

html:not([data-mode="dark"]) .investi-miniheader__mode-track {
  background: linear-gradient(135deg, #2e7ece 0%, #5d98d1 55%, #87b9e5 100%);
}

html:not([data-mode="dark"])
  .investi-miniheader__mode-toggle:not(.is-active)
  .investi-miniheader__mode-sun {
  color: rgba(232, 178, 38, 0.96);
}

html:not([data-mode="dark"])
  .investi-miniheader__mode-toggle:not(.is-active)
  .investi-miniheader__mode-moon {
  color: rgba(255, 255, 255, 0.74);
}

html:not([data-mode="dark"])
  .investi-miniheader__mode-toggle.is-active
  .investi-miniheader__mode-track {
  background: linear-gradient(135deg, #184d86 0%, #2e7ece 50%, #6da8dc 100%);
}

html:not([data-mode="dark"]) .investi-miniheader__fontsize-btn:hover,
html:not([data-mode="dark"]) .investi-miniheader__fontsize-btn:focus-visible {
  color: #1e4f83;
  background: color-mix(in srgb, #ffffff 62%, #d5e6f7 38%);
}

html:not([data-mode="dark"]) .investi-miniheader__fontsize-btn.is-active {
  color: #ffffff;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .investi-site-header {
    --investi-header-side-width: clamp(84px, 10vw, 124px);
  }

  .investi-site-header__inner {
    gap: 14px;
    padding: 0 14px;
  }

  .investi-site-header__nav {
    gap: 12px;
    max-width: calc(100% - (2 * var(--investi-header-side-width)) - 24px);
  }

  .investi-site-header__nav-link {
    font-size: 0.78rem;
    letter-spacing: 0.025em;
  }

  .investi-site-header__dropdown {
    min-width: 208px;
  }
}

@media (max-width: 766px) {
  .investi-site-header {
    border-radius: 0;
  }

  .investi-site-header__inner {
    display: flex;
    min-height: 76px;
    padding: 10px 16px;
    justify-content: space-between;
    align-items: center;
  }

  .investi-site-header__logo {
    height: 52px;
  }

  .investi-site-header__nav,
  .investi-site-header__utilities,
  .investi-site-header__subheader {
    display: none;
  }

  .investi-site-header__mobile-trigger {
    display: inline-flex;
  }

  .investi-site-header__mobile-backdrop {
    display: block;
  }
}

@media (min-width: 767px) and (max-width: 1199px) {
  .investi-site-header__inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 16px;
  }

  .investi-site-header__nav {
    position: static;
    left: auto;
    transform: none;
    width: auto;
    max-width: none;
    justify-self: center;
    justify-content: center;
  }

  .investi-site-header__utilities {
    display: none;
  }

  .investi-site-header__mobile-trigger {
    display: none;
  }

  .investi-site-header.is-compact-nav .investi-site-header__inner {
    grid-template-columns: auto auto;
    justify-content: space-between;
  }

  .investi-site-header.is-compact-nav .investi-site-header__nav {
    display: none;
  }

  .investi-site-header.is-compact-nav .investi-site-header__mobile-trigger {
    display: inline-flex;
  }

  .investi-site-header__mobile-backdrop {
    display: block;
  }

  .investi-site-header__subheader {
    display: block;
    overflow: visible;
  }

  .investi-site-header__mobile-sheet {
    top: var(--investi-site-header-menu-top, 132px);
    right: 16px;
    left: auto;
    width: min(360px, calc(100vw - 32px));
    border-radius: 18px;
    box-shadow:
      0 18px 38px color-mix(in srgb, var(--shadow-strong) 28%, transparent),
      inset 0 1px 0 color-mix(in srgb, var(--panel-highlight) 82%, transparent);
    transform: translateY(-10px);
  }

  .investi-site-header__mobile-sheet-inner {
    max-height: min(
      calc(100vh - var(--investi-site-header-menu-top, 132px) - 24px),
      520px
    );
    padding: 14px;
  }

  .investi-site-header__subheader .investi-miniheader__inner {
    height: auto;
    min-height: 43px;
    overflow: visible;
  }

  .investi-site-header__subheader .investi-miniheader__bar {
    justify-content: space-between;
    gap: 12px;
    overflow: visible;
  }

  .investi-site-header__subheader[data-miniheader-scope="company"] .investi-miniheader__main,
  .investi-site-header__subheader[data-miniheader-scope="company-chart"] .investi-miniheader__main {
    display: flex;
    position: static;
    left: auto;
    transform: none;
    width: auto;
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
    justify-content: flex-start;
  }

  .investi-site-header__subheader .investi-miniheader__main {
    display: none;
  }

  .investi-site-header__subheader .investi-miniheader__selector {
    flex: 1 1 auto;
    width: auto;
    max-width: min(460px, 56vw);
  }

  .investi-site-header__subheader[data-miniheader-scope="company"] .investi-miniheader__selector,
  .investi-site-header__subheader[data-miniheader-scope="company-chart"] .investi-miniheader__selector {
    flex: 0 1 min(400px, 34vw);
    max-width: min(400px, 34vw);
  }

  .investi-site-header__subheader[data-miniheader-scope="company"] .investi-miniheader__nav--primary,
  .investi-site-header__subheader[data-miniheader-scope="company-chart"] .investi-miniheader__nav--primary {
    margin-inline: 0;
    max-width: min(560px, calc(100vw - 540px));
  }

  .investi-site-header__subheader .investi-miniheader__aside {
    position: static;
    margin-left: auto;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .investi-site-header__subheader[data-miniheader-scope="company"] .investi-miniheader__main,
  .investi-site-header__subheader[data-miniheader-scope="company-chart"] .investi-miniheader__main {
    display: none !important;
  }

  .investi-site-header__subheader .investi-miniheader__nav--actions {
    display: none;
  }

  .investi-site-header__subheader .investi-miniheader__aside {
    display: none;
  }

  .investi-site-header__subheader .investi-miniheader__mobile-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    overflow: visible;
  }

  .investi-site-header__subheader .investi-miniheader__mobile-actions {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
  }

  .investi-site-header__subheader .investi-miniheader__nav--actions-mobile {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .investi-site-header__subheader
    .investi-miniheader__nav--actions-mobile::-webkit-scrollbar {
    display: none;
  }

  .investi-site-header__subheader .investi-miniheader__mobile-toolbar-controls {
    flex: 0 0 auto;
    position: relative;
    z-index: 20;
  }

  .investi-site-header__subheader .investi-site-header__search--miniheader {
    flex: 0 1 152px;
    width: min(152px, 22vw);
    max-width: 152px;
    min-width: 132px;
  }

  .investi-site-header__subheader .investi-site-header__search--miniheader .investi-site-header__search-toggle {
    display: none;
  }

  .investi-site-header__subheader .investi-site-header__search--miniheader .investi-site-header__search-shell {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 100%;
    max-width: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
  }

  .investi-site-header__subheader .investi-site-header__search--miniheader .investi-site-header__search-form {
    min-height: var(--investi-miniheader-control-height);
    padding: 0 10px 0 8px;
    border-radius: 999px;
  }

  .investi-site-header__subheader .investi-site-header__search--miniheader .investi-site-header__search-close {
    display: none;
  }

  .investi-site-header__subheader .investi-miniheader__utilities--mobile-row {
    display: inline-flex;
    align-items: center;
    width: auto;
  }

  .investi-site-header__subheader
    .investi-miniheader__utilities--mobile-row
    .investi-miniheader__compact-toggle {
    display: inline-flex;
  }

  .investi-site-header__subheader
    .investi-miniheader__utilities--mobile-row
    .investi-miniheader__utilities-panel {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 30;
    gap: 6px;
    padding: 6px;
    border: 1px solid
      color-mix(in srgb, var(--border-color) 78%, rgba(255, 255, 255, 0.08));
    border-radius: 14px;
    background: var(--card-bg);
    box-shadow:
      0 16px 28px color-mix(in srgb, var(--shadow-strong) 34%, transparent),
      inset 0 1px 0 color-mix(in srgb, var(--panel-highlight) 82%, transparent);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-4px);
    transition:
      opacity 0.2s ease,
      transform 0.2s ease,
      visibility 0.2s ease;
  }

  .investi-site-header__subheader
    .investi-miniheader__utilities--mobile-row.is-compact-open
    .investi-miniheader__utilities-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }
}

@media (max-width: 766px) {
  .investi-site-header__subheader[data-miniheader-scope="company"] .investi-miniheader__main,
  .investi-site-header__subheader[data-miniheader-scope="company-chart"] .investi-miniheader__main {
    display: none;
  }

  .investi-site-header__subheader {
    display: block;
  }

  .investi-site-header__mobile-sheet {
    left: 10px;
    right: 10px;
    width: auto;
    border-radius: 16px;
  }

  .investi-site-header__mobile-sheet-inner {
    max-height: calc(100dvh - var(--investi-site-header-menu-top, 132px) - 16px);
    padding: 12px 12px 14px;
  }

  .investi-site-header__subheader .investi-miniheader__inner {
    position: static;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: auto;
    height: auto;
    min-height: 38px;
    max-height: none;
    padding: 6px 10px;
    flex-wrap: nowrap;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
  }

  .investi-site-header__subheader .investi-miniheader__bar {
    display: flex;
    width: 100%;
    gap: 8px;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
  }

  .investi-site-header__subheader .investi-miniheader__main {
    display: none;
  }

  .investi-site-header__subheader .investi-miniheader__selector,
  .investi-site-header__subheader .investi-miniheader__aside {
    position: static;
    transform: none;
    width: auto;
    max-width: none;
    flex-wrap: nowrap;
  }

  .investi-site-header__subheader .investi-miniheader__selector {
    flex: 1 1 auto;
    min-width: 0;
    align-self: center;
  }

  .investi-site-header__subheader .investi-miniheader__aside {
    margin-left: auto;
    flex: 0 0 auto;
    gap: 6px;
    flex-wrap: nowrap;
    align-items: center;
  }

  .investi-site-header__subheader
    .investi-miniheader__utilities--mobile-inline {
    display: none;
  }

  .investi-site-header__subheader .investi-miniheader__mobile-actions,
  .investi-site-header__subheader .investi-miniheader__mobile-toolbar {
    display: none;
  }

  .investi-site-header__subheader .investi-miniheader__nav--actions {
    display: none;
  }

  .investi-site-header__subheader .investi-miniheader__aside {
    display: none;
  }

  .investi-site-header__subheader .investi-miniheader__mobile-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }

  .investi-site-header__subheader .investi-miniheader__mobile-actions {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
  }

  .investi-site-header__subheader .investi-miniheader__nav--actions-mobile {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .investi-site-header__subheader
    .investi-miniheader__nav--actions-mobile::-webkit-scrollbar {
    display: none;
  }

  .investi-site-header__subheader .investi-miniheader__link--action-mobile {
    flex: 0 0 auto;
    min-height: 24px;
    padding: 3px 10px;
    border: 1px solid color-mix(in srgb, var(--border-color) 60%, transparent);
    border-radius: 999px;
    background: transparent;
    color: color-mix(in srgb, #ffffff 78%, var(--text-secondary) 22%);
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: none;
    justify-content: center;
    box-shadow: none;
  }

  .investi-site-header__subheader
    .investi-miniheader__link--action-mobile
    + .investi-miniheader__link--action-mobile::before {
    content: none;
  }

  .investi-site-header__subheader
    .investi-miniheader__link--action-mobile:hover,
  .investi-site-header__subheader
    .investi-miniheader__link--action-mobile:focus-visible {
    color: #ffffff;
    background: color-mix(in srgb, var(--accent-color) 10%, transparent);
    border-color: color-mix(in srgb, var(--accent-color) 22%, transparent);
    box-shadow: none;
    outline: none;
  }

  .investi-site-header__subheader
    .investi-miniheader__link--action-mobile.is-active {
    color: #ffffff !important;
    background: color-mix(in srgb, var(--accent-color) 14%, transparent);
    border-color: color-mix(in srgb, var(--accent-color) 24%, transparent);
    box-shadow: none;
  }

  .investi-site-header__subheader
    .investi-miniheader__link--action-mobile.is-active::after {
    content: none;
  }

  .investi-site-header__subheader .investi-miniheader__link--action-mobile-ai {
    background: color-mix(in srgb, var(--accent-color) 82%, #ffffff 18%);
    border-color: color-mix(in srgb, var(--accent-color) 92%, #ffffff 8%);
    color: #ffffff !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.18),
      0 8px 18px color-mix(in srgb, var(--accent-color) 24%, transparent);
  }

  .investi-site-header__subheader
    .investi-miniheader__link--action-mobile-ai:hover,
  .investi-site-header__subheader
    .investi-miniheader__link--action-mobile-ai:focus-visible,
  .investi-site-header__subheader
    .investi-miniheader__link--action-mobile-ai.is-active {
    background: color-mix(in srgb, var(--accent-color) 90%, #ffffff 10%);
    border-color: color-mix(in srgb, var(--accent-color) 96%, #ffffff 4%);
    color: #ffffff !important;
  }

  .investi-site-header__subheader .investi-miniheader__mobile-toolbar-controls {
    flex: 0 0 auto;
  }

  .investi-site-header__subheader .investi-miniheader__divider--utilities,
  .investi-site-header__subheader .investi-miniheader__utility-label {
    display: none;
  }

  .investi-site-header__subheader .investi-miniheader__utilities {
    gap: 6px;
    flex-wrap: nowrap;
  }

  .investi-site-header__subheader
    .investi-miniheader__utilities--mobile-inline {
    display: inline-flex;
    align-items: center;
    width: auto;
  }

  .investi-site-header__subheader
    .investi-miniheader__utilities--mobile-inline {
    display: none;
  }

  .investi-site-header__subheader .investi-miniheader__utilities--mobile-row {
    display: inline-flex;
    align-items: center;
    width: auto;
  }

  .investi-site-header__subheader
    .investi-miniheader__utilities--mobile-row
    .investi-miniheader__compact-toggle {
    display: inline-flex;
  }

  .investi-site-header__subheader
    .investi-miniheader__utilities--mobile-row
    .investi-miniheader__utilities-panel {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 8;
    gap: 6px;
    padding: 6px;
    border: 1px solid
      color-mix(in srgb, var(--border-color) 78%, rgba(255, 255, 255, 0.08));
    border-radius: 14px;
    background: var(--card-bg);
    box-shadow:
      0 16px 28px color-mix(in srgb, var(--shadow-strong) 34%, transparent),
      inset 0 1px 0 color-mix(in srgb, var(--panel-highlight) 82%, transparent);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-4px);
  }

  .investi-site-header__subheader .investi-miniheader__utilities--company-mobile-row {
    display: inline-flex;
    align-items: center;
    width: auto;
  }

  .investi-site-header__subheader
    .investi-miniheader__utilities--company-mobile-row
    .investi-miniheader__compact-toggle {
    display: inline-flex;
  }

  .investi-site-header__subheader
    .investi-miniheader__utilities--company-mobile-row
    .investi-miniheader__utilities-panel {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 8;
    gap: 6px;
    padding: 6px;
    border: 1px solid
      color-mix(in srgb, var(--border-color) 78%, rgba(255, 255, 255, 0.08));
    border-radius: 14px;
    background: var(--card-bg);
    box-shadow:
      0 16px 28px color-mix(in srgb, var(--shadow-strong) 34%, transparent),
      inset 0 1px 0 color-mix(in srgb, var(--panel-highlight) 82%, transparent);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-4px);
  }

  .investi-site-header__subheader
    .investi-miniheader__utilities--mobile-inline
    .investi-miniheader__compact-toggle {
    display: inline-flex;
  }

  .investi-site-header__subheader
    .investi-miniheader__utilities--mobile-inline
    .investi-miniheader__utilities-panel {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 8;
    gap: 6px;
    padding: 6px;
    border: 1px solid
      color-mix(in srgb, var(--border-color) 78%, rgba(255, 255, 255, 0.08));
    border-radius: 14px;
    background: var(--card-bg);
    box-shadow:
      0 16px 28px color-mix(in srgb, var(--shadow-strong) 34%, transparent),
      inset 0 1px 0 color-mix(in srgb, var(--panel-highlight) 82%, transparent);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-4px);
    transition:
      opacity 0.2s ease,
      transform 0.2s ease,
      visibility 0.2s ease;
  }

  .investi-site-header__subheader
    .investi-miniheader__utilities--mobile-inline.is-compact-open
    .investi-miniheader__utilities-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }

  .investi-site-header__subheader
    .investi-miniheader__utilities:not(
      .investi-miniheader__utilities--mobile-inline
    )
    .investi-miniheader__compact-toggle {
    display: inline-flex;
  }

  .investi-site-header__subheader
    .investi-miniheader__utilities:not(
      .investi-miniheader__utilities--mobile-inline
    )
    .investi-miniheader__utilities-panel {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 8;
    gap: 6px;
    padding: 6px;
    border: 1px solid
      color-mix(in srgb, var(--border-color) 78%, rgba(255, 255, 255, 0.08));
    border-radius: 14px;
    background: var(--card-bg);
    box-shadow:
      0 16px 28px color-mix(in srgb, var(--shadow-strong) 34%, transparent),
      inset 0 1px 0 color-mix(in srgb, var(--panel-highlight) 82%, transparent);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-4px);
    transition:
      opacity 0.2s ease,
      transform 0.2s ease,
      visibility 0.2s ease;
  }

  .investi-site-header__subheader
    .investi-miniheader__utilities:not(
      .investi-miniheader__utilities--mobile-inline
    ).is-compact-open
    .investi-miniheader__utilities-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }

  .investi-site-header__subheader .investi-miniheader__appearance,
  .investi-site-header__subheader .investi-miniheader__font-group {
    gap: 4px;
    padding: 1px;
  }

  .investi-site-header__subheader .investi-miniheader__utility,
  .investi-site-header__subheader .investi-miniheader__fontsize-btn {
    min-height: 28px;
  }

  .investi-site-header__subheader .investi-miniheader__help-btn {
    display: inline-flex;
    min-width: 30px;
    padding: 4px 8px;
  }

  .investi-site-header__subheader
    .investi-miniheader__help-btn
    .investi-miniheader__utility-label {
    display: inline;
  }

  .investi-site-header__subheader .investi-miniheader__fontsize-btn {
    flex: 0 0 auto;
  }

  .investi-site-header__subheader
    .investi-miniheader__selector
    .investi-module-content
    select,
  .investi-site-header__subheader
    .investi-miniheader__selector
    .equitySelectorContainer
    select {
    min-height: 30px;
    font-size: 0.72rem;
  }

  .investi-site-header__subheader
    .investi-miniheader__utilities--mobile-inline
    .investi-miniheader__mode-toggle {
    padding: 0;
  }

  .investi-site-header__subheader
    .investi-miniheader__utilities--mobile-inline
    .investi-miniheader__appearance {
    gap: 3px;
  }

  .investi-site-header__subheader
    .investi-miniheader__utilities--mobile-inline
    .investi-miniheader__fontsize-btn {
    min-width: 28px;
    padding-inline: 6px;
  }

  .investi-site-header__subheader
    .investi-miniheader__selector
    .investi-bond-selector {
    width: 100% !important;
    max-width: none !important;
  }

  .investi-site-header__subheader
    .investi-miniheader__selector
    .investi-bond-selector__select--issuer {
    flex: 1 1 40% !important;
    max-width: none;
  }

  .investi-site-header__mobile-section-head {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
  }

  .investi-site-header__mobile-external-link {
    width: 100%;
    justify-content: center;
  }

  .investi-site-header__mobile-link {
    min-height: 46px;
    padding-inline: 12px;
    font-size: 0.92rem;
  }
  .investi-miniheader {
    margin: 0;
    padding: 0;
    min-height: 0;
    max-height: none;
    background: transparent;
    border: none;
    box-shadow: none;
    overflow: visible;
  }

  .investi-miniheader__mobile-fab {
    display: inline-flex;
  }

  .investi-miniheader__mobile-backdrop {
    display: block;
  }

  .investi-miniheader__inner {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 84px;
    z-index: 1001;
    display: flex;
    height: auto;
    max-height: min(78vh, 680px);
    padding: 16px;
    flex-wrap: nowrap;
    gap: 12px;
    align-items: stretch;
    border: 1px solid
      color-mix(in srgb, var(--border-color) 78%, rgba(255, 255, 255, 0.08));
    border-radius: 24px;
    background:
      linear-gradient(
        180deg,
        color-mix(in srgb, var(--panel-highlight) 42%, transparent),
        transparent 24%
      ),
      color-mix(in srgb, var(--header-bg) 92%, rgba(255, 255, 255, 0.04));
    box-shadow:
      0 28px 72px color-mix(in srgb, var(--shadow-strong) 74%, transparent),
      inset 0 1px 0 color-mix(in srgb, var(--panel-highlight) 82%, transparent);
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(18px) scale(0.98);
    transition:
      opacity 0.24s ease,
      transform 0.24s ease,
      visibility 0.24s ease;
  }

  .investi-miniheader.is-mobile-open .investi-miniheader__inner {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
  }

  .investi-miniheader__bar {
    display: flex;
    width: 100%;
    gap: 14px;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
  }

  .investi-miniheader__main,
  .investi-miniheader__selector,
  .investi-miniheader__aside {
    position: static;
    transform: none;
    width: 100%;
    max-width: none;
    flex-wrap: wrap;
  }

  .investi-miniheader__main,
  .investi-miniheader__aside {
    gap: 12px;
  }

  .investi-miniheader__selector {
    min-width: 0;
    max-width: none;
    align-self: auto;
  }

  .investi-miniheader__nav {
    width: 100%;
    gap: 8px;
    overflow: visible;
    flex-wrap: wrap;
  }

  .investi-miniheader__nav--primary,
  .investi-miniheader__nav--actions {
    max-width: none;
    margin-inline: 0;
    justify-content: center;
  }

  .investi-miniheader__nav--actions {
    overflow: visible;
  }

  .investi-miniheader__utilities {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
  }

  .investi-miniheader__appearance {
    width: 100%;
    justify-content: center;
    padding: 4px;
  }

  .investi-miniheader__divider {
    display: none;
  }

  .investi-miniheader__link,
  .investi-miniheader__link--action,
  .investi-miniheader__utility,
  .investi-miniheader__fontsize-btn {
    min-height: 40px;
  }

  .investi-miniheader__link,
  .investi-miniheader__link--action {
    flex: 1 1 calc(50% - 8px);
    justify-content: flex-start;
    padding-inline: 14px;
    border-color: color-mix(in srgb, var(--border-color) 68%, transparent);
    background: color-mix(
      in srgb,
      var(--card-bg) 82%,
      rgba(255, 255, 255, 0.04)
    );
  }

  .investi-miniheader__title {
    width: 100%;
  }

  .investi-miniheader__font-group {
    width: 100%;
    justify-content: center;
  }

  .investi-miniheader__fontsize-btn {
    flex: 1 1 0;
  }

  .investi-miniheader__help-btn {
    margin-left: 0;
  }
}

@media (max-width: 420px) {
  .investi-site-header__inner {
    min-height: 72px;
    padding: 10px 14px;
  }

  .investi-site-header__logo {
    height: 46px;
  }

  .investi-site-header__mobile-fab-label {
    font-size: 0.76rem;
  }

  .investi-site-header__mobile-top-utilities {
    max-width: calc(100% - 84px);
  }

  .investi-site-header__mobile-sheet {
    left: 8px;
    right: 8px;
    width: auto;
    border-radius: 14px;
  }

  .investi-site-header__mobile-sheet-inner {
    padding: 12px;
  }
}

@media (max-width: 420px) {
  .investi-miniheader__inner {
    left: 10px;
    right: 10px;
    bottom: 76px;
    padding: 14px;
    border-radius: 22px;
  }

  .investi-miniheader__mobile-fab {
    right: 12px;
    bottom: 14px;
    min-height: 48px;
    padding-inline: 14px;
  }

  .investi-miniheader__mobile-fab-label {
    font-size: 0.76rem;
  }

  .investi-miniheader__link,
  .investi-miniheader__link--action {
    flex-basis: 100%;
  }
}

.investi-site-header {
  --investi-header-side-width: clamp(260px, 24vw, 340px);
}

.investi-site-header__search-slot {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 var(--investi-header-side-width);
  width: var(--investi-header-side-width);
  min-width: 0;
  margin-left: auto;
  position: relative;
  z-index: 2;
}

.investi-site-header__search {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}

.investi-site-header__search--miniheader {
  display: none;
}

.investi-site-header.has-active-search-overlay .investi-site-header__search-slot,
.investi-site-header__search.has-active-search-overlay,
.investi-site-header__search.has-active-search-overlay .investi-site-header__search-shell {
  z-index: 100260;
}

.investi-site-header__search-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--border-color) 76%, transparent);
  border-radius: 999px;
  background: var(--card-bg-secondary);
  color: var(--text-color);
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    background-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}

.investi-site-header__search-toggle:hover,
.investi-site-header__search-toggle:focus-visible,
.investi-site-header__search.is-search-open .investi-site-header__search-toggle {
  outline: none;
  color: #ffffff;
  border-color: color-mix(in srgb, var(--accent-color) 24%, transparent);
  background: color-mix(in srgb, var(--accent-color) 16%, transparent);
}

.investi-site-header__search-toggle svg,
.investi-site-header__search-icon svg,
.investi-site-header__search-close svg {
  width: 18px;
  height: 18px;
  display: block;
}

.investi-site-header__search-shell {
  position: relative;
  width: 100%;
  max-width: min(100%, 360px);
}

@media (min-width: 1200px) {
  .investi-site-header__inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(260px, var(--investi-header-side-width));
    align-items: center;
    gap: 24px;
  }

  .investi-site-header__brand {
    grid-column: 1;
  }

  .investi-site-header__nav {
    grid-column: 2;
    position: static;
    left: auto;
    transform: none;
    width: auto;
    max-width: none;
    justify-self: center;
  }

  .investi-site-header__search-slot {
    grid-column: 3;
    width: 100%;
    margin-left: 0;
    justify-self: end;
  }

  .investi-site-header.is-compact-nav .investi-site-header__inner {
    grid-template-columns: auto auto;
    justify-content: space-between;
  }

  .investi-site-header.is-compact-nav .investi-site-header__nav {
    display: none;
  }

  .investi-site-header.is-compact-nav .investi-site-header__search-slot {
    display: none;
  }

  .investi-site-header.is-compact-nav .investi-site-header__mobile-trigger {
    display: inline-flex;
    justify-self: end;
  }
}

.investi-site-header__search-form {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 0 14px;
  border: 1px solid color-mix(in srgb, var(--border-color) 76%, transparent);
  border-radius: 999px;
  background: #101723;
  box-shadow:
    0 12px 24px color-mix(in srgb, var(--shadow-strong) 12%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--panel-highlight) 78%, transparent);
}

.investi-site-header__search-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: color-mix(in srgb, var(--text-secondary) 74%, var(--text-color) 26%);
  flex: 0 0 auto;
}

.investi-site-header__search-input {
  width: 100%;
  min-width: 0;
  border: none;
  background: transparent;
  color: var(--text-color);
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  outline: none;
  box-shadow: none;
}

.investi-site-header__search-input::placeholder {
  color: color-mix(in srgb, var(--text-secondary) 76%, transparent);
}

.investi-site-header__search-close {
  display: none;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: none;
  border-radius: 999px;
  background: transparent;
  color: var(--text-color);
  cursor: pointer;
}

.investi-site-header__search-dropdown {
  position: fixed;
  top: var(--investi-search-dropdown-top, 92px);
  left: var(--investi-search-dropdown-left, 12px);
  right: auto;
  z-index: 100110;
  width: min(var(--investi-search-dropdown-width, 420px), calc(100vw - 24px));
  max-height: min(68vh, 520px);
  overflow-y: auto;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--border-color) 78%, transparent);
  border-radius: 18px;
  background: #101723;
  box-shadow:
    0 18px 38px color-mix(in srgb, var(--shadow-strong) 28%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--panel-highlight) 82%, transparent);
}

.investi-site-header__search-filters {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.investi-site-header__search-filter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid color-mix(in srgb, var(--border-color) 78%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--card-bg-secondary) 78%, transparent);
  color: color-mix(in srgb, var(--text-color) 88%, var(--text-secondary) 12%);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    background-color 0.2s ease,
    color 0.2s ease;
}

.investi-site-header__search-filter strong {
  color: color-mix(in srgb, var(--text-secondary) 82%, transparent);
  font-size: 0.73rem;
  font-weight: 800;
}

.investi-site-header__search-filter:hover,
.investi-site-header__search-filter:focus-visible,
.investi-site-header__search-filter.is-active {
  outline: none;
  color: #ffffff;
  border-color: color-mix(in srgb, var(--accent-color) 28%, transparent);
  background: color-mix(in srgb, var(--accent-color) 18%, transparent);
}

.investi-site-header__search-filter:hover strong,
.investi-site-header__search-filter:focus-visible strong,
.investi-site-header__search-filter.is-active strong {
  color: rgba(255, 255, 255, 0.84);
}

.investi-site-header__search-results {
  display: grid;
  gap: 6px;
}

.investi-site-header__search-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid color-mix(in srgb, var(--border-color) 70%, transparent);
  color: color-mix(in srgb, var(--text-secondary) 82%, transparent);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.investi-site-header__search-section + .investi-site-header__search-section {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid color-mix(in srgb, var(--border-color) 70%, transparent);
}

.investi-site-header__search-section-label {
  margin-bottom: 8px;
  color: color-mix(in srgb, var(--text-secondary) 82%, transparent);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.investi-site-header__search-section-items {
  display: grid;
  gap: 6px;
}

.investi-site-header__search-result {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 14px;
  color: var(--text-color);
  text-decoration: none;
  transition:
    border-color 0.2s ease,
    background-color 0.2s ease,
    transform 0.2s ease;
}

.investi-site-header__search-result:hover,
.investi-site-header__search-result:focus-visible,
.investi-site-header__search-result.is-top-result {
  outline: none;
  border-color: color-mix(in srgb, var(--accent-color) 20%, transparent);
  background: color-mix(in srgb, var(--accent-color) 8%, transparent);
}

.investi-site-header__search-result-main {
  display: block;
}

.investi-site-header__search-result-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: color-mix(in srgb, var(--text-secondary) 82%, transparent);
  font-size: 0.74rem;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.investi-site-header__search-result-type {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent-color) 14%, transparent);
  color: color-mix(in srgb, var(--text-color) 92%, transparent);
  font-size: 0.7rem;
  font-weight: 800;
}

.investi-site-header__search-result-meta em {
  color: color-mix(in srgb, var(--text-secondary) 76%, transparent);
  font-style: normal;
  font-size: 0.74rem;
}

.investi-site-header__search-result-main strong {
  display: block;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.3;
}

.investi-site-header__search-result-subtitle {
  color: color-mix(in srgb, var(--text-secondary) 78%, transparent);
  font-style: normal;
  font-size: 0.82rem;
}

.investi-site-header__search-empty {
  padding: 12px 6px;
  color: color-mix(in srgb, var(--text-secondary) 82%, transparent);
  font-size: 0.9rem;
  text-align: center;
}

.investi-miniheader__compact-toggle {
  min-width: 34px;
  min-height: 34px;
  padding: 6px 9px;
}

.investi-site-header__subheader .investi-site-header__search--miniheader,
.investi-site-header__subheader .investi-miniheader__utilities--mobile-row,
.investi-site-header__subheader .investi-miniheader__utilities--company-mobile-row {
  display: inline-flex;
  align-items: center;
}

.investi-site-header__subheader {
  --investi-miniheader-control-height: 28px;
}

.investi-site-header__subheader .investi-site-header__search--miniheader {
  order: 1;
  display: inline-flex;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  min-width: 0;
}

.investi-site-header__subheader .investi-miniheader__utilities--mobile-row,
.investi-site-header__subheader .investi-miniheader__utilities--company-mobile-row {
  order: 2;
  width: auto;
  flex: 0 0 auto;
  justify-content: flex-end;
  gap: 0;
}

.investi-site-header__subheader .investi-site-header__search--miniheader .investi-site-header__search-toggle,
.investi-site-header__subheader .investi-miniheader__utilities--mobile-row .investi-miniheader__compact-toggle,
.investi-site-header__subheader .investi-miniheader__utilities--company-mobile-row .investi-miniheader__compact-toggle {
  width: var(--investi-miniheader-control-height);
  height: var(--investi-miniheader-control-height);
  min-width: var(--investi-miniheader-control-height);
  min-height: var(--investi-miniheader-control-height);
  padding: 0;
  border-radius: 999px;
}

.investi-site-header__subheader .investi-site-header__search--miniheader .investi-site-header__search-toggle svg,
.investi-site-header__subheader .investi-miniheader__compact-toggle-icon {
  width: 17px;
  height: 17px;
}

.investi-site-header__subheader .investi-site-header__search--miniheader .investi-site-header__search-toggle {
  display: inline-flex;
}

.investi-site-header__subheader .investi-site-header__search--miniheader .investi-site-header__search-shell {
  position: fixed;
  top: var(--investi-site-header-menu-top, 132px);
  left: 12px;
  right: 12px;
  width: auto;
  max-width: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-8px);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    visibility 0.2s ease;
}

.investi-site-header__subheader .investi-site-header__search--miniheader.is-search-open .investi-site-header__search-shell {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.investi-site-header__subheader .investi-site-header__search--miniheader .investi-site-header__search-form {
  min-height: var(--investi-miniheader-control-height);
  padding-inline: 10px 6px;
  border-radius: 999px;
}

.investi-site-header__subheader .investi-site-header__search--miniheader .investi-site-header__search-close {
  display: inline-flex;
}

.investi-site-header__subheader .investi-site-header__search--miniheader .investi-site-header__search-dropdown {
  position: static;
  width: 100%;
  max-height: min(60vh, 420px);
  margin-top: 10px;
}

.investi-site-header__subheader .investi-site-header__search--miniheader.is-inline-capable {
  flex: 1 1 clamp(168px, 24vw, 300px);
  width: min(100%, clamp(168px, 24vw, 300px));
  max-width: clamp(168px, 24vw, 300px);
  min-width: min(168px, 100%);
}

.investi-site-header__subheader .investi-site-header__search--miniheader.is-inline-capable .investi-site-header__search-toggle {
  display: none;
}

.investi-site-header__subheader .investi-site-header__search--miniheader.is-inline-capable .investi-site-header__search-shell {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  width: 100%;
  max-width: none;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
}

.investi-site-header__subheader .investi-site-header__search--miniheader.is-inline-capable .investi-site-header__search-form {
  min-height: var(--investi-miniheader-control-height);
  padding: 0 12px;
  border-radius: 999px;
}

.investi-site-header__subheader .investi-miniheader__utility,
.investi-site-header__subheader .investi-miniheader__fontsize-btn {
  min-height: var(--investi-miniheader-control-height);
}

.investi-site-header__subheader .investi-miniheader__mode-toggle {
  min-height: var(--investi-miniheader-control-height);
  padding: 0;
}

.investi-site-header__subheader .investi-miniheader__mode-track {
  height: 26px;
}

.investi-site-header__subheader .investi-miniheader__mode-sun,
.investi-site-header__subheader .investi-miniheader__mode-moon {
  width: 26px;
  height: 26px;
}

.investi-site-header__subheader .investi-miniheader__mode-thumb {
  top: 2px;
  width: 22px;
  height: 22px;
}

.investi-site-header__subheader .investi-site-header__search--miniheader.is-inline-capable .investi-site-header__search-input {
  font-size: 0.82rem;
}

.investi-site-header__subheader .investi-site-header__search--miniheader.is-inline-capable .investi-site-header__search-close {
  display: none;
}

.investi-miniheader__compact-toggle-icon {
  width: 17px;
  height: 17px;
}

html:not([data-mode="dark"]) .investi-site-header__search-form,
html:not([data-mode="dark"]) .investi-site-header__search-dropdown {
  background: #ffffff;
  border-color: rgba(191, 206, 226, 0.96);
  box-shadow:
    0 18px 36px rgba(116, 134, 165, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

[data-mode="dark"] .investi-site-header__search-form,
[data-mode="dark"] .investi-site-header__search-dropdown {
  background: #101723;
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow:
    0 22px 44px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html:not([data-mode="dark"]) .investi-site-header__search-toggle {
  background: #ffffff;
  border-color: rgba(191, 206, 226, 0.96);
}

html:not([data-mode="dark"]) .investi-site-header__search-filter {
  background: rgba(245, 248, 252, 0.96);
  border-color: rgba(191, 206, 226, 0.96);
}

html:not([data-mode="dark"]) .investi-site-header__search-filter:hover,
html:not([data-mode="dark"]) .investi-site-header__search-filter:focus-visible,
html:not([data-mode="dark"]) .investi-site-header__search-filter.is-active {
  color: #1e2a3b;
  background: color-mix(in srgb, var(--accent-color) 18%, #ffffff 82%);
}

html:not([data-mode="dark"]) .investi-site-header__search-filter:hover strong,
html:not([data-mode="dark"]) .investi-site-header__search-filter:focus-visible strong,
html:not([data-mode="dark"]) .investi-site-header__search-filter.is-active strong {
  color: color-mix(in srgb, #1e2a3b 72%, var(--text-secondary) 28%);
}

@media (min-width: 1200px) {
  .investi-site-header__subheader .investi-miniheader__aside {
    display: flex;
  }

  .investi-site-header__subheader .investi-site-header__search--miniheader {
    display: none !important;
  }

  .investi-site-header__subheader .investi-miniheader__mobile-toolbar {
    display: none;
  }

  .investi-site-header__subheader:not(.investi-miniheader--company-shell)
    .investi-miniheader__utilities--mobile-inline {
    display: inline-flex;
    align-items: center;
    width: auto;
  }

  .investi-site-header__subheader:not(.investi-miniheader--company-shell)
    .investi-miniheader__utilities--mobile-inline
    .investi-miniheader__compact-toggle {
    display: inline-flex;
  }

  .investi-site-header__subheader:not(.investi-miniheader--company-shell)
    .investi-miniheader__utilities--mobile-inline
    .investi-miniheader__utilities-panel {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 30;
    gap: 6px;
    padding: 6px;
    border: 1px solid
      color-mix(in srgb, var(--border-color) 78%, rgba(255, 255, 255, 0.08));
    border-radius: 14px;
    background: var(--card-bg);
    box-shadow:
      0 16px 28px color-mix(in srgb, var(--shadow-strong) 34%, transparent),
      inset 0 1px 0 color-mix(in srgb, var(--panel-highlight) 82%, transparent);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-4px);
    transition:
      opacity 0.2s ease,
      transform 0.2s ease,
      visibility 0.2s ease;
  }

  .investi-site-header__subheader:not(.investi-miniheader--company-shell)
    .investi-miniheader__utilities--mobile-inline.is-compact-open
    .investi-miniheader__utilities-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }

  html:not([data-mode="dark"])
    .investi-site-header__subheader:not(.investi-miniheader--company-shell)
    .investi-miniheader__utilities--mobile-inline
    .investi-miniheader__utilities-panel {
    background: #ffffff;
    border-color: rgba(191, 206, 226, 0.96);
    box-shadow:
      0 18px 36px rgba(116, 134, 165, 0.18),
      inset 0 1px 0 rgba(255, 255, 255, 0.96);
  }
}

@media (min-width: 767px) and (max-width: 1199px) {
  .investi-site-header {
    --investi-header-side-width: clamp(210px, 26vw, 300px);
  }

  .investi-site-header__inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
  }

  .investi-site-header__brand {
    grid-column: 1;
  }

  .investi-site-header__nav {
    grid-column: 2;
    position: static;
    left: auto;
    transform: none;
    width: auto;
    max-width: none;
    justify-self: center;
  }

  .investi-site-header__search-slot {
    display: none;
  }

  .investi-site-header__mobile-trigger {
    grid-column: 3;
    justify-self: end;
  }

  .investi-site-header.is-compact-nav .investi-site-header__nav {
    display: none;
  }

  .investi-site-header.is-compact-nav .investi-site-header__mobile-trigger {
    display: inline-flex;
  }

  .investi-site-header__subheader .investi-miniheader__aside {
    display: none;
  }

  .investi-site-header__subheader .investi-miniheader__mobile-toolbar {
    display: flex;
  }

  .investi-site-header__subheader .investi-miniheader__mobile-toolbar-controls {
    flex: 1 1 auto;
    position: relative;
    z-index: 20;
  }

  .investi-site-header__subheader .investi-miniheader__utilities--mobile-row .investi-miniheader__compact-toggle {
    display: inline-flex;
  }
}

@media (min-width: 768px) and (max-width: 899px) {
  .investi-site-header__subheader.investi-miniheader--company-shell .investi-miniheader__mobile-toolbar {
    justify-content: flex-end;
  }

  .investi-site-header__subheader.investi-miniheader--company-shell .investi-miniheader__mobile-actions {
    display: none;
  }

  .investi-site-header__subheader.investi-miniheader--company-shell .investi-miniheader__mobile-toolbar-controls {
    flex: 1 1 auto;
    width: 100%;
    justify-content: flex-end;
  }

}

@media (max-width: 766px) {
  .investi-site-header {
    --investi-header-side-width: auto;
  }

  .investi-site-header__inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
  }

  .investi-site-header__nav,
  .investi-site-header__subheader {
    display: none;
  }

  .investi-site-header__search-slot {
    display: none;
  }

  .investi-site-header__mobile-trigger {
    grid-column: 3;
    justify-self: end;
  }

  .investi-site-header__subheader {
    display: block;
  }

  .investi-site-header__subheader .investi-miniheader__aside {
    display: none;
  }

  .investi-site-header__subheader .investi-miniheader__mobile-toolbar {
    display: flex;
    justify-content: flex-end;
  }

  .investi-site-header__subheader.investi-miniheader--company-shell .investi-miniheader__mobile-toolbar-controls {
    flex: 0 0 auto;
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    justify-content: flex-end;
    gap: 4px;
  }

  .investi-site-header__subheader .investi-miniheader__mobile-toolbar-controls {
    flex: 0 1 auto;
    min-width: 0;
  }

  .investi-site-header__subheader.investi-miniheader--company-shell .investi-miniheader__mobile-actions {
    display: none;
  }

  .investi-site-header__subheader .investi-miniheader__utilities--mobile-row .investi-miniheader__compact-toggle,
  .investi-site-header__subheader .investi-miniheader__utilities--company-mobile-row .investi-miniheader__compact-toggle {
    display: inline-flex;
  }

  .investi-site-header__subheader .investi-miniheader__utilities--mobile-row .investi-miniheader__utilities-panel,
  .investi-site-header__subheader .investi-miniheader__utilities--company-mobile-row .investi-miniheader__utilities-panel {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 12;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-4px);
  }

  .investi-site-header__subheader .investi-miniheader__utilities--mobile-row.is-compact-open .investi-miniheader__utilities-panel,
  .investi-site-header__subheader .investi-miniheader__utilities--company-mobile-row.is-compact-open .investi-miniheader__utilities-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }
}

.investi-template-main > .investi-async-module[id],
.investi-funds-group[id],
.investi-indices-group[id] {
  scroll-margin-top: calc(var(--investi-scroll-padding-top, 96px) + 12px);
}

@media (min-width: 1200px) {
  .investi-site-header__subheader.investi-miniheader--company-shell {
    overflow: visible;
    max-height: none;
    z-index: 60;
  }

  .investi-site-header__subheader.investi-miniheader--company-shell .investi-miniheader__inner,
  .investi-site-header__subheader.investi-miniheader--company-shell .investi-miniheader__bar--company,
  .investi-site-header__subheader.investi-miniheader--company-shell .investi-miniheader__aside--company,
  .investi-site-header__subheader.investi-miniheader--company-shell .investi-miniheader__utilities--company-inline {
    overflow: visible;
  }

  .investi-site-header__subheader.investi-miniheader--company-shell .investi-miniheader__bar--company {
    display: grid;
    grid-template-columns: minmax(220px, clamp(220px, 28vw, 340px)) minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
  }

  .investi-site-header__subheader.investi-miniheader--company-shell .investi-miniheader__selector {
    grid-column: 1;
    min-width: 0;
    width: 100%;
    max-width: none;
    flex: 0 1 auto;
  }

.investi-site-header__subheader.investi-miniheader--company-shell .investi-miniheader__main--company {
    grid-column: 2;
    position: static;
    left: auto;
    transform: none;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 0;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
  }

  .investi-site-header__subheader.investi-miniheader--company-shell .investi-miniheader__rail {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: center;
    margin-inline-start: 0;
  }

  .investi-site-header__subheader.investi-miniheader--company-shell .investi-miniheader__nav--company-primary {
    flex: 0 1 auto;
    width: max-content;
    min-width: 100%;
    max-width: none !important;
    margin-inline: auto;
    justify-content: center;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: default;
    scroll-behavior: smooth;
    touch-action: auto;
  }

  .investi-site-header__subheader.investi-miniheader--company-shell .investi-miniheader__nav--company-primary::-webkit-scrollbar {
    display: none;
  }

  .investi-site-header__subheader.investi-miniheader--company-shell .investi-miniheader__aside--company {
    grid-column: 3;
    display: flex !important;
    align-items: center;
    gap: 8px;
    margin-left: 0;
    min-width: 0;
    flex: 0 0 auto;
  }

  .investi-site-header__subheader.investi-miniheader--company-shell .investi-miniheader__nav--company-actions {
    display: flex;
    flex: 0 0 auto;
    overflow: visible;
    white-space: nowrap;
  }

  .investi-site-header__subheader.investi-miniheader--company-shell .investi-miniheader__mobile-toolbar--company {
    display: none !important;
  }

  .investi-site-header__subheader.investi-miniheader--company-shell .investi-miniheader__utilities--company-inline {
    display: inline-flex !important;
    position: relative;
    align-items: center;
    width: auto;
    flex: 0 0 auto;
  }

  .investi-site-header__subheader.investi-miniheader--company-shell .investi-miniheader__utilities--company-inline .investi-miniheader__compact-toggle {
    display: inline-flex !important;
  }

  .investi-site-header__subheader.investi-miniheader--company-shell .investi-miniheader__utilities--company-inline .investi-miniheader__utilities-panel {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 120;
    gap: 6px;
    padding: 6px;
    border: 1px solid color-mix(in srgb, var(--border-color) 78%, rgba(255, 255, 255, 0.08));
    border-radius: 14px;
    background: #101723;
    box-shadow:
      0 16px 28px color-mix(in srgb, var(--shadow-strong) 34%, transparent),
      inset 0 1px 0 color-mix(in srgb, var(--panel-highlight) 82%, transparent);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-4px);
    transition:
      opacity 0.2s ease,
      transform 0.2s ease,
      visibility 0.2s ease;
  }

  .investi-site-header__subheader.investi-miniheader--company-shell .investi-miniheader__utilities--company-inline.is-compact-open .investi-miniheader__utilities-panel {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  html:not([data-mode="dark"]) .investi-site-header__subheader.investi-miniheader--company-shell .investi-miniheader__utilities--company-inline .investi-miniheader__utilities-panel {
    background: #ffffff;
    border-color: rgba(191, 206, 226, 0.96);
    box-shadow:
      0 18px 36px rgba(116, 134, 165, 0.18),
      inset 0 1px 0 rgba(255, 255, 255, 0.96);
  }
}

@media (min-width: 767px) and (max-width: 1199px) {
  .investi-site-header__subheader.investi-miniheader--company-shell .investi-miniheader__bar--company {
    grid-template-columns: minmax(210px, 30vw) minmax(0, 1fr) auto;
  }

  .investi-site-header__subheader .investi-site-header__search--miniheader {
    flex: 0 1 152px;
    width: min(152px, 22vw);
    max-width: 152px;
    min-width: 132px;
  }

  .investi-site-header__subheader .investi-site-header__search--miniheader .investi-site-header__search-toggle {
    display: none !important;
  }

  .investi-site-header__subheader .investi-site-header__search--miniheader .investi-site-header__search-shell {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  .investi-site-header__subheader .investi-site-header__search--miniheader .investi-site-header__search-form {
    min-height: var(--investi-miniheader-control-height);
    padding: 0 10px 0 8px;
    border-radius: 999px;
  }

  .investi-site-header__subheader .investi-site-header__search--miniheader .investi-site-header__search-close {
    display: none !important;
  }
}