@charset "UTF-8";
@layer reset, framework, base, layout, components, utilities;
@layer framework {
  /* Bulma Utilities */
  :root {
    --bulma-control-radius: var(--bulma-radius);
    --bulma-control-radius-small: var(--bulma-radius-small);
    --bulma-control-border-width: 1px;
    --bulma-control-height: 2.5em;
    --bulma-control-line-height: 1.5;
    --bulma-control-padding-vertical: calc(0.5em - 1px);
    --bulma-control-padding-horizontal: calc(0.75em - 1px);
    --bulma-control-size: var(--bulma-size-normal);
    --bulma-control-focus-shadow-l: 50%;
  }
}
:root {
  --spacing-xs: 0.25rem;
  --spacing-s: 0.5rem;
  --spacing-m: 1rem;
  --spacing-l: 1.25rem;
  --spacing-xl: 1.5rem;
  --spacing-xxl: 2rem;
  --spacing-xxxl: 3rem;
  --spacing-hxl: 4rem;
}

@media only screen and (width <= 380px) {
  :root {
    --spacing-xs: 0.25rem;
    --spacing-s: 0.25rem;
    --spacing-m: 0.5rem;
    --spacing-l: 0.75rem;
    --spacing-xl: 1rem;
    --spacing-xxl: 1.5rem;
    --spacing-xxxl: 2rem;
    --spacing-hxl: 3rem;
  }
}
@media only screen and (width >= 769px) {
  :root {
    --spacing-xs: 0.25rem;
    --spacing-s: 0.75rem;
    --spacing-m: 1rem;
    --spacing-l: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-xxl: 3rem;
    --spacing-xxxl: 4rem;
    --spacing-hxl: 6rem;
  }
}
@media only screen and (width >= 1024px) {
  :root {
    --spacing-xs: 0.25rem;
    --spacing-s: 0.75rem;
    --spacing-m: 1rem;
    --spacing-l: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-xxl: 3rem;
    --spacing-xxxl: 4rem;
    --spacing-hxl: 6rem;
  }
}
:root {
  --font-brand: "Brown", sans-serif;
  --font-ui: "Inter", system-ui, sans-serif;
  --text-heading-font: var(--font-brand);
  --text-body-font: var(--font-ui);
  --text-data-font: var(--font-ui);
  --text-label-font: var(--font-ui);
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-ui-strong: 580;
  --weight-semibold: 650;
  --weight-bold: 700;
  --type-hero-font-size: 3rem;
  --type-hero-line-height: 3.9rem;
  --type-hero-font-weight: var(--weight-bold);
  --type-hero-letter-spacing: 0;
  --type-h1-font-size: 2rem;
  --type-h1-line-height: 2.6rem;
  --type-h1-font-weight: var(--weight-bold);
  --type-h1-letter-spacing: 0;
  --type-h2-font-size: 1.75rem;
  --type-h2-line-height: 2.275rem;
  --type-h2-font-weight: var(--weight-bold);
  --type-h2-letter-spacing: 0;
  --type-h3-font-size: 1.5rem;
  --type-h3-line-height: 1.95rem;
  --type-h3-font-weight: var(--weight-bold);
  --type-h3-letter-spacing: 0;
  --type-h4-font-size: 1.375rem;
  --type-h4-line-height: 1.7875rem;
  --type-h4-font-weight: var(--weight-bold);
  --type-h4-letter-spacing: 0;
  --type-h5-font-size: 1.125rem;
  --type-h5-line-height: 1.4625rem;
  --type-h5-font-weight: var(--weight-bold);
  --type-h5-letter-spacing: 0;
  --type-body-font-size: 1rem;
  --type-body-line-height: 1.6rem;
  --type-body-font-weight: var(--weight-regular);
  --type-body-letter-spacing: 0;
  --type-button-font-size: 1rem;
  --type-button-line-height: 1.6rem;
  --type-button-font-weight: var(--weight-bold);
  --type-button-letter-spacing: 0;
  --type-body-bold-font-size: 1rem;
  --type-body-bold-line-height: 1.6rem;
  --type-body-bold-font-weight: var(--weight-bold);
  --type-body-bold-letter-spacing: 0;
  --type-body-semibold-font-size: 1rem;
  --type-body-semibold-line-height: 1.6rem;
  --type-body-semibold-font-weight: var(--weight-semibold);
  --type-body-semibold-letter-spacing: 0;
  --type-small-font-size: 0.8rem;
  --type-small-line-height: 1.2813rem;
  --type-small-font-weight: var(--weight-regular);
  --type-small-letter-spacing: 0;
  --type-small-semibold-font-size: 0.8rem;
  --type-small-semibold-line-height: 1.2813rem;
  --type-small-semibold-font-weight: var(--weight-semibold);
  --type-small-semibold-letter-spacing: 0;
  --type-tiny-font-size: 0.6938rem;
  --type-tiny-line-height: 1.1125rem;
  --type-tiny-font-weight: var(--weight-regular);
  --type-tiny-letter-spacing: 0;
  --type-eyebrow-l-font-size: 1rem;
  --type-eyebrow-l-line-height: 1.6rem;
  --type-eyebrow-l-font-weight: var(--weight-bold);
  --type-eyebrow-l-letter-spacing: 0.04em;
  --type-eyebrow-m-font-size: 0.8rem;
  --type-eyebrow-m-line-height: 1.2813rem;
  --type-eyebrow-m-font-weight: var(--weight-bold);
  --type-eyebrow-m-letter-spacing: 0.04em;
}

@media only screen and (width < 400px) {
  :root {
    --type-hero-font-size: 2.25rem;
    --type-hero-line-height: 2.625rem;
    --type-hero-font-weight: var(--weight-bold);
    --type-hero-letter-spacing: 0;
    --type-h1-font-size: 1.75rem;
    --type-h1-line-height: 2.125rem;
    --type-h1-font-weight: var(--weight-bold);
    --type-h1-letter-spacing: 0;
    --type-h2-font-size: 1.5rem;
    --type-h2-line-height: 1.875rem;
    --type-h2-font-weight: var(--weight-bold);
    --type-h2-letter-spacing: 0;
    --type-h3-font-size: 1.375rem;
    --type-h3-line-height: 1.75rem;
    --type-h3-font-weight: var(--weight-bold);
    --type-h3-letter-spacing: 0;
    --type-h4-font-size: 1.25rem;
    --type-h4-line-height: 1.625rem;
    --type-h4-font-weight: var(--weight-bold);
    --type-h4-letter-spacing: 0;
    --type-h5-font-size: 1.125rem;
    --type-h5-line-height: 1.5rem;
    --type-h5-font-weight: var(--weight-bold);
    --type-h5-letter-spacing: 0;
    --type-body-font-size: 1rem;
    --type-body-line-height: 1.5rem;
    --type-body-font-weight: var(--weight-regular);
    --type-body-letter-spacing: 0;
    --type-button-font-size: 1rem;
    --type-button-line-height: 1.5rem;
    --type-button-font-weight: var(--weight-bold);
    --type-button-letter-spacing: 0;
    --type-body-bold-font-size: 1rem;
    --type-body-bold-line-height: 1.5rem;
    --type-body-bold-font-weight: var(--weight-bold);
    --type-body-bold-letter-spacing: 0;
    --type-body-semibold-font-size: 1rem;
    --type-body-semibold-line-height: 1.5rem;
    --type-body-semibold-font-weight: var(--weight-semibold);
    --type-body-semibold-letter-spacing: 0;
    --type-small-font-size: 0.8rem;
    --type-small-line-height: 1.25rem;
    --type-small-font-weight: var(--weight-regular);
    --type-small-letter-spacing: 0;
    --type-small-semibold-font-size: 0.8rem;
    --type-small-semibold-line-height: 1.25rem;
    --type-small-semibold-font-weight: var(--weight-semibold);
    --type-small-semibold-letter-spacing: 0;
    --type-tiny-font-size: 0.6938rem;
    --type-tiny-line-height: 1.125rem;
    --type-tiny-font-weight: var(--weight-regular);
    --type-tiny-letter-spacing: 0;
    --type-eyebrow-l-font-size: 1rem;
    --type-eyebrow-l-line-height: 1.5rem;
    --type-eyebrow-l-font-weight: var(--weight-bold);
    --type-eyebrow-l-letter-spacing: 0.04em;
    --type-eyebrow-m-font-size: 0.8rem;
    --type-eyebrow-m-line-height: 1.25rem;
    --type-eyebrow-m-font-weight: var(--weight-bold);
    --type-eyebrow-m-letter-spacing: 0.04em;
  }
}
@media only screen and (width > 768px) {
  :root {
    --type-hero-font-size: 4rem;
    --type-hero-line-height: 5.2rem;
    --type-hero-font-weight: var(--weight-bold);
    --type-hero-letter-spacing: 0;
    --type-h1-font-size: 2.9875rem;
    --type-h1-line-height: 3.8813rem;
    --type-h1-font-weight: var(--weight-bold);
    --type-h1-letter-spacing: 0;
    --type-h2-font-size: 2.4875rem;
    --type-h2-line-height: 3.2313rem;
    --type-h2-font-weight: var(--weight-bold);
    --type-h2-letter-spacing: 0;
    --type-h3-font-size: 2.075rem;
    --type-h3-line-height: 2.7rem;
    --type-h3-font-weight: var(--weight-bold);
    --type-h3-letter-spacing: 0;
    --type-h4-font-size: 1.725rem;
    --type-h4-line-height: 2.2437rem;
    --type-h4-font-weight: var(--weight-bold);
    --type-h4-letter-spacing: 0;
    --type-h5-font-size: 1.4375rem;
    --type-h5-line-height: 1.8687rem;
    --type-h5-font-weight: var(--weight-bold);
    --type-h5-letter-spacing: 0;
    --type-body-font-size: 1rem;
    --type-body-line-height: 1.6rem;
    --type-body-font-weight: var(--weight-regular);
    --type-body-letter-spacing: 0;
    --type-button-font-size: 1rem;
    --type-button-line-height: 1.6rem;
    --type-button-font-weight: var(--weight-bold);
    --type-button-letter-spacing: 0;
    --type-body-bold-font-size: 1rem;
    --type-body-bold-line-height: 1.6rem;
    --type-body-bold-font-weight: var(--weight-bold);
    --type-body-bold-letter-spacing: 0;
    --type-body-semibold-font-size: 1rem;
    --type-body-semibold-line-height: 1.6rem;
    --type-body-semibold-font-weight: var(--weight-semibold);
    --type-body-semibold-letter-spacing: 0;
    --type-small-font-size: 0.8313rem;
    --type-small-line-height: 1.3313rem;
    --type-small-font-weight: var(--weight-regular);
    --type-small-letter-spacing: 0;
    --type-small-semibold-font-size: 0.8313rem;
    --type-small-semibold-line-height: 1.3313rem;
    --type-small-semibold-font-weight: var(--weight-semibold);
    --type-small-semibold-letter-spacing: 0;
    --type-tiny-font-size: 0.6938rem;
    --type-tiny-line-height: 1.1125rem;
    --type-tiny-font-weight: var(--weight-regular);
    --type-tiny-letter-spacing: 0;
    --type-eyebrow-l-font-size: 1rem;
    --type-eyebrow-l-line-height: 1.6rem;
    --type-eyebrow-l-font-weight: var(--weight-bold);
    --type-eyebrow-l-letter-spacing: 0.04em;
    --type-eyebrow-m-font-size: 0.8rem;
    --type-eyebrow-m-line-height: 1.2813rem;
    --type-eyebrow-m-font-weight: var(--weight-bold);
    --type-eyebrow-m-letter-spacing: 0.04em;
  }
}
@layer components {
  .info-box {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-s);
    padding: var(--spacing-m);
  }
  .info-box .box-content p:not(:last-child) {
    margin-bottom: var(--spacing-m);
  }
  .info-box {
    background: rgb(230, 246, 244);
    border-radius: 0.75rem;
    border-left: 0.25rem solid rgb(51, 175, 158);
  }
  .info-box .info-box-heading-text {
    font-size: 1.125rem;
    line-height: 1.4625rem;
    font-weight: var(--weight-bold);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .info-box .info-box-heading-text {
      font-size: 1.125rem;
      line-height: 1.5rem;
      font-weight: var(--weight-bold);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .info-box .info-box-heading-text {
      font-size: 1.4375rem;
      line-height: 1.8687rem;
      font-weight: var(--weight-bold);
      letter-spacing: 0;
    }
  }
  .info-box .info-box-heading-text {
    color: rgb(65, 81, 201);
  }
  .info-box .info-box-heading:not(:has(*)) {
    display: none;
  }
  .panel-box {
    background: rgb(255, 255, 255);
    border-radius: 0.75rem;
    padding: var(--spacing-xl) var(--spacing-m);
  }
  @media screen and (min-width: 769px), print {
    .panel-box {
      padding: var(--spacing-xl) var(--spacing-l);
    }
  }
  .events-box {
    background: rgb(245, 245, 244);
    padding: var(--spacing-m);
    border-radius: 1.5rem;
  }
  .warning-box {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-s);
    padding: var(--spacing-m);
  }
  .warning-box .box-content p:not(:last-child) {
    margin-bottom: var(--spacing-m);
  }
  .warning-box {
    background: rgb(255, 243, 194);
    border-left: 4px solid rgb(235, 80, 0);
    border-radius: 0.75rem;
    color: rgb(64, 70, 84);
    padding: var(--spacing-l);
  }
  .warning-box-heading {
    margin: 0 0 var(--spacing-xs);
    font-weight: var(--weight-bold);
    color: rgb(64, 70, 84);
  }
}
@layer components {
  .sliding-drawer {
    position: fixed;
    inset: 0;
    z-index: 300;
    display: flex;
    justify-content: flex-end;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .sliding-drawer-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
  }
  .sliding-drawer-panel {
    position: relative;
    width: min(100%, 27.5rem);
    height: 100%;
    transform: translateX(100%);
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    background: rgb(245, 245, 244);
  }
  @media only screen and (width >= 1024px) {
    .sliding-drawer-panel {
      margin-top: 6.8125rem;
      height: calc(100% - 6.8125rem);
    }
  }
  .sliding-drawer.is-open {
    opacity: 1;
    pointer-events: auto;
  }
  .sliding-drawer.is-open .sliding-drawer-panel {
    transform: translateX(0);
  }
  body.is-sliding-drawer-open {
    overflow: hidden;
  }
  .sliding-drawer-form {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: var(--spacing-m);
    gap: var(--spacing-m);
  }
  .sliding-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .sliding-drawer-title {
    font-size: 1.5rem;
    line-height: 1.95rem;
    font-weight: var(--weight-bold);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .sliding-drawer-title {
      font-size: 1.375rem;
      line-height: 1.75rem;
      font-weight: var(--weight-bold);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .sliding-drawer-title {
      font-size: 2.075rem;
      line-height: 2.7rem;
      font-weight: var(--weight-bold);
      letter-spacing: 0;
    }
  }
  .sliding-drawer-title {
    color: rgb(65, 81, 201);
    margin: 0;
  }
  .sliding-drawer-close {
    border: 0;
    background: transparent;
    color: rgb(65, 81, 201);
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    padding: var(--spacing-xs);
  }
  .sliding-drawer-content {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
    overflow-y: auto;
    min-height: 0;
    background: rgb(255, 255, 255);
    border-radius: 0.75rem;
    padding: var(--spacing-m);
  }
  .sliding-drawer-section {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-s);
  }
  @media only screen and (width > 767px) {
    .sliding-drawer-section .radio-card-small-group-stacked .radio-card-small {
      flex: 0 0 auto;
    }
  }
  .sliding-drawer-section .checkable-card,
  .sliding-drawer-section .radio-card-small {
    max-width: none;
    width: 100%;
    align-self: stretch;
  }
  .sliding-drawer-section-title {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .sliding-drawer-section-title {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .sliding-drawer-section-title {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .sliding-drawer-section-title {
    color: rgb(83, 81, 77);
    font-weight: 600;
    margin: 0;
  }
  .sliding-drawer-search-terms {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-m);
  }
  .sliding-drawer-footer {
    margin-top: var(--spacing-l);
    display: flex;
    gap: var(--spacing-m);
  }
}
@layer components {
  .filters-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--bulma-control-height);
    height: var(--bulma-control-height);
    padding: var(--spacing-xs);
    border: 1px solid rgb(65, 81, 201);
    border-radius: 0.5em;
    background-color: transparent;
    color: rgb(65, 81, 201);
    box-shadow: none;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .filters-button:hover:not(:disabled) {
    border-color: rgb(97, 110, 210);
    color: rgb(97, 110, 210);
    background-color: rgb(246, 246, 252);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .label {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .label {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .label {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .label {
    font-weight: 800;
  }
  .text-field {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .text-field {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .text-field {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .text-field {
    box-sizing: border-box;
    height: var(--bulma-control-height);
    padding: 0 var(--spacing-m);
    border: 1px solid rgb(202, 202, 200);
    border-radius: 0.5em;
    background-color: rgb(255, 255, 255);
    color: rgb(64, 70, 84);
  }
  .text-field.is-danger {
    border-color: #f14668;
  }
  .text-field {
    width: 100%;
  }
  .text-field::placeholder {
    color: rgb(163, 161, 156);
  }
  .select-field {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .select-field {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .select-field {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .select-field {
    box-sizing: border-box;
    height: var(--bulma-control-height);
    padding: 0 var(--spacing-m);
    border: 1px solid rgb(202, 202, 200);
    border-radius: 0.5em;
    background-color: rgb(255, 255, 255);
    color: rgb(64, 70, 84);
  }
  .select-field.is-danger {
    border-color: #f14668;
  }
  .select-field {
    padding-right: var(--spacing-xl);
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23404654' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right var(--spacing-s) center;
    background-size: var(--spacing-m);
    cursor: pointer;
  }
  .search-term-pill {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-s);
    padding: var(--spacing-xs) var(--spacing-m);
    margin: 0;
    border: 1px solid rgb(97, 110, 210);
    border-radius: 9999px;
    background: rgb(255, 255, 255);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    color: rgb(97, 110, 210);
    cursor: pointer;
    line-height: 1;
  }
  .search-term-pill:hover {
    opacity: 0.85;
  }
  .search-term-pill-label {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .search-term-pill-label {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .search-term-pill-label {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .search-term-pill-label {
    color: rgb(97, 110, 210);
    white-space: nowrap;
  }
  .search-term-pill-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    line-height: 0;
    color: rgb(97, 110, 210);
  }
  .funds-filter-bar {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-m);
    width: 100%;
  }
  .funds-filter-bar-layout {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--spacing-m);
    width: 100%;
  }
  @media screen and (min-width: 769px), print {
    .funds-filter-bar-layout {
      flex-flow: row wrap;
      align-items: center;
    }
  }
  .funds-filter-bar-controls {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: var(--spacing-m);
    width: 100%;
  }
  @media screen and (min-width: 769px), print {
    .funds-filter-bar-controls {
      flex: 0 1 auto;
      width: auto;
    }
  }
  .funds-filter-bar-search-wrap {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    gap: var(--spacing-s);
    padding: var(--spacing-s) var(--spacing-m);
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(202, 202, 200);
    border-radius: 9999px;
  }
  @media screen and (min-width: 769px), print {
    .funds-filter-bar-search-wrap {
      flex: 1 1 12rem;
    }
  }
  .funds-filter-bar-search-input {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .funds-filter-bar-search-input {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .funds-filter-bar-search-input {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .funds-filter-bar-search-input {
    flex: 1 1 auto;
    min-width: 0;
    border: none;
    background: transparent;
    color: rgb(64, 70, 84);
  }
  .funds-filter-bar-search-input::placeholder {
    color: rgb(163, 161, 156);
  }
  .funds-filter-bar-search-input:focus {
    outline: none;
  }
  .funds-filter-bar-search-icon {
    flex-shrink: 0;
    color: rgb(64, 70, 84);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .funds-filter-bar-select {
    width: auto;
    flex: 0 0 auto;
    min-width: 8rem;
  }
  @media screen and (max-width: 768px) {
    .funds-filter-bar-select {
      display: none;
    }
  }
  .funds-filter-bar-count-btn {
    padding: var(--spacing-s) var(--spacing-m);
  }
  @media screen and (min-width: 769px), print {
    .funds-filter-bar-sort-btn {
      display: none;
    }
  }
  .funds-filter-bar-sort-btn svg {
    flex-shrink: 0;
  }
  .funds-filter-bar-search-pills {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-s);
    width: 100%;
  }
  @media screen and (min-width: 769px), print {
    .funds-filter-bar-search-pills {
      flex: 0 0 auto;
      width: auto;
    }
  }
}
@layer framework {
  :root {
    --bulma-control-radius: var(--bulma-radius);
    --bulma-control-radius-small: var(--bulma-radius-small);
    --bulma-control-border-width: 1px;
    --bulma-control-height: 2.5em;
    --bulma-control-line-height: 1.5;
    --bulma-control-padding-vertical: calc(0.5em - 1px);
    --bulma-control-padding-horizontal: calc(0.75em - 1px);
    --bulma-control-size: var(--bulma-size-normal);
    --bulma-control-focus-shadow-l: 50%;
  }
  .modal-close {
    --bulma-delete-dimensions: 1.25rem;
    --bulma-delete-background-l: 0%;
    --bulma-delete-background-alpha: 0.5;
    --bulma-delete-color: var(--bulma-white);
    appearance: none;
    background-color: hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-delete-background-l), var(--bulma-delete-background-alpha));
    border: none;
    border-radius: var(--bulma-radius-rounded);
    cursor: pointer;
    pointer-events: auto;
    display: inline-flex;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 1em;
    height: var(--bulma-delete-dimensions);
    max-height: var(--bulma-delete-dimensions);
    max-width: var(--bulma-delete-dimensions);
    min-height: var(--bulma-delete-dimensions);
    min-width: var(--bulma-delete-dimensions);
    outline: none;
    position: relative;
    vertical-align: top;
    width: var(--bulma-delete-dimensions);
  }
  .modal-close::before, .modal-close::after {
    background-color: var(--bulma-delete-color);
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform-origin: center center;
  }
  .modal-close::before {
    height: 2px;
    width: 50%;
  }
  .modal-close::after {
    height: 50%;
    width: 2px;
  }
  .modal-close:hover, .modal-close:focus {
    --bulma-delete-background-alpha: 0.4;
  }
  .modal-close:active {
    --bulma-delete-background-alpha: 0.5;
  }
  .is-small.modal-close {
    --bulma-delete-dimensions: 1rem;
  }
  .is-medium.modal-close {
    --bulma-delete-dimensions: 1.5rem;
  }
  .is-large.modal-close {
    --bulma-delete-dimensions: 2rem;
  }
  .modal, .modal-background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  .modal {
    --bulma-modal-z: 40;
    --bulma-modal-background-background-color: hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.86);
    --bulma-modal-content-width: 28rem;
    --bulma-modal-content-margin-mobile: 1.25rem;
    --bulma-modal-content-spacing-mobile: 10rem;
    --bulma-modal-content-spacing-tablet: 2.5rem;
    --bulma-modal-close-dimensions: 2.5rem;
    --bulma-modal-close-right: 1.25rem;
    --bulma-modal-close-top: 1.25rem;
    --bulma-modal-card-spacing: 2.5rem;
    --bulma-modal-card-head-background-color: var(--bulma-scheme-main);
    --bulma-modal-card-head-padding: 2rem;
    --bulma-modal-card-head-radius: var(--bulma-radius-large);
    --bulma-modal-card-title-color: var(--bulma-text-strong);
    --bulma-modal-card-title-line-height: 1;
    --bulma-modal-card-title-size: var(--bulma-size-4);
    --bulma-modal-card-foot-background-color: var(--bulma-scheme-main-bis);
    --bulma-modal-card-foot-radius: var(--bulma-radius-large);
    --bulma-modal-card-body-background-color: var(--bulma-scheme-main);
    --bulma-modal-card-body-padding: 2rem;
  }
  .modal {
    align-items: center;
    display: none;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    z-index: var(--bulma-modal-z);
  }
  .modal.is-active {
    display: flex;
  }
  .modal-background {
    background-color: var(--bulma-modal-background-background-color);
  }
  .modal-content,
  .modal-card {
    margin: 0 var(--bulma-modal-content-margin-mobile);
    max-height: calc(100vh - var(--bulma-modal-content-spacing-mobile));
    overflow: auto;
    position: relative;
    width: 100%;
  }
  @media screen and (min-width: 769px) {
    .modal-content,
    .modal-card {
      margin: 0 auto;
      max-height: calc(100vh - var(--bulma-modal-content-spacing-tablet));
      width: var(--bulma-modal-content-width);
    }
  }
  .modal-close {
    background: none;
    height: var(--bulma-modal-close-dimensions);
    inset-inline-end: var(--bulma-modal-close-right);
    position: fixed;
    top: var(--bulma-modal-close-top);
    width: var(--bulma-modal-close-dimensions);
  }
  .modal-card {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - var(--bulma-modal-card-spacing));
    overflow: hidden;
    overflow-y: visible;
  }
  .modal-card-head,
  .modal-card-foot {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-start;
    padding: var(--bulma-modal-card-head-padding);
    position: relative;
  }
  .modal-card-head {
    background-color: var(--bulma-modal-card-head-background-color);
    border-start-start-radius: var(--bulma-modal-card-head-radius);
    border-start-end-radius: var(--bulma-modal-card-head-radius);
    box-shadow: var(--bulma-shadow);
  }
  .modal-card-title {
    color: var(--bulma-modal-card-title-color);
    flex-grow: 1;
    flex-shrink: 0;
    font-size: var(--bulma-modal-card-title-size);
    line-height: var(--bulma-modal-card-title-line-height);
  }
  .modal-card-foot {
    background-color: var(--bulma-modal-card-foot-background-color);
    border-end-start-radius: var(--bulma-modal-card-foot-radius);
    border-end-end-radius: var(--bulma-modal-card-foot-radius);
  }
  .modal-card-body {
    -webkit-overflow-scrolling: touch;
    background-color: var(--bulma-modal-card-body-background-color);
    flex-grow: 1;
    flex-shrink: 1;
    overflow: auto;
    padding: var(--bulma-modal-card-body-padding);
  }
}
@layer components {
  /* Tweaks to modal defaults */
  .modal {
    z-index: 500;
  }
  .modal-background {
    background-color: rgba(10, 10, 10, 0.7);
  }
  .modal-card {
    border: 4px solid rgb(65, 81, 201);
    border-radius: 0.75rem;
    position: relative;
  }
  @media only screen and (width <= 768px) {
    .modal-card {
      width: calc(100% - 2rem);
    }
  }
  .modal-card button {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background-color: rgb(65, 81, 201) !important;
  }
  .modal-card-head {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: #fff !important;
    border: none !important;
  }
  .modal-card-head .tag {
    font-size: 0.75rem;
  }
  .modal-card-head .tag:first-of-type {
    margin-left: 2rem;
  }
  .modal-card-head .tag.alcohol, .modal-card-head .tag.tobacco, .modal-card-head .tag.adult-entertainment, .modal-card-head .tag.adult-entertainmentpornography, .modal-card-head .tag.gambling {
    background-color: #a8a0ff;
  }
  .modal-card-head .tag.animal-testing, .modal-card-head .tag.animal-welfare-issues, .modal-card-head .tag.controversies, .modal-card-head .tag.factory-farming, .modal-card-head .tag.high-intensity-poultry, .modal-card-head .tag.fur-and-speciality-leather, .modal-card-head .tag.fur-speciality-leather, .modal-card-head .tag.fur-and-leather {
    background-color: #dd4d7d;
    color: white;
  }
  .modal-card-head .tag.firearms, .modal-card-head .tag.small-arms, .modal-card-head .tag.military-weapons, .modal-card-head .tag.military-contracting, .modal-card-head .tag.controversial-weapons, .modal-card-head .tag.nuclear-weapons {
    background-color: #7f4350;
    color: white;
  }
  .modal-card-head .tag.fossil-fuel-power-generation, .modal-card-head .tag.coal-generation, .modal-card-head .tag.shale-energy, .modal-card-head .tag.oil-and-gas-generation, .modal-card-head .tag.fossil-fuel-production, .modal-card-head .tag.thermal-coal-production, .modal-card-head .tag.arctic-oil-and-gas, .modal-card-head .tag.oil-sands {
    background: #2b358a;
    color: white;
  }
  .modal-card-head .tag.gmos, .modal-card-head .tag.pesticides, .modal-card-head .tag.highly-hazardous-pesticides, .modal-card-head .tag.highly-hazardous-chemicals, .modal-card-head .tag.environmental-damage, .modal-card-head .tag.deforestation, .modal-card-head .tag.palm-oil {
    background-color: #57c7a9;
    color: white;
  }
  .modal-card-head .tag.human-rights, .modal-card-head .tag.human-rights-abuses, .modal-card-head .tag.labour-rights, .modal-card-head .tag.labour-rights-violations, .modal-card-head .tag.war-conflict, .modal-card-head .tag.war-and-conflict, .modal-card-head .tag.public-safety, .modal-card-head .tag.public-safety-issues, .modal-card-head .tag.business-ethics {
    background-color: #feba57;
  }
  .modal-card-body {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .modal-card-body p:not(:last-child) {
    margin-bottom: 1rem;
  }
  .modal-card-body h5 {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .modal-card-body h5 {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .modal-card-body h5 {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .modal-card-body h5 {
    font-weight: 800;
  }
  .modal-shell {
    z-index: 500;
    padding: 0;
    max-width: 28rem;
    width: calc(100% - var(--spacing-m) * 2);
    border: 4px solid rgb(65, 81, 201);
    border-radius: 0.75rem;
    background-color: rgb(255, 255, 255);
  }
  .modal-shell::backdrop {
    background-color: rgba(10, 10, 10, 0.7);
  }
  .modal-shell-inner {
    position: relative;
  }
  .modal-shell-head {
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(217, 217, 217);
  }
  .modal-shell-inner .delete {
    position: absolute;
    top: var(--spacing-m);
    right: var(--spacing-m);
    background-color: rgb(65, 81, 201);
  }
  .modal-shell-body p:not(:last-child) {
    margin-bottom: var(--spacing-m);
  }
  .modal-shell-body h5 {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .modal-shell-body h5 {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .modal-shell-body h5 {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .modal-shell-body h5 {
    font-weight: 800;
  }
}
/* Not part of `fund-gauges` — that mixin is nested under `.fund-summary-card-checker` elsewhere. */
@layer framework {
  @font-face {
    font-family: Icons;
    src: url("/s/sass/vendors/animal3/icons/icons.72c742bc4398.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  [class^=icon-],
  [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
    font-family: Icons !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon-home::before {
    content: "\e900";
  }
  .icon-home2::before {
    content: "\e901";
  }
  .icon-home3::before {
    content: "\e902";
  }
  .icon-office::before {
    content: "\e903";
  }
  .icon-newspaper::before {
    content: "\e904";
  }
  .icon-pencil::before {
    content: "\e905";
  }
  .icon-pencil2::before {
    content: "\e906";
  }
  .icon-quill::before {
    content: "\e907";
  }
  .icon-pen::before {
    content: "\e908";
  }
  .icon-blog::before {
    content: "\e909";
  }
  .icon-eyedropper::before {
    content: "\e90a";
  }
  .icon-droplet::before {
    content: "\e90b";
  }
  .icon-paint-format::before {
    content: "\e90c";
  }
  .icon-image::before {
    content: "\e90d";
  }
  .icon-images::before {
    content: "\e90e";
  }
  .icon-camera::before {
    content: "\e90f";
  }
  .icon-headphones::before {
    content: "\e910";
  }
  .icon-music::before {
    content: "\e911";
  }
  .icon-play::before {
    content: "\e912";
  }
  .icon-film::before {
    content: "\e913";
  }
  .icon-video-camera::before {
    content: "\e914";
  }
  .icon-dice::before {
    content: "\e915";
  }
  .icon-pacman::before {
    content: "\e916";
  }
  .icon-spades::before {
    content: "\e917";
  }
  .icon-clubs::before {
    content: "\e918";
  }
  .icon-diamonds::before {
    content: "\e919";
  }
  .icon-bullhorn::before {
    content: "\e91a";
  }
  .icon-connection::before {
    content: "\e91b";
  }
  .icon-podcast::before {
    content: "\e91c";
  }
  .icon-feed::before {
    content: "\e91d";
  }
  .icon-mic::before {
    content: "\e91e";
  }
  .icon-book::before {
    content: "\e91f";
  }
  .icon-books::before {
    content: "\e920";
  }
  .icon-library::before {
    content: "\e921";
  }
  .icon-file-text::before {
    content: "\e922";
  }
  .icon-profile::before {
    content: "\e923";
  }
  .icon-file-empty::before {
    content: "\e924";
  }
  .icon-files-empty::before {
    content: "\e925";
  }
  .icon-file-text2::before {
    content: "\e926";
  }
  .icon-file-picture::before {
    content: "\e927";
  }
  .icon-file-music::before {
    content: "\e928";
  }
  .icon-file-play::before {
    content: "\e929";
  }
  .icon-file-video::before {
    content: "\e92a";
  }
  .icon-file-zip::before {
    content: "\e92b";
  }
  .icon-copy::before {
    content: "\e92c";
  }
  .icon-paste::before {
    content: "\e92d";
  }
  .icon-stack::before {
    content: "\e92e";
  }
  .icon-folder::before {
    content: "\e92f";
  }
  .icon-folder-open::before {
    content: "\e930";
  }
  .icon-folder-plus::before {
    content: "\e931";
  }
  .icon-folder-minus::before {
    content: "\e932";
  }
  .icon-folder-download::before {
    content: "\e933";
  }
  .icon-folder-upload::before {
    content: "\e934";
  }
  .icon-price-tag::before {
    content: "\e935";
  }
  .icon-price-tags::before {
    content: "\e936";
  }
  .icon-barcode::before {
    content: "\e937";
  }
  .icon-qrcode::before {
    content: "\e938";
  }
  .icon-ticket::before {
    content: "\e939";
  }
  .icon-cart::before {
    content: "\e93a";
  }
  .icon-coin-dollar::before {
    content: "\e93b";
  }
  .icon-coin-euro::before {
    content: "\e93c";
  }
  .icon-coin-pound::before {
    content: "\e93d";
  }
  .icon-coin-yen::before {
    content: "\e93e";
  }
  .icon-credit-card::before {
    content: "\e93f";
  }
  .icon-calculator::before {
    content: "\e940";
  }
  .icon-lifebuoy::before {
    content: "\e941";
  }
  .icon-phone::before {
    content: "\e942";
  }
  .icon-phone-hang-up::before {
    content: "\e943";
  }
  .icon-address-book::before {
    content: "\e944";
  }
  .icon-envelop::before {
    content: "\e945";
  }
  .icon-pushpin::before {
    content: "\e946";
  }
  .icon-location::before {
    content: "\e947";
  }
  .icon-location2::before {
    content: "\e948";
  }
  .icon-compass::before {
    content: "\e949";
  }
  .icon-compass2::before {
    content: "\e94a";
  }
  .icon-map::before {
    content: "\e94b";
  }
  .icon-map2::before {
    content: "\e94c";
  }
  .icon-history::before {
    content: "\e94d";
  }
  .icon-clock::before {
    content: "\e94e";
  }
  .icon-clock2::before {
    content: "\e94f";
  }
  .icon-alarm::before {
    content: "\e950";
  }
  .icon-bell::before {
    content: "\e951";
  }
  .icon-stopwatch::before {
    content: "\e952";
  }
  .icon-calendar::before {
    content: "\e953";
  }
  .icon-printer::before {
    content: "\e954";
  }
  .icon-keyboard::before {
    content: "\e955";
  }
  .icon-display::before {
    content: "\e956";
  }
  .icon-laptop::before {
    content: "\e957";
  }
  .icon-mobile::before {
    content: "\e958";
  }
  .icon-mobile2::before {
    content: "\e959";
  }
  .icon-tablet::before {
    content: "\e95a";
  }
  .icon-tv::before {
    content: "\e95b";
  }
  .icon-drawer::before {
    content: "\e95c";
  }
  .icon-drawer2::before {
    content: "\e95d";
  }
  .icon-box-add::before {
    content: "\e95e";
  }
  .icon-box-remove::before {
    content: "\e95f";
  }
  .icon-download::before {
    content: "\e960";
  }
  .icon-upload::before {
    content: "\e961";
  }
  .icon-floppy-disk::before {
    content: "\e962";
  }
  .icon-drive::before {
    content: "\e963";
  }
  .icon-database::before {
    content: "\e964";
  }
  .icon-undo::before {
    content: "\e965";
  }
  .icon-redo::before {
    content: "\e966";
  }
  .icon-undo2::before {
    content: "\e967";
  }
  .icon-redo2::before {
    content: "\e968";
  }
  .icon-forward::before {
    content: "\e969";
  }
  .icon-reply::before {
    content: "\e96a";
  }
  .icon-bubble::before {
    content: "\e96b";
  }
  .icon-bubbles::before {
    content: "\e96c";
  }
  .icon-bubbles2::before {
    content: "\e96d";
  }
  .icon-bubble2::before {
    content: "\e96e";
  }
  .icon-bubbles3::before {
    content: "\e96f";
  }
  .icon-bubbles4::before {
    content: "\e970";
  }
  .icon-user::before {
    content: "\e971";
  }
  .icon-users::before {
    content: "\e972";
  }
  .icon-user-plus::before {
    content: "\e973";
  }
  .icon-user-minus::before {
    content: "\e974";
  }
  .icon-user-check::before {
    content: "\e975";
  }
  .icon-user-tie::before {
    content: "\e976";
  }
  .icon-quotes-left::before {
    content: "\e977";
  }
  .icon-quotes-right::before {
    content: "\e978";
  }
  .icon-hour-glass::before {
    content: "\e979";
  }
  .icon-spinner::before {
    content: "\e97a";
  }
  .icon-spinner2::before {
    content: "\e97b";
  }
  .icon-spinner3::before {
    content: "\e97c";
  }
  .icon-spinner4::before {
    content: "\e97d";
  }
  .icon-spinner5::before {
    content: "\e97e";
  }
  .icon-spinner6::before {
    content: "\e97f";
  }
  .icon-spinner7::before {
    content: "\e980";
  }
  .icon-spinner8::before {
    content: "\e981";
  }
  .icon-spinner9::before {
    content: "\e982";
  }
  .icon-spinner10::before {
    content: "\e983";
  }
  .icon-spinner11::before {
    content: "\e984";
  }
  .icon-binoculars::before {
    content: "\e985";
  }
  .icon-search::before {
    content: "\e986";
  }
  .icon-zoom-in::before {
    content: "\e987";
  }
  .icon-zoom-out::before {
    content: "\e988";
  }
  .icon-enlarge::before {
    content: "\e989";
  }
  .icon-shrink::before {
    content: "\e98a";
  }
  .icon-enlarge2::before {
    content: "\e98b";
  }
  .icon-shrink2::before {
    content: "\e98c";
  }
  .icon-key::before {
    content: "\e98d";
  }
  .icon-key2::before {
    content: "\e98e";
  }
  .icon-lock::before {
    content: "\e98f";
  }
  .icon-unlocked::before {
    content: "\e990";
  }
  .icon-wrench::before {
    content: "\e991";
  }
  .icon-equalizer::before {
    content: "\e992";
  }
  .icon-equalizer2::before {
    content: "\e993";
  }
  .icon-cog::before {
    content: "\e994";
  }
  .icon-cogs::before {
    content: "\e995";
  }
  .icon-hammer::before {
    content: "\e996";
  }
  .icon-magic-wand::before {
    content: "\e997";
  }
  .icon-aid-kit::before {
    content: "\e998";
  }
  .icon-bug::before {
    content: "\e999";
  }
  .icon-pie-chart::before {
    content: "\e99a";
  }
  .icon-stats-dots::before {
    content: "\e99b";
  }
  .icon-stats-bars::before {
    content: "\e99c";
  }
  .icon-stats-bars2::before {
    content: "\e99d";
  }
  .icon-trophy::before {
    content: "\e99e";
  }
  .icon-gift::before {
    content: "\e99f";
  }
  .icon-glass::before {
    content: "\e9a0";
  }
  .icon-glass2::before {
    content: "\e9a1";
  }
  .icon-mug::before {
    content: "\e9a2";
  }
  .icon-spoon-knife::before {
    content: "\e9a3";
  }
  .icon-leaf::before {
    content: "\e9a4";
  }
  .icon-rocket::before {
    content: "\e9a5";
  }
  .icon-meter::before {
    content: "\e9a6";
  }
  .icon-meter2::before {
    content: "\e9a7";
  }
  .icon-hammer2::before {
    content: "\e9a8";
  }
  .icon-fire::before {
    content: "\e9a9";
  }
  .icon-lab::before {
    content: "\e9aa";
  }
  .icon-magnet::before {
    content: "\e9ab";
  }
  .icon-bin::before {
    content: "\e9ac";
  }
  .icon-bin2::before {
    content: "\e9ad";
  }
  .icon-briefcase::before {
    content: "\e9ae";
  }
  .icon-airplane::before {
    content: "\e9af";
  }
  .icon-truck::before {
    content: "\e9b0";
  }
  .icon-road::before {
    content: "\e9b1";
  }
  .icon-accessibility::before {
    content: "\e9b2";
  }
  .icon-target::before {
    content: "\e9b3";
  }
  .icon-shield::before {
    content: "\e9b4";
  }
  .icon-power::before {
    content: "\e9b5";
  }
  .icon-switch::before {
    content: "\e9b6";
  }
  .icon-power-cord::before {
    content: "\e9b7";
  }
  .icon-clipboard::before {
    content: "\e9b8";
  }
  .icon-list-numbered::before {
    content: "\e9b9";
  }
  .icon-list::before {
    content: "\e9ba";
  }
  .icon-list2::before {
    content: "\e9bb";
  }
  .icon-tree::before {
    content: "\e9bc";
  }
  .icon-menu::before {
    content: "\e9bd";
  }
  .icon-menu2::before {
    content: "\e9be";
  }
  .icon-menu3::before {
    content: "\e9bf";
  }
  .icon-menu4::before {
    content: "\e9c0";
  }
  .icon-cloud::before {
    content: "\e9c1";
  }
  .icon-cloud-download::before {
    content: "\e9c2";
  }
  .icon-cloud-upload::before {
    content: "\e9c3";
  }
  .icon-cloud-check::before {
    content: "\e9c4";
  }
  .icon-download2::before {
    content: "\e9c5";
  }
  .icon-upload2::before {
    content: "\e9c6";
  }
  .icon-download3::before {
    content: "\e9c7";
  }
  .icon-upload3::before {
    content: "\e9c8";
  }
  .icon-sphere::before {
    content: "\e9c9";
  }
  .icon-earth::before {
    content: "\e9ca";
  }
  .icon-link::before {
    content: "\e9cb";
  }
  .icon-flag::before {
    content: "\e9cc";
  }
  .icon-attachment::before {
    content: "\e9cd";
  }
  .icon-eye::before {
    content: "\e9ce";
  }
  .icon-eye-plus::before {
    content: "\e9cf";
  }
  .icon-eye-minus::before {
    content: "\e9d0";
  }
  .icon-eye-blocked::before {
    content: "\e9d1";
  }
  .icon-bookmark::before {
    content: "\e9d2";
  }
  .icon-bookmarks::before {
    content: "\e9d3";
  }
  .icon-sun::before {
    content: "\e9d4";
  }
  .icon-contrast::before {
    content: "\e9d5";
  }
  .icon-brightness-contrast::before {
    content: "\e9d6";
  }
  .icon-star-empty::before {
    content: "\e9d7";
  }
  .icon-star-half::before {
    content: "\e9d8";
  }
  .icon-star-full::before {
    content: "\e9d9";
  }
  .icon-heart::before {
    content: "\e9da";
  }
  .icon-heart-broken::before {
    content: "\e9db";
  }
  .icon-man::before {
    content: "\e9dc";
  }
  .icon-woman::before {
    content: "\e9dd";
  }
  .icon-man-woman::before {
    content: "\e9de";
  }
  .icon-happy::before {
    content: "\e9df";
  }
  .icon-happy2::before {
    content: "\e9e0";
  }
  .icon-smile::before {
    content: "\e9e1";
  }
  .icon-smile2::before {
    content: "\e9e2";
  }
  .icon-tongue::before {
    content: "\e9e3";
  }
  .icon-tongue2::before {
    content: "\e9e4";
  }
  .icon-sad::before {
    content: "\e9e5";
  }
  .icon-sad2::before {
    content: "\e9e6";
  }
  .icon-wink::before {
    content: "\e9e7";
  }
  .icon-wink2::before {
    content: "\e9e8";
  }
  .icon-grin::before {
    content: "\e9e9";
  }
  .icon-grin2::before {
    content: "\e9ea";
  }
  .icon-cool::before {
    content: "\e9eb";
  }
  .icon-cool2::before {
    content: "\e9ec";
  }
  .icon-angry::before {
    content: "\e9ed";
  }
  .icon-angry2::before {
    content: "\e9ee";
  }
  .icon-evil::before {
    content: "\e9ef";
  }
  .icon-evil2::before {
    content: "\e9f0";
  }
  .icon-shocked::before {
    content: "\e9f1";
  }
  .icon-shocked2::before {
    content: "\e9f2";
  }
  .icon-baffled::before {
    content: "\e9f3";
  }
  .icon-baffled2::before {
    content: "\e9f4";
  }
  .icon-confused::before {
    content: "\e9f5";
  }
  .icon-confused2::before {
    content: "\e9f6";
  }
  .icon-neutral::before {
    content: "\e9f7";
  }
  .icon-neutral2::before {
    content: "\e9f8";
  }
  .icon-hipster::before {
    content: "\e9f9";
  }
  .icon-hipster2::before {
    content: "\e9fa";
  }
  .icon-wondering::before {
    content: "\e9fb";
  }
  .icon-wondering2::before {
    content: "\e9fc";
  }
  .icon-sleepy::before {
    content: "\e9fd";
  }
  .icon-sleepy2::before {
    content: "\e9fe";
  }
  .icon-frustrated::before {
    content: "\e9ff";
  }
  .icon-frustrated2::before {
    content: "\ea00";
  }
  .icon-crying::before {
    content: "\ea01";
  }
  .icon-crying2::before {
    content: "\ea02";
  }
  .icon-point-up::before {
    content: "\ea03";
  }
  .icon-point-right::before {
    content: "\ea04";
  }
  .icon-point-down::before {
    content: "\ea05";
  }
  .icon-point-left::before {
    content: "\ea06";
  }
  .icon-warning::before {
    content: "\ea07";
  }
  .icon-notification::before {
    content: "\ea08";
  }
  .icon-question::before {
    content: "\ea09";
  }
  .icon-plus::before {
    content: "\ea0a";
  }
  .icon-minus::before {
    content: "\ea0b";
  }
  .icon-info::before {
    content: "\ea0c";
  }
  .icon-cancel-circle::before {
    content: "\ea0d";
  }
  .icon-blocked::before {
    content: "\ea0e";
  }
  .icon-cross::before {
    content: "\ea0f";
  }
  .icon-checkmark::before {
    content: "\ea10";
  }
  .icon-checkmark2::before {
    content: "\ea11";
  }
  .icon-spell-check::before {
    content: "\ea12";
  }
  .icon-enter::before {
    content: "\ea13";
  }
  .icon-exit::before {
    content: "\ea14";
  }
  .icon-play2::before {
    content: "\ea15";
  }
  .icon-pause::before {
    content: "\ea16";
  }
  .icon-stop::before {
    content: "\ea17";
  }
  .icon-previous::before {
    content: "\ea18";
  }
  .icon-next::before {
    content: "\ea19";
  }
  .icon-backward::before {
    content: "\ea1a";
  }
  .icon-forward2::before {
    content: "\ea1b";
  }
  .icon-play3::before {
    content: "\ea1c";
  }
  .icon-pause2::before {
    content: "\ea1d";
  }
  .icon-stop2::before {
    content: "\ea1e";
  }
  .icon-backward2::before {
    content: "\ea1f";
  }
  .icon-forward3::before {
    content: "\ea20";
  }
  .icon-first::before {
    content: "\ea21";
  }
  .icon-last::before {
    content: "\ea22";
  }
  .icon-previous2::before {
    content: "\ea23";
  }
  .icon-next2::before {
    content: "\ea24";
  }
  .icon-eject::before {
    content: "\ea25";
  }
  .icon-volume-high::before {
    content: "\ea26";
  }
  .icon-volume-medium::before {
    content: "\ea27";
  }
  .icon-volume-low::before {
    content: "\ea28";
  }
  .icon-volume-mute::before {
    content: "\ea29";
  }
  .icon-volume-mute2::before {
    content: "\ea2a";
  }
  .icon-volume-increase::before {
    content: "\ea2b";
  }
  .icon-volume-decrease::before {
    content: "\ea2c";
  }
  .icon-loop::before {
    content: "\ea2d";
  }
  .icon-loop2::before {
    content: "\ea2e";
  }
  .icon-infinite::before {
    content: "\ea2f";
  }
  .icon-shuffle::before {
    content: "\ea30";
  }
  .icon-arrow-up-left::before {
    content: "\ea31";
  }
  .icon-arrow-up::before {
    content: "\ea32";
  }
  .icon-arrow-up-right::before {
    content: "\ea33";
  }
  .icon-arrow-right::before {
    content: "\ea34";
  }
  .icon-arrow-down-right::before {
    content: "\ea35";
  }
  .icon-arrow-down::before {
    content: "\ea36";
  }
  .icon-arrow-down-left::before {
    content: "\ea37";
  }
  .icon-arrow-left::before {
    content: "\ea38";
  }
  .icon-arrow-up-left2::before {
    content: "\ea39";
  }
  .icon-arrow-up2::before {
    content: "\ea3a";
  }
  .icon-arrow-up-right2::before {
    content: "\ea3b";
  }
  .icon-arrow-right2::before {
    content: "\ea3c";
  }
  .icon-arrow-down-right2::before {
    content: "\ea3d";
  }
  .icon-arrow-down2::before {
    content: "\ea3e";
  }
  .icon-arrow-down-left2::before {
    content: "\ea3f";
  }
  .icon-arrow-left2::before {
    content: "\ea40";
  }
  .icon-circle-up::before {
    content: "\ea41";
  }
  .icon-circle-right::before {
    content: "\ea42";
  }
  .icon-circle-down::before {
    content: "\ea43";
  }
  .icon-circle-left::before {
    content: "\ea44";
  }
  .icon-tab::before {
    content: "\ea45";
  }
  .icon-move-up::before {
    content: "\ea46";
  }
  .icon-move-down::before {
    content: "\ea47";
  }
  .icon-sort-alpha-asc::before {
    content: "\ea48";
  }
  .icon-sort-alpha-desc::before {
    content: "\ea49";
  }
  .icon-sort-numeric-asc::before {
    content: "\ea4a";
  }
  .icon-sort-numberic-desc::before {
    content: "\ea4b";
  }
  .icon-sort-amount-asc::before {
    content: "\ea4c";
  }
  .icon-sort-amount-desc::before {
    content: "\ea4d";
  }
  .icon-command::before {
    content: "\ea4e";
  }
  .icon-shift::before {
    content: "\ea4f";
  }
  .icon-ctrl::before {
    content: "\ea50";
  }
  .icon-opt::before {
    content: "\ea51";
  }
  .icon-checkbox-checked::before {
    content: "\ea52";
  }
  .icon-checkbox-unchecked::before {
    content: "\ea53";
  }
  .icon-radio-checked::before {
    content: "\ea54";
  }
  .icon-radio-checked2::before {
    content: "\ea55";
  }
  .icon-radio-unchecked::before {
    content: "\ea56";
  }
  .icon-crop::before {
    content: "\ea57";
  }
  .icon-make-group::before {
    content: "\ea58";
  }
  .icon-ungroup::before {
    content: "\ea59";
  }
  .icon-scissors::before {
    content: "\ea5a";
  }
  .icon-filter::before {
    content: "\ea5b";
  }
  .icon-font::before {
    content: "\ea5c";
  }
  .icon-ligature::before {
    content: "\ea5d";
  }
  .icon-ligature2::before {
    content: "\ea5e";
  }
  .icon-text-height::before {
    content: "\ea5f";
  }
  .icon-text-width::before {
    content: "\ea60";
  }
  .icon-font-size::before {
    content: "\ea61";
  }
  .icon-bold::before {
    content: "\ea62";
  }
  .icon-underline::before {
    content: "\ea63";
  }
  .icon-italic::before {
    content: "\ea64";
  }
  .icon-strikethrough::before {
    content: "\ea65";
  }
  .icon-omega::before {
    content: "\ea66";
  }
  .icon-sigma::before {
    content: "\ea67";
  }
  .icon-page-break::before {
    content: "\ea68";
  }
  .icon-superscript::before {
    content: "\ea69";
  }
  .icon-subscript::before {
    content: "\ea6a";
  }
  .icon-superscript2::before {
    content: "\ea6b";
  }
  .icon-subscript2::before {
    content: "\ea6c";
  }
  .icon-text-color::before {
    content: "\ea6d";
  }
  .icon-pagebreak::before {
    content: "\ea6e";
  }
  .icon-clear-formatting::before {
    content: "\ea6f";
  }
  .icon-table::before {
    content: "\ea70";
  }
  .icon-table2::before {
    content: "\ea71";
  }
  .icon-insert-template::before {
    content: "\ea72";
  }
  .icon-pilcrow::before {
    content: "\ea73";
  }
  .icon-ltr::before {
    content: "\ea74";
  }
  .icon-rtl::before {
    content: "\ea75";
  }
  .icon-section::before {
    content: "\ea76";
  }
  .icon-paragraph-left::before {
    content: "\ea77";
  }
  .icon-paragraph-center::before {
    content: "\ea78";
  }
  .icon-paragraph-right::before {
    content: "\ea79";
  }
  .icon-paragraph-justify::before {
    content: "\ea7a";
  }
  .icon-indent-increase::before {
    content: "\ea7b";
  }
  .icon-indent-decrease::before {
    content: "\ea7c";
  }
  .icon-share::before {
    content: "\ea7d";
  }
  .icon-new-tab::before {
    content: "\ea7e";
  }
  .icon-embed::before {
    content: "\ea7f";
  }
  .icon-embed2::before {
    content: "\ea80";
  }
  .icon-terminal::before {
    content: "\ea81";
  }
  .icon-share2::before {
    content: "\ea82";
  }
  .icon-mail::before {
    content: "\ea83";
  }
  .icon-mail2::before {
    content: "\ea84";
  }
  .icon-mail3::before {
    content: "\ea85";
  }
  .icon-mail4::before {
    content: "\ea86";
  }
  .icon-amazon::before {
    content: "\ea87";
  }
  .icon-google::before {
    content: "\ea88";
  }
  .icon-google2::before {
    content: "\ea89";
  }
  .icon-google3::before {
    content: "\ea8a";
  }
  .icon-google-plus::before {
    content: "\ea8b";
  }
  .icon-google-plus2::before {
    content: "\ea8c";
  }
  .icon-google-plus3::before {
    content: "\ea8d";
  }
  .icon-hangouts::before {
    content: "\ea8e";
  }
  .icon-google-drive::before {
    content: "\ea8f";
  }
  .icon-facebook::before {
    content: "\ea90";
  }
  .icon-facebook2::before {
    content: "\ea91";
  }
  .icon-instagram::before {
    content: "\ea92";
  }
  .icon-whatsapp::before {
    content: "\ea93";
  }
  .icon-spotify::before {
    content: "\ea94";
  }
  .icon-telegram::before {
    content: "\ea95";
  }
  .icon-twitter::before {
    content: "\ea96";
  }
  .icon-vine::before {
    content: "\ea97";
  }
  .icon-vk::before {
    content: "\ea98";
  }
  .icon-renren::before {
    content: "\ea99";
  }
  .icon-sina-weibo::before {
    content: "\ea9a";
  }
  .icon-rss::before {
    content: "\ea9b";
  }
  .icon-rss2::before {
    content: "\ea9c";
  }
  .icon-youtube::before {
    content: "\ea9d";
  }
  .icon-youtube2::before {
    content: "\ea9e";
  }
  .icon-twitch::before {
    content: "\ea9f";
  }
  .icon-vimeo::before {
    content: "\eaa0";
  }
  .icon-vimeo2::before {
    content: "\eaa1";
  }
  .icon-lanyrd::before {
    content: "\eaa2";
  }
  .icon-flickr::before {
    content: "\eaa3";
  }
  .icon-flickr2::before {
    content: "\eaa4";
  }
  .icon-flickr3::before {
    content: "\eaa5";
  }
  .icon-flickr4::before {
    content: "\eaa6";
  }
  .icon-dribbble::before {
    content: "\eaa7";
  }
  .icon-behance::before {
    content: "\eaa8";
  }
  .icon-behance2::before {
    content: "\eaa9";
  }
  .icon-deviantart::before {
    content: "\eaaa";
  }
  .icon-500px::before {
    content: "\eaab";
  }
  .icon-steam::before {
    content: "\eaac";
  }
  .icon-steam2::before {
    content: "\eaad";
  }
  .icon-dropbox::before {
    content: "\eaae";
  }
  .icon-onedrive::before {
    content: "\eaaf";
  }
  .icon-github::before {
    content: "\eab0";
  }
  .icon-npm::before {
    content: "\eab1";
  }
  .icon-basecamp::before {
    content: "\eab2";
  }
  .icon-trello::before {
    content: "\eab3";
  }
  .icon-wordpress::before {
    content: "\eab4";
  }
  .icon-joomla::before {
    content: "\eab5";
  }
  .icon-ello::before {
    content: "\eab6";
  }
  .icon-blogger::before {
    content: "\eab7";
  }
  .icon-blogger2::before {
    content: "\eab8";
  }
  .icon-tumblr::before {
    content: "\eab9";
  }
  .icon-tumblr2::before {
    content: "\eaba";
  }
  .icon-yahoo::before {
    content: "\eabb";
  }
  .icon-yahoo2::before {
    content: "\eabc";
  }
  .icon-tux::before {
    content: "\eabd";
  }
  .icon-appleinc::before {
    content: "\eabe";
  }
  .icon-finder::before {
    content: "\eabf";
  }
  .icon-android::before {
    content: "\eac0";
  }
  .icon-windows::before {
    content: "\eac1";
  }
  .icon-windows8::before {
    content: "\eac2";
  }
  .icon-soundcloud::before {
    content: "\eac3";
  }
  .icon-soundcloud2::before {
    content: "\eac4";
  }
  .icon-skype::before {
    content: "\eac5";
  }
  .icon-reddit::before {
    content: "\eac6";
  }
  .icon-hackernews::before {
    content: "\eac7";
  }
  .icon-wikipedia::before {
    content: "\eac8";
  }
  .icon-linkedin::before {
    content: "\eac9";
  }
  .icon-linkedin2::before {
    content: "\eaca";
  }
  .icon-lastfm::before {
    content: "\eacb";
  }
  .icon-lastfm2::before {
    content: "\eacc";
  }
  .icon-delicious::before {
    content: "\eacd";
  }
  .icon-stumbleupon::before {
    content: "\eace";
  }
  .icon-stumbleupon2::before {
    content: "\eacf";
  }
  .icon-stackoverflow::before {
    content: "\ead0";
  }
  .icon-pinterest::before {
    content: "\ead1";
  }
  .icon-pinterest2::before {
    content: "\ead2";
  }
  .icon-xing::before {
    content: "\ead3";
  }
  .icon-xing2::before {
    content: "\ead4";
  }
  .icon-flattr::before {
    content: "\ead5";
  }
  .icon-foursquare::before {
    content: "\ead6";
  }
  .icon-yelp::before {
    content: "\ead7";
  }
  .icon-paypal::before {
    content: "\ead8";
  }
  .icon-chrome::before {
    content: "\ead9";
  }
  .icon-firefox::before {
    content: "\eada";
  }
  /* stylelint-disable-next-line selector-class-pattern */
  .icon-IE::before {
    content: "\eadb";
  }
  .icon-edge::before {
    content: "\eadc";
  }
  .icon-safari::before {
    content: "\eadd";
  }
  .icon-opera::before {
    content: "\eade";
  }
  .icon-file-pdf::before {
    content: "\eadf";
  }
  .icon-file-openoffice::before {
    content: "\eae0";
  }
  .icon-file-word::before {
    content: "\eae1";
  }
  .icon-file-excel::before {
    content: "\eae2";
  }
  .icon-libreoffice::before {
    content: "\eae3";
  }
  .icon-html-five::before {
    content: "\eae4";
  }
  .icon-html-five2::before {
    content: "\eae5";
  }
  .icon-css3::before {
    content: "\eae6";
  }
  .icon-git::before {
    content: "\eae7";
  }
  .icon-codepen::before {
    content: "\eae8";
  }
  .icon-svg::before {
    content: "\eae9";
  }
  /* stylelint-disable-next-line selector-class-pattern */
  .icon-IcoMoon::before {
    content: "\eaea";
  }
}
.fund-summary-card.fund-summary-card-legacy .buttons-container a.mmbutton {
  flex-basis: 50%;
  text-align: center;
}

@layer layout {
  #content {
    padding-top: 200px;
  }
  @media only screen and (width <= 1024px) {
    #content {
      padding-top: 1px;
    }
  }
  .funds-list-page {
    gap: var(--spacing-l);
  }
}
@layer components {
  .fund-summary-card.fund-summary-card-legacy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 0;
    border-radius: 0.75rem;
    background: rgb(255, 255, 255);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    overflow: hidden;
  }
  .fund-summary-card.fund-summary-card-legacy .card-top-section {
    background-color: rgb(251, 251, 251);
    width: 100%;
    padding: var(--spacing-l);
  }
  @media only screen and (width <= 767px) {
    .fund-summary-card.fund-summary-card-legacy .card-top-section {
      padding: var(--spacing-m);
    }
  }
  .fund-summary-card.fund-summary-card-legacy .card-top-section .top-line {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  .fund-summary-card.fund-summary-card-legacy .card-top-section .top-line .mindful-badge-and-name {
    display: flex;
    gap: var(--spacing-s);
  }
  @media only screen and (width <= 768px) {
    .fund-summary-card.fund-summary-card-legacy .card-top-section .top-line .mindful-badge-and-name {
      gap: var(--spacing-xs);
    }
  }
  .fund-summary-card.fund-summary-card-legacy .card-top-section .top-line .mindful-badge-and-name {
    /* Badge artwork — dimensions not on spacing scale */
  }
  .fund-summary-card.fund-summary-card-legacy .card-top-section .top-line .mindful-badge-and-name .mindful-fund {
    width: 1.75rem;
    height: 1.75rem;
  }
  @media only screen and (width <= 768px) {
    .fund-summary-card.fund-summary-card-legacy .card-top-section .top-line .mindful-badge-and-name .mindful-fund {
      width: 1.25rem;
      height: 1.25rem;
    }
  }
  .fund-summary-card.fund-summary-card-legacy .card-top-section .performance-metrics {
    display: flex;
    gap: var(--spacing-m);
    align-items: center;
    color: hsl(221, 14%, 48%);
  }
  .fund-summary-card.fund-summary-card-legacy .card-top-section .performance-metrics .metric {
    display: flex;
    gap: var(--spacing-s);
  }
  .fund-summary-card.fund-summary-card-legacy .card-top-section .performance-metrics .metric .metric-value {
    font-weight: 600;
  }
  .fund-summary-card.fund-summary-card-legacy .card-top-section .performance-metrics .metric .metric-label {
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .fund-summary-card.fund-summary-card-legacy .card-top-section .performance-metrics .metric .info-icon {
    color: rgb(65, 81, 201);
    cursor: help;
  }
  .fund-summary-card.fund-summary-card-legacy .card-main-section {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-m);
    width: 100%;
    padding: var(--spacing-l);
  }
  @media only screen and (width <= 767px) {
    .fund-summary-card.fund-summary-card-legacy .card-main-section {
      padding: var(--spacing-m);
    }
  }
  .fund-summary-card.fund-summary-card-legacy .card-main-section h3 {
    color: hsl(221, 14%, 48%);
    margin-bottom: var(--spacing-s);
  }
  .fund-summary-card.fund-summary-card-legacy .remove-button {
    border: none;
    background: none;
    color: rgb(65, 81, 201);
    font-size: 1.75rem !important;
    line-height: 2.275rem !important;
  }
  @media (width <= 767px) {
    .fund-summary-card.fund-summary-card-legacy .remove-button {
      font-size: 1.125rem !important;
      line-height: 1.4625rem !important;
      top: 0 !important;
    }
  }
  .fund-summary-card.fund-summary-card-legacy div.concerns-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: var(--spacing-m);
  }
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary {
    width: 100%;
    list-style: none !important;
    margin-inline-start: 0 !important;
    margin-bottom: 0 !important;
  }
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li {
    margin-top: 0 !important;
    background: none !important;
    width: 116px;
    gap: 12px;
  }
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li a,
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li div.category {
    display: block;
  }
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li a.animal-cruelty,
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li div.category.animal-cruelty {
    filter: drop-shadow(2px 2px rgba(0, 0, 0, 0.25));
    background-image: url("/s/kiwisaver/images/concern-icons/svg/Animal Cruelty.071b4252a2b2.svg");
    background-size: cover;
  }
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li a.animal-cruelty.is-disabled,
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li div.category.animal-cruelty.is-disabled {
    filter: none;
    background-image: url("/s/kiwisaver/images/concern-icons/svg/Animal Cruelty-disabled.370852b6c8fe.svg");
    background-size: cover;
  }
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li a.human-rights,
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li div.category.human-rights {
    filter: drop-shadow(2px 2px rgba(0, 0, 0, 0.25));
    background-image: url("/s/kiwisaver/images/concern-icons/svg/Human Rights Abuses inverse.4b86bf3141b7.svg");
    background-size: cover;
  }
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li a.human-rights.is-disabled,
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li div.category.human-rights.is-disabled {
    filter: none;
    background-image: url("/s/kiwisaver/images/concern-icons/svg/Human Rights Abuses inverse-disabled.e0ec4af98949.svg");
    background-size: cover;
  }
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li a.social-harm,
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li div.category.social-harm {
    filter: drop-shadow(2px 2px rgba(0, 0, 0, 0.25));
    background-image: url("/s/kiwisaver/images/concern-icons/svg/Social harm.1172e1051210.svg");
    background-size: cover;
  }
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li a.social-harm.is-disabled,
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li div.category.social-harm.is-disabled {
    filter: none;
    background-image: url("/s/kiwisaver/images/concern-icons/svg/Social harm-disabled.6cbc57605fdc.svg");
    background-size: cover;
  }
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li a.fossil-fuels,
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li div.category.fossil-fuels {
    filter: drop-shadow(2px 2px rgba(0, 0, 0, 0.25));
    background-image: url("/s/kiwisaver/images/concern-icons/svg/Fossil Fuels.c97d15b71db9.svg");
    background-size: cover;
  }
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li a.fossil-fuels.is-disabled,
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li div.category.fossil-fuels.is-disabled {
    filter: none;
    background-image: url("/s/kiwisaver/images/concern-icons/svg/Fossil Fuels-disabled.30d23eca1d69.svg");
    background-size: cover;
  }
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li a.weapons,
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li div.category.weapons {
    filter: drop-shadow(2px 2px rgba(0, 0, 0, 0.25));
    background-image: url("/s/kiwisaver/images/concern-icons/svg/Weapons.dfe0bb1b9044.svg");
    background-size: cover;
  }
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li a.weapons.is-disabled,
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li div.category.weapons.is-disabled {
    filter: none;
    background-image: url("/s/kiwisaver/images/concern-icons/svg/Weapons-disabled.9dcd35a86d9c.svg");
    background-size: cover;
  }
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li a.environmental-harm,
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li div.category.environmental-harm {
    filter: drop-shadow(2px 2px rgba(0, 0, 0, 0.25));
    background-image: url("/s/kiwisaver/images/concern-icons/svg/Environmental harm.ca162b33c075.svg");
    background-size: cover;
  }
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li a.environmental-harm.is-disabled,
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li div.category.environmental-harm.is-disabled {
    filter: none;
    background-image: url("/s/kiwisaver/images/concern-icons/svg/Environmental harm-disabled.d80f85301282.svg");
    background-size: cover;
  }
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li a.ocean-harm,
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li div.category.ocean-harm {
    filter: drop-shadow(2px 2px rgba(0, 0, 0, 0.25));
    background-image: url("/s/kiwisaver/images/concern-icons/svg/Ocean harm.4659cde19e53.svg");
    background-size: cover;
  }
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li a.ocean-harm.is-disabled,
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li div.category.ocean-harm.is-disabled {
    filter: none;
    background-image: url("/s/kiwisaver/images/concern-icons/svg/Ocean harm-disabled.20c917c15a7c.svg");
    background-size: cover;
  }
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li a.all-harms,
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li div.category.all-harms {
    filter: drop-shadow(2px 2px rgba(0, 0, 0, 0.25));
    background-image: url("/s/kiwisaver/images/concern-icons/svg/All harms.1676f83d3196.svg");
    background-size: cover;
  }
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li a.all-harms.is-disabled,
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li div.category.all-harms.is-disabled {
    filter: none;
    background-image: url("/s/kiwisaver/images/concern-icons/svg/All harms-disabled.ba5f16768e9e.svg");
    background-size: cover;
  }
  @media only screen and (width >= 1025px) {
    .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li a,
    .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li div.category {
      height: 76px !important;
      width: 76px !important;
    }
  }
  @media only screen and (width <= 1024px) {
    .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li a,
    .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li div.category {
      height: 64px !important;
      width: 64px !important;
    }
  }
  @media only screen and (width <= 767px) {
    .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li a,
    .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li div.category {
      height: 56px !important;
      width: 56px !important;
    }
  }
  @media only screen and (width <= 380px) {
    .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li a,
    .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li div.category {
      height: 44px !important;
      width: 44px !important;
    }
  }
  @media only screen and (width <= 1024px) {
    .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li {
      width: 108px;
    }
  }
  @media only screen and (width <= 767px) {
    .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li {
      gap: 8px;
      width: 58px;
    }
  }
  @media only screen and (width <= 368px) {
    .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li {
      width: 48px;
    }
  }
  .fund-summary-card.fund-summary-card-legacy div.concerns-container ul#concerns-summary li span {
    text-align: center;
    text-wrap: wrap;
    font-weight: 600;
    opacity: 0.7 !important;
  }
  .fund-summary-card.fund-summary-card-legacy .buttons-container {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
  .fund-summary-card.fund-summary-card-legacy .buttons-container .aligned-buttons {
    display: flex;
    flex: 1 0 auto;
    gap: var(--spacing-s);
  }
  @media only screen and (width >= 1025px) {
    .fund-summary-card.fund-summary-card-legacy .buttons-container .aligned-buttons {
      /* Layout cap for button cluster — not on spacing scale */
      max-width: 30rem;
    }
  }
  @media only screen and (width <= 1024px) {
    .fund-summary-card.fund-summary-card-legacy .buttons-container .aligned-buttons {
      max-width: 22.5rem;
    }
  }
  @media only screen and (width <= 767px) {
    .fund-summary-card.fund-summary-card-legacy .buttons-container .aligned-buttons {
      max-width: 99999px;
    }
  }
  .fund-summary-card.fund-summary-card-checker {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1152px;
    margin: 0 auto;
    border-radius: 0.75rem;
    background: rgb(255, 255, 255);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    overflow: hidden;
  }
  .fund-summary-card.fund-summary-card-checker .fund-summary-card-header {
    background-color: rgb(247, 252, 252);
    padding: var(--spacing-m);
    border-radius: 0.75rem 0.75rem 0 0;
  }
  @media only screen and (width > 767px) {
    .fund-summary-card.fund-summary-card-checker .fund-summary-card-header {
      padding: var(--spacing-l);
    }
  }
  .fund-summary-card.fund-summary-card-checker .fund-summary-card-heading {
    display: flex;
    gap: var(--spacing-s);
    align-items: flex-start;
  }
  .fund-summary-card.fund-summary-card-checker .mindful-badge-wrap {
    flex-shrink: 0;
  }
  .fund-summary-card.fund-summary-card-checker .mindful-badge-trigger {
    display: block;
    flex-shrink: 0;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    line-height: 0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.15), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .fund-summary-card.fund-summary-card-checker .mindful-badge-trigger:hover {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
    transform: translateY(-1px);
  }
  .fund-summary-card.fund-summary-card-checker .mindful-badge-trigger:active {
    transform: translateY(0);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }
  .fund-summary-card.fund-summary-card-checker .mindful-badge-trigger:focus-visible {
    outline: 2px solid rgb(65, 81, 201);
    outline-offset: var(--spacing-xs);
  }
  .fund-summary-card.fund-summary-card-checker .mindful-badge-trigger::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  .fund-summary-card.fund-summary-card-checker {
    /* Badge artwork — dimensions not on spacing scale */
  }
  .fund-summary-card.fund-summary-card-checker .mindful-badge {
    display: block;
    width: 3.25rem;
    height: 3.25rem;
    object-fit: contain;
    pointer-events: none;
    user-select: none;
  }
  @media only screen and (width > 767px) {
    .fund-summary-card.fund-summary-card-checker .mindful-badge {
      width: 3.625rem;
      height: 3.625rem;
    }
  }
  .fund-summary-card.fund-summary-card-checker .mindful-badge-empty {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 50%;
    background: rgb(214, 213, 211);
  }
  @media only screen and (width > 767px) {
    .fund-summary-card.fund-summary-card-checker .mindful-badge-empty {
      width: 3.625rem;
      height: 3.625rem;
    }
  }
  .fund-summary-card.fund-summary-card-checker .fund-summary-card-titles {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-s);
  }
  .fund-summary-card.fund-summary-card-checker .fund-summary-card-title-row {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-s);
    width: 100%;
  }
  .fund-summary-card.fund-summary-card-checker .fund-summary-card-name {
    flex: 1;
    min-width: 0;
    margin: 0;
    color: rgb(65, 81, 201);
    text-decoration: underline;
    text-underline-offset: 0.12em;
    font-size: 1.125rem;
    line-height: 1.4625rem;
    font-weight: var(--weight-bold);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .fund-summary-card.fund-summary-card-checker .fund-summary-card-name {
      font-size: 1.125rem;
      line-height: 1.5rem;
      font-weight: var(--weight-bold);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .fund-summary-card.fund-summary-card-checker .fund-summary-card-name {
      font-size: 1.4375rem;
      line-height: 1.8687rem;
      font-weight: var(--weight-bold);
      letter-spacing: 0;
    }
  }
  .fund-summary-card.fund-summary-card-checker .fund-summary-card-name {
    font-weight: 600;
  }
  .fund-summary-card.fund-summary-card-checker .fund-summary-card-remove-form {
    flex-shrink: 0;
    margin: 0;
  }
  .fund-summary-card.fund-summary-card-checker .fund-summary-card-returns-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--spacing-s);
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .fund-summary-card.fund-summary-card-checker .fund-summary-card-returns-row {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .fund-summary-card.fund-summary-card-checker .fund-summary-card-returns-row {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .fund-summary-card.fund-summary-card-checker .fund-summary-card-returns-label {
    color: hsl(221, 14%, 48%);
    font-weight: 400;
  }
  .fund-summary-card.fund-summary-card-checker .fund-summary-card-returns-value-wrap {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-s);
  }
  .fund-summary-card.fund-summary-card-checker .fund-summary-card-returns-footnote {
    color: rgb(65, 81, 201);
    font-weight: 600;
  }
  .fund-summary-card.fund-summary-card-checker .fund-summary-card-returns-value {
    font-weight: var(--weight-ui-strong);
    color: rgb(65, 81, 201);
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .fund-summary-card.fund-summary-card-checker .fund-summary-card-returns-value {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .fund-summary-card.fund-summary-card-checker .fund-summary-card-returns-value {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .fund-summary-card.fund-summary-card-checker .fund-summary-card-returns-value-muted {
    font-weight: 600;
    color: hsl(221, 14%, 48%);
  }
  .fund-summary-card.fund-summary-card-checker .fund-summary-card-metrics {
    padding: var(--spacing-s) var(--spacing-m) 0;
    background-color: rgb(255, 255, 255);
  }
  .fund-summary-card.fund-summary-card-checker .fund-summary-card-metrics-columns {
    display: flex;
    gap: var(--spacing-l);
    align-items: flex-start;
    width: 100%;
  }
  @media only screen and (width > 767px) {
    .fund-summary-card.fund-summary-card-checker .fund-summary-card-metrics-columns {
      gap: var(--spacing-l);
      padding: 0 var(--spacing-s);
    }
  }
  .fund-summary-card.fund-summary-card-checker .fund-summary-card-metric-column {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
  }
  .fund-summary-card.fund-summary-card-checker .fund-summary-card-gauge-block {
    width: 100%;
    padding: var(--spacing-s);
  }
  @media only screen and (width > 767px) {
    .fund-summary-card.fund-summary-card-checker .fund-summary-card-gauge-block {
      padding: var(--spacing-l);
    }
  }
  .fund-summary-card.fund-summary-card-checker .fund-summary-card-score-row {
    display: flex;
    align-items: center;
    gap: var(--spacing-s);
  }
  .fund-summary-card.fund-summary-card-checker .fund-summary-card-score {
    margin: 0;
    font-weight: 600;
    color: rgb(65, 81, 201);
    text-align: left;
    font-size: 1.75rem;
    line-height: 2.275rem;
    font-weight: var(--weight-bold);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .fund-summary-card.fund-summary-card-checker .fund-summary-card-score {
      font-size: 1.5rem;
      line-height: 1.875rem;
      font-weight: var(--weight-bold);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .fund-summary-card.fund-summary-card-checker .fund-summary-card-score {
      font-size: 2.4875rem;
      line-height: 3.2313rem;
      font-weight: var(--weight-bold);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 767px) {
    .fund-summary-card.fund-summary-card-checker .fund-summary-card-score {
      font-size: 2rem;
      line-height: 1.3;
    }
  }
  .fund-summary-card.fund-summary-card-checker .fund-summary-card-caption {
    margin: 0;
    color: hsl(221, 14%, 48%);
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .fund-summary-card.fund-summary-card-checker .fund-summary-card-caption {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .fund-summary-card.fund-summary-card-checker .fund-summary-card-caption {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .fund-summary-card.fund-summary-card-checker .fund-summary-card-caption-desktop {
    display: none;
    font-weight: 600;
  }
  .fund-summary-card.fund-summary-card-checker .fund-summary-card-caption-mobile {
    display: block;
  }
  @media only screen and (width > 767px) {
    .fund-summary-card.fund-summary-card-checker .fund-summary-card-caption-desktop {
      display: block;
    }
    .fund-summary-card.fund-summary-card-checker .fund-summary-card-caption-mobile {
      display: none;
    }
  }
  @keyframes fund-gauge-face-glow-pulse {
    0% {
      filter: drop-shadow(0 0 5px var(--fund-gauge-glow-face));
    }
    45% {
      filter: drop-shadow(0 0 11px var(--fund-gauge-glow-face));
    }
    100% {
      filter: none;
    }
  }
  @keyframes fund-gauge-score-glow-pulse {
    0% {
      text-shadow: 0 0 2px var(--fund-gauge-glow-score-inner), 0 0 8px var(--fund-gauge-glow-score), 0 0 14px var(--fund-gauge-glow-score-outer);
    }
    45% {
      text-shadow: 0 0 4px var(--fund-gauge-glow-score-inner), 0 0 14px var(--fund-gauge-glow-score), 0 0 22px var(--fund-gauge-glow-score-outer);
    }
    100% {
      text-shadow: none;
    }
  }
  .fund-summary-card.fund-summary-card-checker .fund-gauge {
    --gauge-rotate: -90deg;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-s);
    overflow: hidden;
  }
  .fund-summary-card.fund-summary-card-checker .fund-gauge[data-glow-variant=concerns] {
    --fund-gauge-glow-face: rgba(235, 80, 0, 0.38);
    --fund-gauge-glow-score-inner: rgba(65, 81, 201, 0.55);
    --fund-gauge-glow-score: rgba(65, 81, 201, 0.62);
    --fund-gauge-glow-score-outer: rgba(65, 81, 201, 0.35);
  }
  .fund-summary-card.fund-summary-card-checker .fund-gauge[data-glow-variant=positive] {
    --fund-gauge-glow-face: rgba(76, 166, 38, 0.38);
    --fund-gauge-glow-score-inner: rgba(65, 81, 201, 0.55);
    --fund-gauge-glow-score: rgba(65, 81, 201, 0.62);
    --fund-gauge-glow-score-outer: rgba(65, 81, 201, 0.35);
  }
  .fund-summary-card.fund-summary-card-checker .fund-gauge-top {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: var(--spacing-s);
    width: 100%;
  }
  .fund-summary-card.fund-summary-card-checker .fund-gauge-copy {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-s);
    min-width: 0;
  }
  @media screen and (min-width: 769px), print {
    .fund-summary-card.fund-summary-card-checker .fund-gauge-copy {
      flex: 1 1 50%;
    }
  }
  .fund-summary-card.fund-summary-card-checker .fund-gauge-face {
    position: relative;
    width: 100%;
    aspect-ratio: 563.54/305.71;
  }
  @media screen and (min-width: 769px), print {
    .fund-summary-card.fund-summary-card-checker .fund-gauge-face {
      /* Gauge artwork minimum readable width — not on spacing scale */
      min-width: 200px;
    }
  }
  .fund-summary-card.fund-summary-card-checker .fund-gauge-glow-animate .fund-gauge-face {
    animation: fund-gauge-face-glow-pulse 1.3s ease-in-out 1;
  }
  .fund-summary-card.fund-summary-card-checker .fund-gauge-glow-animate .fund-gauge-score {
    animation: fund-gauge-score-glow-pulse 1.3s ease-in-out 1;
  }
  .fund-summary-card.fund-summary-card-checker .fund-gauge-layer {
    display: block;
    height: 100%;
    inset: 0;
    object-fit: contain;
    pointer-events: none;
    position: absolute;
    width: 100%;
  }
  .fund-summary-card.fund-summary-card-checker .fund-gauge-segments {
    z-index: 1;
  }
  .fund-summary-card.fund-summary-card-checker .fund-gauge-labels {
    display: none;
    z-index: 2;
  }
  @media screen and (min-width: 769px), print {
    .fund-summary-card.fund-summary-card-checker .fund-gauge-labels {
      display: block;
    }
  }
  .fund-summary-card.fund-summary-card-checker .fund-gauge-pointer-wrap {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    pointer-events: none;
    transform: rotate(var(--gauge-rotate));
    transform-origin: 50% 92.2%;
    /* Even motion over the full 1.3s so the needle does not look “done” early */
    transition: transform 1.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
  .fund-summary-card.fund-summary-card-checker .fund-gauge-pointer {
    display: block;
    flex-shrink: 0;
    height: 71%;
    width: auto;
  }
  .fund-summary-card.fund-summary-card-checker .fund-gauge-pointer-origin {
    bottom: 0;
    height: auto;
    left: 50%;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
    width: 8.5%;
    z-index: 4;
  }
  .fund-summary-card.fund-summary-card-checker .gauge-debug {
    background: rgb(247, 247, 247);
    border: 1px solid rgb(214, 213, 211);
    border-radius: 0.25rem;
    font-family: var(--text-body-font);
    margin: 0;
    padding: var(--spacing-xs);
    font-size: 0.6938rem;
    line-height: 1.1125rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .fund-summary-card.fund-summary-card-checker .gauge-debug {
      font-size: 0.6938rem;
      line-height: 1.125rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .fund-summary-card.fund-summary-card-checker .gauge-debug {
      font-size: 0.6938rem;
      line-height: 1.1125rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .fund-summary-card.fund-summary-card-checker .gauge-debug-row {
    display: grid;
    gap: var(--spacing-xs);
    grid-template-columns: minmax(min-content, auto) 1fr;
    margin: 0;
  }
  .fund-summary-card.fund-summary-card-checker .gauge-debug-row:not(:last-child) {
    margin-bottom: var(--spacing-xs);
  }
  .fund-summary-card.fund-summary-card-checker .gauge-debug-row dt {
    color: rgb(64, 70, 84);
    font-weight: var(--weight-semibold);
    margin: 0;
  }
  .fund-summary-card.fund-summary-card-checker .gauge-debug-row dd {
    margin: 0;
    word-break: normal;
  }
  .fund-summary-card.fund-summary-card-checker .status-pill {
    display: none;
    align-items: center;
    gap: var(--spacing-xs);
    padding: var(--spacing-xs) 0;
  }
  @media only screen and (width > 767px) {
    .fund-summary-card.fund-summary-card-checker .status-pill {
      display: flex;
    }
  }
  .fund-summary-card.fund-summary-card-checker .status-pill-dot {
    width: var(--spacing-s);
    height: var(--spacing-s);
    border-radius: 50%;
    flex-shrink: 0;
  }
  .fund-summary-card.fund-summary-card-checker .status-pill-concern .status-pill-dot {
    background: rgb(235, 80, 0);
  }
  .fund-summary-card.fund-summary-card-checker .status-pill-positive .status-pill-dot {
    background: rgb(76, 166, 38);
  }
  .fund-summary-card.fund-summary-card-checker .status-pill-text {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .fund-summary-card.fund-summary-card-checker .status-pill-text {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .fund-summary-card.fund-summary-card-checker .status-pill-text {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .fund-summary-card.fund-summary-card-checker .status-pill-text {
    font-weight: 600;
  }
  .fund-summary-card.fund-summary-card-checker .status-pill-concern .status-pill-text {
    color: rgb(235, 80, 0);
  }
  .fund-summary-card.fund-summary-card-checker .status-pill-positive .status-pill-text {
    color: rgb(76, 166, 38);
  }
  .fund-summary-card.fund-summary-card-checker {
    /* Markup uses div, not <footer>, so global `footer {}` (base layer) does not apply. */
  }
  .fund-summary-card.fund-summary-card-checker .fund-summary-card-footer {
    flex-shrink: 0;
    box-sizing: border-box;
    width: 100%;
    padding: var(--spacing-m);
    overflow: hidden;
    border-radius: 0 0 0.75rem 0.75rem;
  }
  @media only screen and (width > 767px) {
    .fund-summary-card.fund-summary-card-checker .fund-summary-card-footer {
      padding: var(--spacing-l);
      display: flex;
      justify-content: flex-end;
    }
  }
  .fund-summary-card.fund-summary-card-checker .fund-summary-card-actions {
    display: flex;
    width: 100%;
    gap: var(--spacing-m);
    align-items: stretch;
  }
  @media only screen and (width > 612px) {
    .fund-summary-card.fund-summary-card-checker .fund-summary-card-actions {
      flex-direction: row;
      width: auto;
      justify-content: flex-end;
      flex: 0 0 auto;
    }
  }
  .fund-summary-card.fund-summary-card-checker {
    /* Standard `.mmbutton.flex-grow` stays flex:1; shrink to content on desktop. */
  }
  @media only screen and (width > 767px) {
    .fund-summary-card.fund-summary-card-checker .fund-summary-card-actions .mmbutton.flex-grow {
      flex: 0 1 auto;
    }
  }
  .radio-card-small-group {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--spacing-m);
    width: 100%;
  }
  @media only screen and (width > 767px) {
    .radio-card-small-group {
      flex-direction: row;
      align-items: stretch;
    }
  }
  .radio-card-small-group-constrained {
    max-width: 540px;
    margin-bottom: var(--spacing-xxl);
  }
  .radio-card-small-group-stacked {
    gap: var(--spacing-m);
    margin-bottom: 0;
  }
  @media only screen and (width > 767px) {
    .radio-card-small-group-stacked {
      flex-direction: column;
    }
  }
  .radio-card-small {
    /* Figma Radio Card Small: default / hover / selected */
    --radio-card-small-bg: rgb(238, 249, 248);
    --radio-card-small-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-s);
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
    border-radius: 9999px;
    background-color: var(--radio-card-small-bg);
    box-shadow: var(--radio-card-small-shadow);
    transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  }
  @media only screen and (width > 767px) {
    .radio-card-small {
      flex: 1 1 0;
      min-width: 0;
    }
  }
  .radio-card-small.is-selected, .radio-card-small:has(.radio-card-small-input:checked) {
    --radio-card-small-bg: rgb(167, 229, 220);
    --radio-card-small-shadow: 0 4px 6px -1px rgba(0, 207, 187, 0.25), 0 2px 4px -1px rgba(0, 207, 187, 0.15);
  }
  .radio-card-small.is-selected:hover, .radio-card-small:has(.radio-card-small-input:checked):hover {
    --radio-card-small-bg: rgb(167, 229, 220);
    --radio-card-small-shadow: 0 4px 6px -1px rgba(0, 207, 187, 0.25), 0 2px 4px -1px rgba(0, 207, 187, 0.15);
  }
  .radio-card-small:hover:not(.is-selected, :has(.radio-card-small-input:checked)) {
    --radio-card-small-bg: rgb(230, 246, 244);
    --radio-card-small-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.15), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
  }
  .radio-card-small:active:not(.is-selected, :has(.radio-card-small-input:checked)) {
    --radio-card-small-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    transform: translateY(0);
  }
  .radio-card-small .info-button {
    margin-right: var(--spacing-xl);
  }
  .radio-card-small-main {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-s);
    flex: 1 1 auto;
    min-width: 0;
    padding: var(--spacing-m) var(--spacing-m) var(--spacing-m) var(--spacing-xl);
    text-decoration: none;
    color: inherit;
    border-radius: 9999px;
    cursor: pointer;
  }
  .radio-card-small-main:focus-visible {
    outline: 2px solid rgb(51, 175, 158);
    outline-offset: 2px;
  }
  .radio-card-small-main:focus-within:has(.radio-card-small-input:focus-visible) {
    outline: 2px solid rgb(51, 175, 158);
    outline-offset: 2px;
  }
  .radio-card-small-radio {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
  }
  .radio-card-small-radio-inner {
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 2px solid rgb(202, 202, 200);
    border-radius: 50%;
    background-color: transparent;
  }
  .radio-card-small-radio-inner.is-checked,
  .radio-card-small-input:checked + .radio-card-small-radio .radio-card-small-radio-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: rgb(51, 175, 158);
    color: rgb(255, 255, 255);
    font-size: 0.8rem;
    line-height: 1.2813rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .radio-card-small-radio-inner.is-checked, .radio-card-small-input:checked + .radio-card-small-radio .radio-card-small-radio-inner {
      font-size: 0.8rem;
      line-height: 1.25rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .radio-card-small-radio-inner.is-checked, .radio-card-small-input:checked + .radio-card-small-radio .radio-card-small-radio-inner {
      font-size: 0.8313rem;
      line-height: 1.3313rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .radio-card-small-radio-inner.is-checked,
  .radio-card-small-input:checked + .radio-card-small-radio .radio-card-small-radio-inner {
    font-weight: 700;
    line-height: 1;
  }
  .radio-card-small-radio-inner.is-checked::after,
  .radio-card-small-input:checked + .radio-card-small-radio .radio-card-small-radio-inner::after {
    content: "✓";
  }
  .radio-card-small-label {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .radio-card-small-label {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .radio-card-small-label {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .radio-card-small-label {
    font-family: var(--text-label-font);
    color: rgb(83, 81, 77);
  }
  .radio-card-small.is-selected .radio-card-small-label,
  .radio-card-small:has(.radio-card-small-input:checked) .radio-card-small-label,
  .radio-card-small:hover:not(.is-selected,
  :has(.radio-card-small-input:checked)) .radio-card-small-label {
    font-weight: 600;
  }
  .checkable-card-group {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--spacing-m);
    width: 100%;
  }
  .checkable-card-group-constrained {
    max-width: 540px;
    margin-bottom: var(--spacing-xxl);
  }
  .checkable-card {
    /* Figma Checkable card: default / hover / selected */
    --checkable-card-bg: rgb(238, 249, 248);
    --checkable-card-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-s);
    width: 100%;
    max-width: 315px;
    min-width: 0;
    min-height: 0;
    border-radius: 0.75rem;
    background-color: var(--checkable-card-bg);
    box-shadow: var(--checkable-card-shadow);
    align-self: center;
    transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .checkable-card:has(.checkable-card-input:checked) {
    --checkable-card-bg: rgb(167, 229, 220);
    --checkable-card-shadow: 0 4px 6px -1px rgba(0, 207, 187, 0.25), 0 2px 4px -1px rgba(0, 207, 187, 0.15);
  }
  .checkable-card:has(.checkable-card-input:checked):hover {
    --checkable-card-bg: rgb(167, 229, 220);
    --checkable-card-shadow: 0 4px 6px -1px rgba(0, 207, 187, 0.25), 0 2px 4px -1px rgba(0, 207, 187, 0.15);
  }
  .checkable-card:hover:not(:has(.checkable-card-input:checked)) {
    --checkable-card-bg: rgb(230, 246, 244);
    --checkable-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.15), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
  }
  .checkable-card:active:not(:has(.checkable-card-input:checked)) {
    --checkable-card-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    transform: translateY(0);
  }
  .checkable-card .info-button {
    margin-right: var(--spacing-xl);
  }
  .checkable-card-main {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-s);
    flex: 1 1 auto;
    min-width: 0;
    padding: var(--spacing-m) var(--spacing-m) var(--spacing-m) var(--spacing-xl);
    text-decoration: none;
    color: inherit;
    border-radius: 0.75rem;
    cursor: pointer;
  }
  .checkable-card-main:focus-within:has(.checkable-card-input:focus-visible) {
    outline: 2px solid rgb(51, 175, 158);
    outline-offset: 2px;
  }
  .checkable-card-box {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
  }
  .checkable-card-box-inner {
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 2px solid rgb(202, 202, 200);
    border-radius: 8px;
    background-color: transparent;
  }
  .checkable-card-input:checked + .checkable-card-box .checkable-card-box-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: rgb(51, 175, 158);
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
  }
  .checkable-card-input:checked + .checkable-card-box .checkable-card-box-inner::after {
    content: "✓";
  }
  .checkable-card-label {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .checkable-card-label {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .checkable-card-label {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .checkable-card-label {
    font-family: var(--text-label-font);
    color: rgb(83, 81, 77);
  }
  .checkable-card:hover .checkable-card-label,
  .checkable-card:has(.checkable-card-input:checked) .checkable-card-label {
    font-weight: 600;
  }
  .chevron-control {
    display: inline-flex;
    color: rgb(97, 110, 210);
    flex-shrink: 0;
    justify-content: center;
    line-height: 0;
    transition: transform 0.2s ease;
    transform-origin: center;
    width: 20px;
    height: 20px;
  }
  @media screen and (min-width: 769px), print {
    .chevron-control {
      width: 28px;
      height: 28px;
    }
  }
  .chevron-control svg {
    display: block;
    flex-shrink: 0;
  }
  /* chevron-down: closed points down, open points up */
  .chevron-control.up-down.is-expanded {
    transform: rotate(180deg);
  }
  /* chevron-right: closed points right, expand rotates; hover uses tilt on funds list */
  .chevron-control.right-down.is-expanded {
    transform: rotate(90deg);
  }
  .chevron-control.right-down.is-tilted {
    transform: rotate(20deg);
  }
  .chevron-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    aspect-ratio: 1/1;
    background: rgb(246, 246, 252);
    border: 1.5px solid rgb(65, 81, 201);
    border-radius: 0.5em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    color: rgb(65, 81, 201);
    line-height: 0;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .chevron-button svg {
    display: block;
    flex-shrink: 0;
    transform-origin: center;
    transition: transform 0.2s ease;
  }
  .chevron-button:hover {
    border-color: rgb(97, 110, 210);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.15), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
  }
  .chevron-button:focus-visible {
    outline: 2px solid rgb(65, 81, 201);
    outline-offset: 2px;
  }
  .chevron-button:active {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    transform: translateY(1px) scale(0.98);
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .chevron-button.is-expanded svg {
    transform: rotate(180deg);
  }
  .compare-control {
    align-items: center;
    background-color: rgb(255, 255, 255);
    border: none;
    border-radius: 0.5em;
    box-shadow: 0 1px 2px 0 rgba(0, 207, 187, 0.1);
    box-sizing: border-box;
    color: rgb(102, 195, 182);
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    height: 1.875rem;
    line-height: 0;
    padding: var(--spacing-xs);
    text-decoration: none;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    width: 1.875rem;
  }
  .compare-control svg {
    display: block;
    flex-shrink: 0;
  }
  .compare-control:hover:not([aria-disabled=true]) {
    background-color: rgb(102, 195, 182);
    box-shadow: 0 4px 6px -1px rgba(0, 207, 187, 0.25), 0 2px 4px -1px rgba(0, 207, 187, 0.15);
    color: rgb(255, 255, 255);
    transform: translateY(-1px);
  }
  .compare-control:active:not([aria-disabled=true]) {
    background-color: rgb(102, 195, 182);
    box-shadow: 0 1px 2px 0 rgba(0, 207, 187, 0.2), inset 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    color: rgb(255, 255, 255);
    transform: translateY(1px) scale(0.98);
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .compare-control.is-pressed {
    background-color: rgb(102, 195, 182);
    color: rgb(255, 255, 255);
  }
  .compare-control[aria-disabled=true] {
    cursor: not-allowed;
    opacity: 0.4;
  }
  .sort-arrow-control {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    line-height: 0;
    color: rgb(65, 81, 201);
  }
  .sort-arrow-control svg {
    display: block;
    flex-shrink: 0;
  }
  .sort-arrow-control.is-white {
    color: white;
  }
  @keyframes fund-gauge-face-glow-pulse {
    0% {
      filter: drop-shadow(0 0 5px var(--fund-gauge-glow-face));
    }
    45% {
      filter: drop-shadow(0 0 11px var(--fund-gauge-glow-face));
    }
    100% {
      filter: none;
    }
  }
  @keyframes fund-gauge-score-glow-pulse {
    0% {
      text-shadow: 0 0 2px var(--fund-gauge-glow-score-inner), 0 0 8px var(--fund-gauge-glow-score), 0 0 14px var(--fund-gauge-glow-score-outer);
    }
    45% {
      text-shadow: 0 0 4px var(--fund-gauge-glow-score-inner), 0 0 14px var(--fund-gauge-glow-score), 0 0 22px var(--fund-gauge-glow-score-outer);
    }
    100% {
      text-shadow: none;
    }
  }
  .fund-gauge {
    --gauge-rotate: -90deg;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-s);
    overflow: hidden;
  }
  .fund-gauge[data-glow-variant=concerns] {
    --fund-gauge-glow-face: rgba(235, 80, 0, 0.38);
    --fund-gauge-glow-score-inner: rgba(65, 81, 201, 0.55);
    --fund-gauge-glow-score: rgba(65, 81, 201, 0.62);
    --fund-gauge-glow-score-outer: rgba(65, 81, 201, 0.35);
  }
  .fund-gauge[data-glow-variant=positive] {
    --fund-gauge-glow-face: rgba(76, 166, 38, 0.38);
    --fund-gauge-glow-score-inner: rgba(65, 81, 201, 0.55);
    --fund-gauge-glow-score: rgba(65, 81, 201, 0.62);
    --fund-gauge-glow-score-outer: rgba(65, 81, 201, 0.35);
  }
  .fund-gauge-top {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: var(--spacing-s);
    width: 100%;
  }
  .fund-gauge-copy {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-s);
    min-width: 0;
  }
  @media screen and (min-width: 769px), print {
    .fund-gauge-copy {
      flex: 1 1 50%;
    }
  }
  .fund-gauge-face {
    position: relative;
    width: 100%;
    aspect-ratio: 563.54/305.71;
  }
  @media screen and (min-width: 769px), print {
    .fund-gauge-face {
      /* Gauge artwork minimum readable width — not on spacing scale */
      min-width: 200px;
    }
  }
  .fund-gauge-glow-animate .fund-gauge-face {
    animation: fund-gauge-face-glow-pulse 1.3s ease-in-out 1;
  }
  .fund-gauge-glow-animate .fund-gauge-score {
    animation: fund-gauge-score-glow-pulse 1.3s ease-in-out 1;
  }
  .fund-gauge-layer {
    display: block;
    height: 100%;
    inset: 0;
    object-fit: contain;
    pointer-events: none;
    position: absolute;
    width: 100%;
  }
  .fund-gauge-segments {
    z-index: 1;
  }
  .fund-gauge-labels {
    display: none;
    z-index: 2;
  }
  @media screen and (min-width: 769px), print {
    .fund-gauge-labels {
      display: block;
    }
  }
  .fund-gauge-pointer-wrap {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    pointer-events: none;
    transform: rotate(var(--gauge-rotate));
    transform-origin: 50% 92.2%;
    /* Even motion over the full 1.3s so the needle does not look “done” early */
    transition: transform 1.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
  .fund-gauge-pointer {
    display: block;
    flex-shrink: 0;
    height: 71%;
    width: auto;
  }
  .fund-gauge-pointer-origin {
    bottom: 0;
    height: auto;
    left: 50%;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
    width: 8.5%;
    z-index: 4;
  }
  .gauge-debug {
    background: rgb(247, 247, 247);
    border: 1px solid rgb(214, 213, 211);
    border-radius: 0.25rem;
    font-family: var(--text-body-font);
    margin: 0;
    padding: var(--spacing-xs);
    font-size: 0.6938rem;
    line-height: 1.1125rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .gauge-debug {
      font-size: 0.6938rem;
      line-height: 1.125rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .gauge-debug {
      font-size: 0.6938rem;
      line-height: 1.1125rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .gauge-debug-row {
    display: grid;
    gap: var(--spacing-xs);
    grid-template-columns: minmax(min-content, auto) 1fr;
    margin: 0;
  }
  .gauge-debug-row:not(:last-child) {
    margin-bottom: var(--spacing-xs);
  }
  .gauge-debug-row dt {
    color: rgb(64, 70, 84);
    font-weight: var(--weight-semibold);
    margin: 0;
  }
  .gauge-debug-row dd {
    margin: 0;
    word-break: normal;
  }
  .funds-results-desktop-gauge-row {
    /* Match .fund-gauge pre-script default; fund-gauge.js sets per-row angle from data-gauge-end-deg. */
    --gauge-rotate: -90deg;
    display: grid;
    gap: var(--spacing-m);
    grid-template-columns: minmax(10rem, 1fr) minmax(8rem, 1fr);
  }
  .funds-results-desktop-gauge-face .fund-gauge-face {
    max-width: 12rem;
  }
  .funds-results-desktop-score-row {
    align-items: center;
    display: flex;
    gap: var(--spacing-s);
  }
  .funds-results-desktop-score {
    color: rgb(65, 81, 201);
    font-weight: 600;
    margin: 0;
    font-size: 1.75rem;
    line-height: 2.275rem;
    font-weight: var(--weight-bold);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .funds-results-desktop-score {
      font-size: 1.5rem;
      line-height: 1.875rem;
      font-weight: var(--weight-bold);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .funds-results-desktop-score {
      font-size: 2.4875rem;
      line-height: 3.2313rem;
      font-weight: var(--weight-bold);
      letter-spacing: 0;
    }
  }
  .funds-results-desktop-gauge-caption {
    color: hsl(221, 14%, 48%);
    font-weight: 600;
    margin: 0;
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .funds-results-desktop-gauge-caption {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .funds-results-desktop-gauge-caption {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .chevron-control {
    display: inline-flex;
    color: rgb(97, 110, 210);
    flex-shrink: 0;
    justify-content: center;
    line-height: 0;
    transition: transform 0.2s ease;
    transform-origin: center;
    width: 20px;
    height: 20px;
  }
  @media screen and (min-width: 769px), print {
    .chevron-control {
      width: 28px;
      height: 28px;
    }
  }
  .chevron-control svg {
    display: block;
    flex-shrink: 0;
  }
  /* chevron-down: closed points down, open points up */
  .chevron-control.up-down.is-expanded {
    transform: rotate(180deg);
  }
  /* chevron-right: closed points right, expand rotates; hover uses tilt on funds list */
  .chevron-control.right-down.is-expanded {
    transform: rotate(90deg);
  }
  .chevron-control.right-down.is-tilted {
    transform: rotate(20deg);
  }
  .chevron-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    aspect-ratio: 1/1;
    background: rgb(246, 246, 252);
    border: 1.5px solid rgb(65, 81, 201);
    border-radius: 0.5em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    color: rgb(65, 81, 201);
    line-height: 0;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .chevron-button svg {
    display: block;
    flex-shrink: 0;
    transform-origin: center;
    transition: transform 0.2s ease;
  }
  .chevron-button:hover {
    border-color: rgb(97, 110, 210);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.15), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
  }
  .chevron-button:focus-visible {
    outline: 2px solid rgb(65, 81, 201);
    outline-offset: 2px;
  }
  .chevron-button:active {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    transform: translateY(1px) scale(0.98);
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .chevron-button.is-expanded svg {
    transform: rotate(180deg);
  }
  .mindful-badge-wrap {
    flex-shrink: 0;
  }
  .mindful-badge-trigger {
    display: block;
    flex-shrink: 0;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    line-height: 0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.15), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .mindful-badge-trigger:hover {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
    transform: translateY(-1px);
  }
  .mindful-badge-trigger:active {
    transform: translateY(0);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }
  .mindful-badge-trigger:focus-visible {
    outline: 2px solid rgb(65, 81, 201);
    outline-offset: var(--spacing-xs);
  }
  .mindful-badge-trigger::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  /* Badge artwork — dimensions not on spacing scale */
  .mindful-badge {
    display: block;
    width: 2.25rem;
    height: 2.25rem;
    object-fit: contain;
    pointer-events: none;
    user-select: none;
  }
  @media only screen and (width > 767px) {
    .mindful-badge {
      width: 2.25rem;
      height: 2.25rem;
    }
  }
  .mindful-badge-empty {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: rgb(214, 213, 211);
  }
  @media only screen and (width > 767px) {
    .mindful-badge-empty {
      width: 2.25rem;
      height: 2.25rem;
    }
  }
  .adaptive-fund-summary {
    background: rgb(255, 255, 255);
    border-radius: 0.75rem;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  }
  @media screen and (min-width: 769px), print {
    .adaptive-fund-summary {
      background: transparent;
      border-radius: 0;
      box-shadow: none;
    }
  }
  @media screen and (min-width: 769px), print {
    .funds-list-compared-items .adaptive-fund-summary:nth-child(odd),
    .funds-list-filtered-items .adaptive-fund-summary:nth-child(odd) {
      background: rgb(255, 255, 255);
    }
    .funds-list-compared-items .adaptive-fund-summary:nth-child(even),
    .funds-list-filtered-items .adaptive-fund-summary:nth-child(even) {
      background: rgb(251, 251, 251);
    }
    .funds-list-compared-items .adaptive-fund-summary .adaptive-fund-summary-header.is-expanded,
    .funds-list-compared-items .adaptive-fund-summary .adaptive-fund-summary-header.is-expanded:hover,
    .funds-list-filtered-items .adaptive-fund-summary .adaptive-fund-summary-header.is-expanded,
    .funds-list-filtered-items .adaptive-fund-summary .adaptive-fund-summary-header.is-expanded:hover {
      background: transparent;
    }
  }
  .adaptive-fund-summary-header {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-s);
  }
  @media screen and (min-width: 769px), print {
    .adaptive-fund-summary-header {
      display: grid;
      gap: 0;
      grid-template-columns: 22.5rem repeat(4, 1fr) 9.75rem;
      padding-inline-start: 0;
      align-items: center;
      cursor: pointer;
      min-height: 4.75rem;
      padding-block: 0;
      padding-inline-end: 0;
      transition: background-color 0.2s ease;
    }
    .adaptive-fund-summary-header:hover:not(.is-expanded) {
      background: rgb(247, 252, 252);
    }
    .adaptive-fund-summary-header.is-expanded, .adaptive-fund-summary-header.is-expanded:hover {
      background: rgb(255, 255, 255);
      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.15), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
      position: relative;
      z-index: 1;
    }
  }
  .adaptive-fund-summary-mobile-top {
    background: rgb(247, 252, 252);
    border-radius: 0.75rem 0.75rem 0 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-m);
    padding: var(--spacing-m);
  }
  @media screen and (min-width: 769px), print {
    .adaptive-fund-summary-mobile-top {
      display: none;
    }
  }
  .adaptive-fund-summary-title-row {
    align-items: flex-start;
    display: flex;
    gap: var(--spacing-s);
    justify-content: space-between;
  }
  .adaptive-fund-summary-title-lhs {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: var(--spacing-s);
    min-width: 0;
  }
  .adaptive-fund-summary-metrics-inline {
    display: flex;
    align-items: flex-end;
    flex-wrap: nowrap;
    gap: var(--spacing-s);
    justify-content: space-between;
  }
  .adaptive-fund-summary-inline-metric {
    display: flex;
    align-items: flex-end;
    flex-wrap: nowrap;
    gap: var(--spacing-xs);
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .adaptive-fund-summary-inline-metric {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .adaptive-fund-summary-inline-metric {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .adaptive-fund-summary-inline-metric {
    color: rgb(51, 51, 51);
  }
  .adaptive-fund-summary-inline-label {
    color: rgb(51, 51, 51);
  }
  .adaptive-fund-summary-inline-value {
    color: rgb(51, 51, 51);
    margin-inline-start: var(--spacing-xs);
  }
  .adaptive-fund-summary-inline-divider {
    color: rgb(83, 81, 77);
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .adaptive-fund-summary-inline-divider {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .adaptive-fund-summary-inline-divider {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .adaptive-fund-summary-name-cell {
    display: none;
    align-items: center;
    flex-wrap: nowrap;
    gap: var(--spacing-m);
    min-width: 0;
  }
  @media screen and (min-width: 769px), print {
    .adaptive-fund-summary-name-cell {
      display: flex;
      gap: var(--spacing-s);
      max-width: 22.5rem;
      min-width: 22.5rem;
      padding: var(--spacing-s) var(--spacing-m);
    }
  }
  .adaptive-fund-summary-titles {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: var(--spacing-s);
    min-width: 0;
  }
  .adaptive-fund-summary-title-main {
    align-items: center;
    display: flex;
    gap: var(--spacing-m);
    min-width: 0;
  }
  .adaptive-fund-summary-chevron {
    display: none;
  }
  @media screen and (min-width: 769px), print {
    .adaptive-fund-summary-chevron {
      display: inline-flex;
      flex-shrink: 0;
    }
  }
  .adaptive-fund-summary-name-mobile {
    font-size: 1.125rem;
    line-height: 1.4625rem;
    font-weight: var(--weight-bold);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .adaptive-fund-summary-name-mobile {
      font-size: 1.125rem;
      line-height: 1.5rem;
      font-weight: var(--weight-bold);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .adaptive-fund-summary-name-mobile {
      font-size: 1.4375rem;
      line-height: 1.8687rem;
      font-weight: var(--weight-bold);
      letter-spacing: 0;
    }
  }
  .adaptive-fund-summary-name-mobile {
    color: rgb(65, 81, 201);
    flex: 1 1 auto;
    font-weight: var(--weight-bold);
    min-width: 0;
    text-decoration: underline;
  }
  .adaptive-fund-summary-name-mobile:hover {
    color: rgb(97, 110, 210);
  }
  @media screen and (min-width: 769px), print {
    .adaptive-fund-summary-name-mobile {
      display: none;
    }
  }
  .adaptive-fund-summary-name-desktop {
    color: rgb(51, 51, 51);
    display: none;
    flex: 1 1 auto;
    min-width: 0;
    text-decoration: none;
    white-space: normal;
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .adaptive-fund-summary-name-desktop {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .adaptive-fund-summary-name-desktop {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .adaptive-fund-summary-name-desktop {
    font-weight: var(--weight-semibold);
  }
  .adaptive-fund-summary-name-desktop:hover {
    color: rgb(65, 81, 201);
    text-decoration: underline;
  }
  .adaptive-fund-summary-name-desktop.is-plain:hover {
    color: rgb(51, 51, 51);
    text-decoration: none;
  }
  @media screen and (min-width: 769px), print {
    .adaptive-fund-summary-name-desktop {
      display: block;
    }
  }
  .adaptive-fund-summary-metric {
    align-items: center;
    color: rgb(83, 81, 77);
    display: none;
    justify-content: space-between;
    gap: var(--spacing-s);
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .adaptive-fund-summary-metric {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .adaptive-fund-summary-metric {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media screen and (min-width: 769px), print {
    .adaptive-fund-summary-metric {
      align-items: flex-start;
      display: flex;
      gap: var(--spacing-xs);
      justify-content: flex-end;
      padding: var(--spacing-s) var(--spacing-m);
      text-align: right;
    }
  }
  .adaptive-fund-summary-metric-label {
    display: none;
  }
  .adaptive-fund-summary-metric-value {
    text-align: right;
  }
  .adaptive-fund-summary-metric-spacer {
    display: none;
    flex-shrink: 0;
    width: 1.75rem;
  }
  @media screen and (min-width: 769px), print {
    .adaptive-fund-summary-metric-spacer {
      display: block;
    }
  }
  .adaptive-fund-summary-row-actions {
    display: none;
  }
  @media screen and (min-width: 769px), print {
    .adaptive-fund-summary-row-actions {
      display: flex;
      justify-content: flex-end;
      padding: var(--spacing-s) var(--spacing-m);
    }
  }
  .adaptive-fund-summary-mobile-content {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-s);
    padding: var(--spacing-m) var(--spacing-m) var(--spacing-s);
  }
  @media screen and (min-width: 769px), print {
    .adaptive-fund-summary-mobile-content {
      display: none;
    }
  }
  .adaptive-fund-summary-concern-copy {
    font-size: var(--type-h5-font-size);
    font-weight: var(--type-body-font-weight);
    letter-spacing: var(--type-h5-letter-spacing);
    line-height: var(--type-h5-line-height);
    color: rgb(51, 51, 51);
    margin: 0;
  }
  .adaptive-fund-summary-mobile-expand {
    align-items: center;
    appearance: none;
    background: transparent;
    border: none;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    color: rgb(65, 81, 201);
    cursor: pointer;
    display: inline-flex;
    font-weight: var(--weight-semibold);
    gap: var(--spacing-s);
    margin: 0;
    padding: var(--spacing-s) 0;
    text-align: start;
    width: 100%;
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .adaptive-fund-summary-mobile-expand {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .adaptive-fund-summary-mobile-expand {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .adaptive-fund-summary-mobile-expand:focus-visible {
    outline: 2px solid rgb(65, 81, 201);
    outline-offset: 2px;
  }
  .adaptive-fund-summary-details-mobile {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-m);
    padding-top: var(--spacing-m);
  }
  .adaptive-fund-summary-details-mobile[hidden] {
    display: none;
  }
  .adaptive-fund-summary-details-desktop {
    display: none;
    background: inherit;
  }
  @media screen and (min-width: 769px), print {
    .adaptive-fund-summary-details-desktop {
      display: block;
      border-left: 4px solid rgb(97, 110, 210);
      padding-block: var(--spacing-xl);
      padding-inline: var(--spacing-hxl);
    }
    .adaptive-fund-summary-details-desktop[hidden] {
      display: none;
    }
  }
  .adaptive-fund-summary-details-loading {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .adaptive-fund-summary-details-loading {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .adaptive-fund-summary-details-loading {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .adaptive-fund-summary-details-loading {
    color: rgb(51, 51, 51);
    margin: 0;
  }
  .adaptive-fund-summary-details-desktop-body:not(.htmx-request) .adaptive-fund-summary-details-loading, .adaptive-fund-summary-details-mobile:not(.htmx-request) .adaptive-fund-summary-details-loading {
    display: none;
  }
  .adaptive-fund-summary-compare-hint {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .adaptive-fund-summary-compare-hint {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .adaptive-fund-summary-compare-hint {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .adaptive-fund-summary-compare-hint {
    color: rgb(127, 127, 127);
    margin: 0;
  }
  .adaptive-fund-summary-compare-stack {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: var(--spacing-xs);
    max-width: 6rem;
    padding-inline: var(--spacing-s);
  }
  @media screen and (min-width: 769px), print {
    .adaptive-fund-summary-compare-stack {
      display: none;
    }
  }
  .adaptive-fund-summary-name-cell .compare-control {
    display: none;
  }
  @media screen and (min-width: 769px), print {
    .adaptive-fund-summary-name-cell .compare-control {
      display: inline-flex;
      height: 2rem;
      width: 2rem;
    }
  }
  .adaptive-fund-summary-compare-label {
    font-size: 0.8rem;
    line-height: 1.2813rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .adaptive-fund-summary-compare-label {
      font-size: 0.8rem;
      line-height: 1.25rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .adaptive-fund-summary-compare-label {
      font-size: 0.8313rem;
      line-height: 1.3313rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .adaptive-fund-summary-compare-label {
    color: rgb(83, 81, 77);
    text-align: right;
  }
  .categories-breakdown {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-m);
  }
  .categories-breakdown-group {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-s);
  }
  .categories-breakdown-info-box {
    padding: var(--spacing-l) var(--spacing-m);
    margin: var(--spacing-s) var(--spacing-l) var(--spacing-l) var(--spacing-l);
  }
  .categories-breakdown-row {
    align-items: center;
    display: flex;
    gap: var(--spacing-s);
    width: 100%;
  }
  .categories-breakdown-symbol {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    height: 2rem;
    width: 2rem;
  }
  .categories-breakdown-symbol img {
    display: block;
    object-fit: contain;
    height: 100%;
    width: 100%;
  }
  @media screen and (min-width: 769px), print {
    .categories-breakdown-symbol {
      height: 42px;
      width: 42px;
    }
  }
  .categories-breakdown-tick {
    color: rgb(76, 166, 38);
    display: inline-flex;
    flex-shrink: 0;
    height: 2rem;
    width: 2rem;
  }
  .categories-breakdown-tick svg {
    display: block;
    height: 100%;
    width: 100%;
  }
  @media screen and (min-width: 769px), print {
    .categories-breakdown-tick {
      height: 42px;
      width: 42px;
    }
  }
  .categories-breakdown-label-row {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: var(--spacing-xs);
    min-width: 0;
  }
  .categories-breakdown-info {
    display: inline-flex;
    flex-shrink: 0;
  }
  .categories-breakdown-label {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .categories-breakdown-label {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .categories-breakdown-label {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .categories-breakdown-label {
    color: rgb(65, 81, 201);
    font-weight: 400;
    min-width: 0;
  }
  .categories-breakdown-row-zero .categories-breakdown-label {
    color: rgb(83, 81, 77);
    text-decoration: none;
  }
  .categories-breakdown-score {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .categories-breakdown-score {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .categories-breakdown-score {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .categories-breakdown-score {
    color: rgb(51, 51, 51);
    flex-shrink: 0;
    font-weight: 400;
  }
  .fund-summary-details {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-l);
  }
  .fund-summary-details-badge-strip {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-m);
  }
  .fund-summary-details-badge-copy {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .fund-summary-details-badge-copy {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .fund-summary-details-badge-copy {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .fund-summary-details-badge-copy {
    color: rgb(83, 81, 77);
    margin: 0;
  }
  .fund-summary-details-badge-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-s);
  }
  .fund-summary-details-badge-row .mindful-badge {
    height: 3rem;
    width: 3rem;
  }
  .fund-summary-details-columns {
    display: grid;
    gap: var(--spacing-hxl);
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
  .fund-summary-details-column {
    min-width: 0;
    padding: 0;
  }
  .fund-summary-details-prompt {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .fund-summary-details-prompt {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .fund-summary-details-prompt {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .fund-summary-details-prompt {
    color: rgb(83, 81, 77);
    margin: 0;
  }
  .fund-summary-details-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-s);
  }
  .funds-list-page {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-l);
    overflow-anchor: none;
    padding: var(--spacing-m);
  }
  .funds-list-heading {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-m);
  }
  .funds-list-heading p {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .funds-list-heading p {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .funds-list-heading p {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .funds-list-heading p {
    color: rgb(51, 51, 51);
    margin: 0;
  }
  .funds-list-send-results {
    display: none;
  }
  .funds-list-loading-indicator {
    display: block;
    height: 0;
    overflow: hidden;
    width: 0;
  }
  .funds-list {
    display: flex;
    flex-direction: column;
  }
  .funds-list-loading {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .funds-list-loading {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .funds-list-loading {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .funds-list-loading {
    color: rgb(51, 51, 51);
    display: none;
    margin: 0;
  }
  .funds-list-empty {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .funds-list-empty {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .funds-list-empty {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .funds-list-empty {
    color: rgb(83, 81, 77);
    margin: 0;
  }
  .funds-list-compared {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-m);
    border-radius: 0.75rem;
    background: rgb(230, 246, 244);
    overflow: clip;
  }
  @media screen and (min-width: 769px), print {
    .funds-list-compared {
      gap: 0;
    }
  }
  .funds-list-compared[hidden] {
    display: none;
  }
  .funds-list-compared-header {
    align-items: flex-start;
    display: flex;
    gap: var(--spacing-m);
    padding: var(--spacing-xxl) var(--spacing-m) var(--spacing-m);
  }
  @media screen and (min-width: 769px), print {
    .funds-list-compared-header {
      flex-direction: column;
      padding: var(--spacing-xl) var(--spacing-m) var(--spacing-m) calc(var(--spacing-xxl) + var(--spacing-s));
    }
  }
  .funds-list-compared-lead {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: var(--spacing-xs);
    min-width: 0;
  }
  .funds-list-compared-aside {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: var(--spacing-s);
  }
  @media screen and (min-width: 769px), print {
    .funds-list-compared-aside {
      align-items: flex-start;
      flex-direction: row;
      gap: var(--spacing-m);
    }
  }
  .funds-list-compared-aside-copy {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
  }
  .funds-list-compared-icon {
    align-items: center;
    color: rgb(102, 195, 182);
    display: inline-flex;
    flex-shrink: 0;
    height: 1.875rem;
    justify-content: center;
    line-height: 0;
    width: 1.875rem;
  }
  .funds-list-compared-icon svg {
    display: block;
    height: 1.5rem;
    width: 1.5rem;
  }
  .funds-list-compared-title {
    font-size: 1.375rem;
    line-height: 1.7875rem;
    font-weight: var(--weight-bold);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .funds-list-compared-title {
      font-size: 1.25rem;
      line-height: 1.625rem;
      font-weight: var(--weight-bold);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .funds-list-compared-title {
      font-size: 1.725rem;
      line-height: 2.2437rem;
      font-weight: var(--weight-bold);
      letter-spacing: 0;
    }
  }
  .funds-list-compared-title {
    color: rgb(65, 81, 201);
    font-family: var(--text-heading-font);
    margin: 0;
  }
  .funds-list-clear-compared {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .funds-list-clear-compared {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .funds-list-clear-compared {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .funds-list-clear-compared {
    width: 96px;
    text-align: right;
    font-family: var(--text-heading-font);
    font-weight: var(--weight-regular);
    text-decoration: underline;
    color: rgb(65, 81, 201);
  }
  @media screen and (min-width: 769px), print {
    .funds-list-clear-compared {
      width: auto;
      text-align: left;
    }
  }
  .funds-list-compared-help {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .funds-list-compared-help {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .funds-list-compared-help {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .funds-list-compared-help {
    color: rgb(127, 127, 127);
    margin: 0;
  }
  .funds-list-compared-help.is-desktop {
    display: none;
  }
  @media screen and (min-width: 769px), print {
    .funds-list-compared-help.is-desktop {
      display: block;
    }
  }
  @media screen and (min-width: 769px), print {
    .funds-list-compared-help.is-mobile {
      display: none;
    }
  }
  .funds-list-compared-items,
  .funds-list-filtered-items {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-m);
  }
  @media screen and (min-width: 769px), print {
    .funds-list-compared-items,
    .funds-list-filtered-items {
      gap: 0;
    }
  }
  .funds-list.is-finder-results .funds-list-filtered-items {
    gap: var(--spacing-l);
  }
  @media screen and (min-width: 769px), print {
    .funds-list.is-finder-results {
      border: 1px solid rgb(202, 202, 200);
      border-radius: 0.75rem;
      overflow: clip;
    }
    .funds-list.is-finder-results .funds-list-filtered-items {
      gap: 0;
    }
    .funds-list.is-finder-results .funds-list-interstitial-content {
      padding-block: var(--spacing-xl);
      padding-inline: var(--spacing-m);
    }
  }
  .funds-list-interstitial-content {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    gap: var(--spacing-m);
  }
  .funds-list-find-ideal {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-m);
    padding: var(--spacing-m) var(--spacing-xl);
    text-align: center;
  }
  .funds-list-find-ideal p {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .funds-list-find-ideal p {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .funds-list-find-ideal p {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .funds-list-find-ideal p {
    color: rgb(83, 81, 77);
    font-family: var(--text-heading-font);
    font-weight: var(--weight-regular);
    margin: 0;
  }
  @media screen and (min-width: 769px), print {
    .funds-list-find-ideal {
      flex-direction: row;
      justify-content: space-between;
      padding: var(--spacing-xl) var(--spacing-xxxl);
      text-align: start;
    }
  }
  .funds-list-find-ideal-actions {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-m);
  }
  @media screen and (min-width: 769px), print {
    .funds-list-find-ideal-actions {
      flex-direction: row;
    }
  }
  .funds-list-filtered {
    padding-top: var(--spacing-m);
  }
  @media screen and (min-width: 769px), print {
    .funds-list-filtered {
      padding-top: 0;
    }
  }
  .funds-list-filtered-heading {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-s);
    padding-inline: var(--spacing-m);
  }
  @media screen and (min-width: 769px), print {
    .funds-list-filtered-heading {
      padding-block: var(--spacing-m);
      padding-inline: calc(var(--spacing-xxl) + var(--spacing-s)) var(--spacing-m);
    }
  }
  .funds-list-filtered-title {
    font-size: 1.375rem;
    line-height: 1.7875rem;
    font-weight: var(--weight-bold);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .funds-list-filtered-title {
      font-size: 1.25rem;
      line-height: 1.625rem;
      font-weight: var(--weight-bold);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .funds-list-filtered-title {
      font-size: 1.725rem;
      line-height: 2.2437rem;
      font-weight: var(--weight-bold);
      letter-spacing: 0;
    }
  }
  .funds-list-filtered-title {
    color: rgb(65, 81, 201);
    margin: 0;
  }
  .funds-list-column-header {
    display: none;
  }
  @media screen and (min-width: 769px), print {
    .funds-list-column-header {
      background: rgb(251, 251, 251);
      display: block;
    }
  }
  @media screen and (min-width: 769px), print {
    .funds-list-column-header.is-sticky {
      border-radius: 0.75rem 0.75rem 0 0;
      position: sticky;
      top: calc(var(--navbar-height, 0px));
      z-index: 100;
      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.15), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
    }
  }
  .funds-list-column-header-row {
    display: grid;
    gap: 0;
    grid-template-columns: 22.5rem repeat(4, 1fr) 9.75rem;
    padding-inline-start: 0;
  }
  .funds-list-column-header-row > div {
    align-items: flex-end;
    color: rgb(51, 51, 51);
    display: flex;
    gap: var(--spacing-xs);
    padding: var(--spacing-m) var(--spacing-m) var(--spacing-s);
    font-size: 0.8rem;
    line-height: 1.2813rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .funds-list-column-header-row > div {
      font-size: 0.8rem;
      line-height: 1.25rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .funds-list-column-header-row > div {
      font-size: 0.8313rem;
      line-height: 1.3313rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .funds-list-column-header-row > div {
    font-family: var(--text-body-font);
    font-weight: var(--weight-regular);
  }
  .funds-list-column-header-row > .funds-list-col-name {
    padding-inline-start: calc(var(--spacing-xxxl) + var(--spacing-l));
  }
  @media screen and (min-width: 769px), print {
    .funds-list-filtered-items > .adaptive-fund-summary:last-child {
      border-end-end-radius: 0.75rem;
      border-end-start-radius: 0.75rem;
      overflow: clip;
    }
  }
  .funds-list-col-fees,
  .funds-list-col-returns,
  .funds-list-col-concerns,
  .funds-list-col-positive {
    justify-content: flex-end;
  }
  .funds-list-col-fees .funds-list-col-sort-link span,
  .funds-list-col-returns .funds-list-col-sort-link span,
  .funds-list-col-concerns .funds-list-col-sort-link span,
  .funds-list-col-positive .funds-list-col-sort-link span {
    max-width: 4rem;
    text-align: right;
  }
  .funds-list-col-sort-link {
    align-items: flex-end;
    color: inherit;
    display: inline-flex;
    gap: var(--spacing-s);
    text-decoration: none;
  }
  .funds-list-col-sort-link:hover {
    text-decoration: underline;
  }
  .funds-list-col-sort-link-end {
    justify-content: flex-end;
  }
  .funds-list-col-label-row {
    align-items: flex-end;
    display: inline-flex;
    gap: var(--spacing-xs);
  }
  .funds-list-col-label-row-end {
    justify-content: flex-end;
    width: 100%;
  }
  .funds-list-col-actions {
    align-items: center;
    gap: var(--spacing-s);
    justify-content: flex-end;
  }
  .funds-list-collapse-all {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    appearance: none;
    background: transparent;
    border: none;
    color: rgb(65, 81, 201);
    cursor: pointer;
    gap: var(--spacing-s);
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-semibold);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .funds-list-collapse-all {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-semibold);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .funds-list-collapse-all {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-semibold);
      letter-spacing: 0;
    }
  }
  .funds-list-collapse-all[hidden] {
    display: none;
  }
  .funds-list-show-more {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-m);
    padding: var(--spacing-xxl) 0;
  }
  @media screen and (min-width: 769px), print {
    .funds-list-show-more {
      flex-direction: row;
      justify-content: center;
      padding: var(--spacing-xxl) var(--spacing-xxl);
    }
  }
  .funds-list-show-more[hidden] {
    display: none;
  }
  .funds-list-showing {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .funds-list-showing {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .funds-list-showing {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .funds-list-showing {
    color: rgb(83, 81, 77);
    margin: 0;
  }
  .funds-list-show-more-loading {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .funds-list-show-more-loading {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .funds-list-show-more-loading {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .funds-list-show-more-loading {
    color: rgb(51, 51, 51);
    display: none;
    margin: 0;
  }
  .funds-list-show-more.htmx-request .funds-list-showing {
    display: none;
  }
  .funds-list-show-more.htmx-request .funds-list-show-more-loading {
    display: block;
  }
  .funds-list-show-more-chevron {
    transform: rotate(0deg);
  }
  .funds-list-disclaimer {
    width: 100%;
    margin: var(--spacing-m) 0;
  }
  @media screen and (min-width: 769px), print {
    .funds-list-disclaimer {
      margin: var(--spacing-xl) 0;
    }
  }
  .funds-list-switching {
    margin: 0;
  }
  @media only screen and (width <= 767px) {
    .funds-list-switching {
      margin: var(--spacing-m) 0;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    ::view-transition-group(*),
    ::view-transition-old(*),
    ::view-transition-new(*) {
      animation: none !important;
    }
  }
  @media screen and (min-width: 769px), print {
    .funds-results-mobile {
      display: none;
    }
  }
  .funds-results-mobile-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-m);
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .funds-results-desktop {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(214, 213, 211);
    border-radius: 0.75rem;
    display: none;
  }
  @media screen and (min-width: 769px), print {
    .funds-results-desktop {
      display: block;
    }
  }
  .funds-results-desktop .mindful-badge-wrap {
    flex-shrink: 0;
  }
  .funds-results-desktop .mindful-badge-trigger {
    display: block;
    flex-shrink: 0;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    line-height: 0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.15), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .funds-results-desktop .mindful-badge-trigger:hover {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
    transform: translateY(-1px);
  }
  .funds-results-desktop .mindful-badge-trigger:active {
    transform: translateY(0);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }
  .funds-results-desktop .mindful-badge-trigger:focus-visible {
    outline: 2px solid rgb(65, 81, 201);
    outline-offset: var(--spacing-xs);
  }
  .funds-results-desktop .mindful-badge-trigger::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  .funds-results-desktop {
    /* Badge artwork — dimensions not on spacing scale */
  }
  .funds-results-desktop .mindful-badge {
    display: block;
    width: 2.25rem;
    height: 2.25rem;
    object-fit: contain;
    pointer-events: none;
    user-select: none;
  }
  @media only screen and (width > 767px) {
    .funds-results-desktop .mindful-badge {
      width: 2.25rem;
      height: 2.25rem;
    }
  }
  .funds-results-desktop .mindful-badge-empty {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: rgb(214, 213, 211);
  }
  @media only screen and (width > 767px) {
    .funds-results-desktop .mindful-badge-empty {
      width: 2.25rem;
      height: 2.25rem;
    }
  }
  .funds-results-desktop-table {
    border-collapse: collapse;
    margin: 0;
    width: 100%;
  }
  .funds-results-desktop-table thead {
    position: static;
  }
  @media screen and (min-width: 769px), print {
    .funds-results-desktop-table thead {
      position: sticky;
      top: calc(var(--navbar-height, 0px) + var(--spacing-xs));
      z-index: 100;
    }
  }
  .funds-results-desktop-header {
    background: rgb(247, 247, 247);
    display: grid;
    gap: 0;
    grid-template-columns: 2fr 1fr 1fr 1fr 1.75fr;
    border-radius: 0.75rem 0.75rem 0 0;
  }
  .funds-results-desktop-header th {
    background: rgb(247, 247, 247);
    font-weight: inherit;
    padding: 0;
    text-align: start;
    vertical-align: middle;
  }
  .funds-results-desktop-header th:first-child {
    border-start-start-radius: 0.75rem;
  }
  .funds-results-desktop-header th:last-child {
    border-start-end-radius: 0.75rem;
  }
  .funds-results-desktop-heading {
    display: inline-flex;
    align-items: flex-start;
    color: rgb(83, 81, 77);
    gap: var(--spacing-s);
    padding: var(--spacing-s) var(--spacing-m);
    text-decoration: none;
    font-size: 0.8rem;
    line-height: 1.2813rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .funds-results-desktop-heading {
      font-size: 0.8rem;
      line-height: 1.25rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .funds-results-desktop-heading {
      font-size: 0.8313rem;
      line-height: 1.3313rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .funds-results-desktop-heading {
    font-weight: var(--weight-semibold);
  }
  a.funds-results-desktop-heading {
    text-decoration: none;
  }
  .funds-results-desktop-heading-link {
    color: inherit;
    text-decoration: none;
  }
  .funds-results-desktop-heading-link:hover {
    text-decoration: underline;
  }
  .funds-results-desktop-sort {
    color: inherit;
    display: inline-flex;
    line-height: 0;
    text-decoration: none;
  }
  .funds-results-desktop-heading-label {
    align-items: flex-start;
    color: rgb(83, 81, 77);
    display: inline-flex;
    gap: var(--spacing-s);
    min-height: 3.5rem;
    padding: var(--spacing-s) var(--spacing-m);
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .funds-results-desktop-heading-label {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .funds-results-desktop-heading-label {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .funds-results-desktop-heading-actions {
    min-height: 3.5rem;
  }
  .funds-results-desktop-heading-collapse-all {
    display: flex;
    justify-content: flex-end;
    text-align: end;
  }
  .funds-results-desktop-collapse-all {
    align-items: center;
    appearance: none;
    background: transparent;
    border: none;
    cursor: pointer;
    display: inline-flex;
    gap: var(--spacing-s);
    margin: 0;
    padding: 0;
  }
  .funds-results-desktop-collapse-all[hidden] {
    display: none;
  }
  .funds-results-desktop-collapse-all .funds-results-desktop-collapse-all-chevron {
    height: 16px;
    transform: rotate(180deg);
    width: 16px;
  }
  .funds-results-desktop-summary {
    align-items: center;
    border-bottom: 1px solid rgb(214, 213, 211);
    cursor: pointer;
    display: grid;
    gap: 0;
    grid-template-columns: 2fr 1fr 1fr 1fr 1.75fr;
    min-height: 4.5rem;
    padding-inline-start: var(--spacing-xs);
    transition: background-color 0.2s ease;
  }
  .funds-results-desktop-summary:hover {
    background: rgb(230, 246, 244);
  }
  .funds-results-desktop-summary:has(+ .funds-results-desktop-details-tr:last-child) {
    border-bottom: none;
  }
  .funds-results-desktop-summary th[scope=row] {
    font-weight: inherit;
    text-align: start;
  }
  .funds-results-desktop-summary.funds-results-desktop-row.is-expanded {
    border-bottom: none;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.15), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1;
  }
  .funds-results-desktop-summary.funds-results-desktop-row.is-expanded + .funds-results-desktop-details-tr {
    border-bottom: 1px solid rgb(214, 213, 211);
  }
  .funds-results-desktop-summary:not(.is-expanded):has(+ .funds-results-desktop-details-tr:last-child) {
    border-radius: 0 0 0.75rem 0.75rem;
  }
  .funds-results-desktop-summary:not(.is-expanded):hover:has(+ .funds-results-desktop-details-tr:last-child) {
    border-radius: 0 0 0.75rem 0.75rem;
  }
  .funds-results-desktop-item.is-alternate.funds-results-desktop-summary {
    background: rgb(251, 251, 251);
  }
  .funds-results-desktop-item.is-alternate.funds-results-desktop-summary:hover {
    background: rgb(230, 246, 244);
  }
  .funds-results-desktop-item.is-alternate.funds-results-desktop-summary:not(.is-expanded):hover:has(+ .funds-results-desktop-details-tr:last-child) {
    border-radius: 0 0 0.75rem 0.75rem;
  }
  .funds-results-desktop-details-tr[hidden] {
    display: none;
  }
  .funds-results-desktop-details-cell {
    padding: 0;
    vertical-align: top;
  }
  .funds-results-desktop-chevron {
    margin-right: var(--spacing-xs);
  }
  .funds-results-desktop-cell {
    align-items: center;
    color: rgb(83, 81, 77);
    display: flex;
    min-height: 100%;
    padding: var(--spacing-s) var(--spacing-m);
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .funds-results-desktop-cell {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .funds-results-desktop-cell {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .funds-results-desktop-cell-name {
    gap: var(--spacing-s);
    min-width: 360px;
  }
  .funds-results-desktop-name {
    color: rgb(83, 81, 77);
    font-weight: 600;
    text-decoration: none;
  }
  .funds-results-desktop-name:hover {
    color: rgb(65, 81, 201);
    text-decoration: underline;
  }
  .funds-results-desktop-actions {
    gap: var(--spacing-m);
    justify-content: flex-end;
  }
  .funds-results-desktop-row-details {
    background: rgb(255, 255, 255);
    border-left: 4px solid rgb(102, 195, 182);
    padding: var(--spacing-l);
  }
  .funds-results-desktop-breakdown-grid {
    align-items: start;
    display: grid;
    gap: var(--spacing-l);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .funds-results-desktop-breakdown {
    display: grid;
    gap: var(--spacing-s);
  }
  .label {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .label {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .label {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .label {
    font-weight: 800;
  }
  .text-field {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .text-field {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .text-field {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .text-field {
    box-sizing: border-box;
    height: var(--bulma-control-height);
    padding: 0 var(--spacing-m);
    border: 1px solid rgb(202, 202, 200);
    border-radius: 0.5em;
    background-color: rgb(255, 255, 255);
    color: rgb(64, 70, 84);
  }
  .text-field.is-danger {
    border-color: #f14668;
  }
  .text-field {
    width: 100%;
  }
  .text-field::placeholder {
    color: rgb(163, 161, 156);
  }
  .select-field {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .select-field {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .select-field {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .select-field {
    box-sizing: border-box;
    height: var(--bulma-control-height);
    padding: 0 var(--spacing-m);
    border: 1px solid rgb(202, 202, 200);
    border-radius: 0.5em;
    background-color: rgb(255, 255, 255);
    color: rgb(64, 70, 84);
  }
  .select-field.is-danger {
    border-color: #f14668;
  }
  .select-field {
    padding-right: var(--spacing-xl);
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23404654' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right var(--spacing-s) center;
    background-size: var(--spacing-m);
    cursor: pointer;
  }
  .email-results-drawer-content {
    gap: var(--spacing-l);
  }
  .email-results-drawer-banner {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .email-results-drawer-banner {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .email-results-drawer-banner {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .email-results-drawer-banner {
    margin: calc(-1 * var(--spacing-m)) calc(-1 * var(--spacing-m)) 0;
    padding: var(--spacing-m);
    background: rgb(251, 251, 251);
    color: rgb(220, 77, 124) !important;
    font-weight: 600;
    text-align: center;
  }
  .email-me-form-intro {
    color: rgb(64, 70, 84);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-s);
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .email-me-form-intro {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .email-me-form-intro {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .email-me-form-fields {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-m);
  }
  .email-me-form-opt-in-label {
    align-items: flex-start;
    display: flex;
    gap: var(--spacing-s);
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .email-me-form-opt-in-label {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .email-me-form-opt-in-label {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .email-me-form-opt-in-label .email-me-form-opt-in-checkbox {
    margin-top: var(--spacing-xs);
  }
  .email-me-subscribe-fields {
    display: none;
  }
  .email-me-subscribe-fields.is-visible {
    display: block;
  }
  .email-me-form-user-type {
    width: 100%;
    min-width: 0;
  }
  .email-results-drawer-footer {
    justify-content: flex-start;
  }
  .label {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .label {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .label {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .label {
    font-weight: 800;
  }
  .text-field {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .text-field {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .text-field {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .text-field {
    box-sizing: border-box;
    height: var(--bulma-control-height);
    padding: 0 var(--spacing-m);
    border: 1px solid rgb(202, 202, 200);
    border-radius: 0.5em;
    background-color: rgb(255, 255, 255);
    color: rgb(64, 70, 84);
  }
  .text-field.is-danger {
    border-color: #f14668;
  }
  .text-field {
    width: 100%;
  }
  .text-field::placeholder {
    color: rgb(163, 161, 156);
  }
  .select-field {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: var(--weight-regular);
    letter-spacing: 0;
  }
  @media only screen and (width < 400px) {
    .select-field {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  @media only screen and (width > 768px) {
    .select-field {
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: var(--weight-regular);
      letter-spacing: 0;
    }
  }
  .select-field {
    box-sizing: border-box;
    height: var(--bulma-control-height);
    padding: 0 var(--spacing-m);
    border: 1px solid rgb(202, 202, 200);
    border-radius: 0.5em;
    background-color: rgb(255, 255, 255);
    color: rgb(64, 70, 84);
  }
  .select-field.is-danger {
    border-color: #f14668;
  }
  .select-field {
    padding-right: var(--spacing-xl);
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23404654' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right var(--spacing-s) center;
    background-size: var(--spacing-m);
    cursor: pointer;
  }
  .info-button {
    display: inline-flex;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    width: 24px;
    flex-shrink: 0;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    appearance: none;
    background-color: none;
    background-clip: padding-box;
    cursor: pointer;
    color: rgb(65, 81, 201);
    text-decoration: transparent;
    line-height: 0;
    vertical-align: middle;
  }
  .info-button::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  .info-button .info-button-glyph {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    line-height: 0;
    user-select: none;
  }
  .info-button .info-button-glyph svg {
    display: block;
    flex-shrink: 0;
  }
  .info-button:hover .info-button-glyph {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.15), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
  }
  .info-button.vcentered {
    align-items: center;
  }
}