:root {
        --text: #565656;
--links: #b25451;
--titles: #070043;
--page-background: #fafafa;
--highlight: #387190;
--boxes-background: #FFFFFF;
--boxes-border: #b5b4c4;
--section-titles: #3355FF;
--section-titles-background: #F6F6F6;
--header-background: #FFFFFF;
--header-links: #070043;
--footer-background: #FFFFFF;
--footer-links: #3355FF;
--titles-font-family: "", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
--titles-h1-font-size: 2.2143rem;
--titles-h1-font-weight: 700;
--titles-h1-color: #070043;
--titles-h2-font-size: 1.5714rem;
--titles-h2-font-weight: 400;
--titles-h2-color: #070043;
--titles-h3-font-size: 1.1429rem;
--titles-h3-font-weight: 400;
--titles-h3-color: #070043;
--texts-primary-font-size: 1.1429rem;
--texts-primary-color: #565656;
--texts-secondary-font-size: 1.0000rem;
--texts-secondary-color: #565656;
--texts-link-color: #b25451;
    }
    
/* ==========================================================================
   HEADER NAV — DROPDOWN MENU (Explore / Tools / Help / Showcase)
   ========================================================================== */

header {
  position: relative;
  z-index: 9999 !important;
  padding-bottom: 0 !important;
  min-height: 64px !important;
  display: flex !important;
  align-items: flex-end !important;
}
header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: var(--boxes-border, #ddd);
}
._headerContainerSticky_1r9i9_259 {
  z-index: 100 !important;
}

.cinow-menu, .cinow-menu *:not(i) { font-family: inherit; color: #52514e; }
.cinow-menu i.fa { font-family: "FontAwesome" !important; }
.cinow-menu ul { margin: 0; padding: 0; list-style: none; }
.cinow-menu li { list-style: none; }
.cinow-menu a, .cinow-menu a:visited { text-decoration: none; }

.cinow-menu {
  display: flex;
  align-items: flex-end;
  align-self: flex-end;
  position: relative;
}
.cinow-dropdown {
  position: relative;
  display: flex;
  align-items: flex-end;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 1 !important;
}
.cinow-dropdown-toggle {
  display: none;
}
.ods-front-header__menu-item-link.cinow-dropdown-label {
  opacity: 1 !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 40px;
  box-sizing: border-box;
  user-select: none;
  padding: 10px 12px;
  line-height: normal !important;
  border-bottom: 3px solid transparent;
  color: #52514e !important;
  font-size: 1.2rem;
  font-weight: 400;
  transition: font-weight .15s, border-color .15s;
}
.cinow-dropdown-label i.fa {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  flex-shrink: 0;
  color: #52514e !important;
}
.cinow-caret {
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7em !important;
  line-height: 1;
  opacity: 0.6;
  flex-shrink: 0;
}
.cinow-label-text {
  display: inline-block;
  line-height: 1;
  letter-spacing: 0.3px;
}
.cinow-dropdown:hover > .ods-front-header__menu-item-link.cinow-dropdown-label {
  border-bottom-color: #d1cfc5;
}
.cinow-dropdown:hover > .ods-front-header__menu-item-link.cinow-dropdown-label .cinow-label-text {
  text-shadow: 0.4px 0 currentColor, -0.4px 0 currentColor;
}
.cinow-dropdown:hover > .cinow-dropdown-label i.fa {
  color: #0b0b0b !important;
}
.cinow-dropdown-panel {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0 !important;
  background: #FFFFFF !important;
  border: none !important;
  border-radius: 8px !important;
  width: max-content;
  min-width: 200px;
  max-width: none;
  padding: 8px 0 !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.10) !important;
  z-index: 9999;
}
.cinow-dropdown-panel > li > a,
.cinow-dropdown-panel .cinow-dropdown-group-label {
  opacity: 1 !important;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px !important;
  margin: 0 !important;
  text-indent: 0 !important;
  box-sizing: border-box;
  color: #52514e !important;
  text-decoration: none !important;
  font-size: 0.95rem;
  line-height: normal;
  white-space: nowrap;
  cursor: pointer;
}
.cinow-dropdown-panel > li > a i.fa,
.cinow-dropdown-panel .cinow-dropdown-group-label i.fa {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  flex-shrink: 0;
  color: #52514e !important;
}
.cinow-dropdown-panel > li > a:hover,
.cinow-dropdown-panel .cinow-dropdown-group-label:hover {
  background: #EDECE8 !important;
  color: #52514e !important;
}
.cinow-dropdown-panel > li > a:hover span:not(.cinow-soon-badge),
.cinow-dropdown-panel .cinow-dropdown-group-label:hover {
  text-decoration: underline !important;
}
.cinow-dropdown-link-strong { font-weight: 600; }
.cinow-dropdown-divider {
  height: 1px;
  background: var(--boxes-border, #b5b4c4);
  margin: 8px 0;
}

.cinow-dropdown-group { position: relative; }
.cinow-dropdown-group-label { justify-content: space-between !important; }
.cinow-dropdown-subpanel {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  margin: 0 !important;
  padding: 8px 0 !important;
  width: max-content;
  min-width: 160px;
  background: #FFFFFF !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.10) !important;
  z-index: 10000;
}
.cinow-dropdown-subpanel a {
  opacity: 1 !important;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px !important;
  margin: 0 !important;
  box-sizing: border-box;
  color: #52514e !important;
  text-decoration: none !important;
  font-size: 0.95rem;
  line-height: normal;
  white-space: nowrap;
}
.cinow-dropdown-subpanel a i.fa {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  flex-shrink: 0;
  color: #52514e !important;
}
.cinow-dropdown-subpanel a:hover {
  background: #EDECE8 !important;
  color: #52514e !important;
}
.cinow-dropdown-subpanel a:hover span {
  text-decoration: underline !important;
}
.cinow-soon-item {
  opacity: 1 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 20px !important;
  margin: 0 !important;
  text-indent: 0 !important;
  box-sizing: border-box;
  color: #9a9a9a !important;
  font-size: 0.95rem;
  line-height: normal;
  white-space: nowrap;
  cursor: default;
}
.cinow-soon-item i.fa {
  width: 16px; height: 16px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 13px; flex-shrink: 0;
}
.cinow-soon-badge {
  font-size: 0.65rem;
  font-weight: 600;
  color: #9a9a9a;
  background: #ececec;
  border-radius: 10px;
  padding: 2px 8px;
  margin-left: 10px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

@media screen and (min-width: 1000px) {
  .cinow-dropdown:hover > .cinow-dropdown-panel { display: block; }
  .cinow-dropdown-group:hover > .cinow-dropdown-subpanel { display: block; }
}

@media screen and (max-width: 999px) {
  .cinow-menu { flex-direction: column; align-items: flex-start; width: 100%; height: auto; }
  .cinow-dropdown { width: 100%; height: auto; }
  .cinow-dropdown-toggle:checked ~ .cinow-dropdown-panel { display: block; }
  .cinow-dropdown-panel { position: relative; top: auto; left: auto; box-shadow: none !important; width: 100%; padding-left: 12px !important; }
  .cinow-dropdown-subpanel { position: relative; top: auto; left: auto; box-shadow: none !important; width: 100%; }
}

.ods-skip-to-content {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
.ods-skip-to-content:focus-within {
  position: fixed !important;
  left: 8px !important;
  top: 8px !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  z-index: 10001 !important;
}

/* ==========================================================================
   ACCOUNT AVATAR — color override + native-style tooltip
   ========================================================================== */

header [class*="rods-avatar--color-"] {
  background: var(--front-office_domain-style_accent-3, #387190) !important;
  color: #fff !important;
}

._avatar_1vavx_481 {
  position: relative;
}
._avatar_1vavx_481::after {
  content: "Account, bookmarks, and saved visualizations" !important;
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  transform: none !important;
  margin-top: 12px !important;
  background: #1F2937 !important;
  color: #fff !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 0.9rem !important;
  line-height: 1.3 !important;
  padding: 8px 12px !important;
  border-radius: 4px !important;
  white-space: nowrap !important;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10000;
}
._avatar_1vavx_481::before {
  content: "" !important;
  position: absolute !important;
  top: 100% !important;
  right: 14px !important;
  left: auto !important;
  transform: none !important;
  margin-top: 6px !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 7px solid transparent !important;
  border-right: 7px solid transparent !important;
  border-top: 0 !important;
  border-bottom: 7px solid #1F2937 !important;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10000;
}
._avatar_1vavx_481:hover::after,
._avatar_1vavx_481:hover::before {
  opacity: 1;
}

/* ==========================================================================
   CINow Catalog Card — REDESIGN v3
   Paste into: Portal > Style > Stylesheet (full replace)

   THIS ROUND'S CHANGES:
   - Themes moved to the FRONT (static, always visible under description),
     styled as a pill with icon+label. Themes is a "Basic metadata list"
     field — genuinely independent of Custom metadata list, so this is
     fully reliable, no positional risk at all (unlike the Keywords
     attempt, which has been reverted back to hover-only).
   - Theme icon REMOVED from the bottom-right icon cluster entirely
     (redundant now, and removes a persistently fragile alignment fight).
   - Keywords reverted to normal hover-swap behavior — no special pill,
     hidden by default like every other metric row.
   - Divider reverted to Huwise's native default (no custom border-top).
   - Showcase redesigned: moved back to its native position (left of
     title), outline-only circle (no fill), accent-colored icon.
   - Category icon simplified back to a single icon (no longer shares
     a flex container with Showcase).

   FRAGILE SELECTORS (Huwise React build hashes — may change after a
   platform update, re-inspect if this stops working):
   _card200_12hqj_72, _cardHeader_1noxq_243, _cardHeaderChipContainer_1noxq_248,
   _title_1noxq_264, _description_1noxq_291, _chips_k58fn_208, _themes_1noxq_239,
   _list_zae9h_208, _footer_1noxq_301, _tag_1edl2_63, _tag_18yvs_208
   ========================================================================== */

/* ---- Card container ---- */
a[data-testid="multi-asset-card"] ._card200_12hqj_72 {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 300px; /* adjusted based on your DevTools measurement
                         showing real cards at ~304px */
  padding-bottom: 26px;
  outline: 2px solid transparent;
  outline-offset: -2px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10);
  transition: outline-color .2s, box-shadow .2s;
}
a[data-testid="multi-asset-card"]:hover ._card200_12hqj_72 {
  outline-color: var(--front-office_domain-style_accent-3, #387190);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
}

/* Footer pinned to bottom via flexbox; divider left as Huwise's native
   default — no custom border/padding override this time */
a[data-testid="multi-asset-card"] ._footer_1noxq_301 {
  margin-top: auto !important;
  margin-left: -27px;
  margin-right: -27px;
  width: auto;
  box-sizing: content-box;
  padding-left: 27px;
  padding-right: 27px;
  flex-shrink: 0;
  border-top: 1px solid var(--boxes-border, #e5e5e5);
  padding-top: 12px;
}
a[data-testid="multi-asset-card"] ._assetCTAsContainer_1yw22_208 {
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  padding-right: 60px; /* widened for the corner ribbon badge */
}

a[data-testid="multi-asset-card"] ._topBlock_1noxq_233,
a[data-testid="multi-asset-card"] ._cardHeader_1noxq_243 {
  position: static !important;
}
a[data-testid="multi-asset-card"] ._topBlock_1noxq_233 {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  /* Preventing this from absorbing the flex column's free space — if
     Huwise's native CSS gives it flex-grow, that would explain why the
     metrics panel's margin-top:auto wasn't visibly pushing it down:
     topBlock may have been claiming all the free space first. */
}

/* ---- Category icon: native position, styled with solid accent
   background + white icon. z-index applied to the SPECIFIC tag element
   (not its shared wrapper) — putting position:relative on the shared
   _cardHeaderChipContainer wrapper accidentally became Showcase's new
   positioning anchor too (since they're siblings in that container),
   which is why the ribbon badge jumped to the top-left. ---- */
a[data-testid="multi-asset-card"] ._cardHeaderChipContainer_1noxq_248 ._tag_18yvs_208 {
  background: var(--front-office_domain-style_accent-3, #387190) !important;
  position: relative;
  z-index: 10;
}
a[data-testid="multi-asset-card"] ._cardHeaderChipContainer_1noxq_248 img {
  filter: brightness(0) invert(1);
}

/* ---- Showcase: diagonal filled corner ribbon with a CSS-drawn
   glowing lightbulb (a small circle + short "ray" marks made from
   box-shadow, not an emoji) — guarantees pure white/monochrome
   regardless of platform emoji rendering. This is a simplified
   abstraction of a bulb; nudge the shadow offsets below to adjust
   the ray look once you see it live. */
a[data-testid="multi-asset-card"] ._tag_1edl2_63 {
  position: absolute !important;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
  /* increased back up per feedback that the smaller 38px version felt
     too small. NOTE: since the divider now bleeds to the true corner
     too, a larger ribbon may once again visually overlap its rightmost
     end — if that shows up, tell me and I'll find a middle ground */
  margin: 0 !important;
  padding: 0 !important;
  background: var(--front-office_domain-style_accent-3, #387190) !important;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  border-radius: 0 !important;
  border: none !important;
  display: block !important;
  font-size: 0;
  z-index: 5;
}
a[data-testid="multi-asset-card"] ._tag_1edl2_63::before {
  content: "\2605";
  position: absolute;
  bottom: 8px;
  right: 8px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
a[data-testid="multi-asset-card"] ._tag_1edl2_63 .rods-tag__icon {
  display: none;
}

/* ---- Title hover band ---- */
/* ---- Title hover band — back to full width (covers header row too),
   with the category icon hidden during hover instead of trying to
   avoid covering it */
a[data-testid="multi-asset-card"]:hover ._cardHeader_1noxq_243,
a[data-testid="multi-asset-card"]:hover ._title_1noxq_264 {
  background: var(--front-office_domain-style_accent-2, #E1EAEE);
  margin-left: -24px;
  margin-right: -24px;
  padding-left: 24px;
  padding-right: 24px;
}
a[data-testid="multi-asset-card"]:hover ._title_1noxq_264 {
  color: var(--front-office_domain-style_accent-3, #387190);
  padding-top: 4px;
  padding-bottom: 22px; /* jumped up more noticeably from 12px — the
                            small 4px bump likely wasn't visible enough
                            to register as a change */
  margin-top: 0;
}
a[data-testid="multi-asset-card"]:hover ._cardHeader_1noxq_243 {
  padding-top: 9px; /* increased from 4px — icon was sitting slightly
                        above title's top line */
  padding-left: 36px;
  margin-bottom: -1px;
}

/* Bookmark — white circle on card hover, distinct ring effect on its
   own hover (pending DOM confirmation on why this hasn't shown yet) */
a[data-testid="multi-asset-card"]:hover ._cardHeader_1noxq_243 > div:nth-child(2) button {
  background: #fff !important;
  border-radius: 50%;
  transition: transform .15s;
}
a[data-testid="multi-asset-card"] ._cardHeader_1noxq_243 > div:nth-child(2) button:hover {
  transform: scale(1.3) !important;
  box-shadow: 0 0 0 4px var(--front-office_domain-style_accent-3, #387190) !important;
}

/* ---- Description: 5 lines, hidden on hover ---- */
a[data-testid="multi-asset-card"] ._description_1noxq_291 {
  margin-top: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4; /* increased back up now that the card can grow
                             to fit content rather than hard-clipping */
  overflow: hidden;
}
a[data-testid="multi-asset-card"]:hover ._description_1noxq_291 {
  display: none;
}

/* ---- Themes: moved to the front, native position (right after
   description in the DOM), pill styling with icon+label, hidden on
   hover along with the description. This is a "Basic metadata list"
   field — fully independent, no positional risk. ---- */
a[data-testid="multi-asset-card"] ._chips_k58fn_208._themes_1noxq_239 {
  margin-top: 8px;
}
a[data-testid="multi-asset-card"]:hover ._chips_k58fn_208._themes_1noxq_239 {
  display: none;
}
a[data-testid="multi-asset-card"] ._chips_k58fn_208._themes_1noxq_239 .rods-tag {
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  background: var(--front-office_domain-style_accent-2, #E1EAEE) !important;
  color: var(--front-office_domain-style_accent-3, #387190) !important;
  border-radius: 14px;
  padding: 4px 12px 4px 6px !important;
  font-size: 0.72rem;
  font-weight: 500;
}
a[data-testid="multi-asset-card"] ._chips_k58fn_208._themes_1noxq_239 ._label_50qnb_212 {
  display: inline; /* label shown now, unlike the old sidebar-icon version */
  color: var(--front-office_domain-style_accent-3, #387190);
}
a[data-testid="multi-asset-card"] ._chips_k58fn_208._themes_1noxq_239 .rods-tag__icon {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50%;
  background: var(--front-office_domain-style_accent-3, #387190) !important;
}
a[data-testid="multi-asset-card"] ._chips_k58fn_208._themes_1noxq_239 .rods-tag__icon img {
  filter: brightness(0) invert(1);
  width: 11px !important;
  height: 11px !important;
  object-fit: contain;
}

/* ==========================================================================
   HOVER METRICS PANEL — all rows behave uniformly now, including Keywords
   ========================================================================== */
a[data-testid="multi-asset-card"] dl._list_zae9h_208 {
  display: none;
}
a[data-testid="multi-asset-card"]:hover dl._list_zae9h_208 {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 6px;
  row-gap: 7px;
  align-items: start;
  margin-top: -7px; /* negative margin pulls this up closer to the
                         title — the band's padding-bottom increase last
                         round made the title block taller, which was
                         pushing this down as an unintended side effect */
  animation: cinow-fade-in .2s ease-in;
}
@keyframes cinow-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

a[data-testid="multi-asset-card"] dl._list_zae9h_208 dt {
  margin: 0;
  padding-top: 1px;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.78rem;
  font-weight: 600;
  color: #7a7a7a;
  white-space: nowrap;
}
a[data-testid="multi-asset-card"] dl._list_zae9h_208 dt::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--front-office_domain-style_accent-3, #387190);
  flex-shrink: 0;
}
a[data-testid="multi-asset-card"] dl._list_zae9h_208 dt::after {
  content: ":";
}
a[data-testid="multi-asset-card"] dl._list_zae9h_208 dd {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.4;
  color: var(--text, #333);
}

@media screen and (max-width: 748px) {
  a[data-testid="multi-asset-card"] ._tag_1edl2_63 {
    position: static !important;
  }
  a[data-testid="multi-asset-card"] dl._list_zae9h_208 {
    display: block;
  }
}

/* ==========================================================================
   PAGINATION
   ========================================================================== */
._isActive_9dowx_255 {
  background: var(--front-office_domain-style_accent-3, #387190) !important;
  color: #fff !important;
  border-color: var(--front-office_domain-style_accent-3, #387190) !important;
}
/* ==========================================================================
   FILTER PANEL — CATEGORY ICONS + FULL-ROW HOVER
   ========================================================================== */

/* Exact match, validated against a real rendered sample */
._categoryValueIcon_7l8od_241 {
  filter: brightness(0) saturate(100%) invert(47%) sepia(41%) saturate(656%) hue-rotate(157deg) brightness(75%) contrast(84%) !important;
}

/* Hover — painted as an overlay outside normal flow, so it can be big
   without affecting the real row height/spacing of the list. Content
   is explicitly raised above the overlay via z-index so it doesn't
   get hidden behind it. */
.rods-check-input {
  position: relative;
}
.rods-check-input > * {
  position: relative;
  z-index: 1;
}
.rods-check-input::before {
  content: "";
  position: absolute;
  top: -6px;
  bottom: -6px;
  left: -12px;
  right: -12px;
  border-radius: 8px;
  z-index: 0;
  pointer-events: none;
  transition: background-color .2s, box-shadow .2s;
}
.rods-check-input:hover::before {
  background-color: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10);
}

label.rods-check-input__label {
  cursor: pointer;
}