/* Legacy-parity text rendering: the old Creditas site sets
 * -webkit-font-smoothing: antialiased globally, which renders type
 * lighter/thinner on macOS. Webflow Code Components live in isolated
 * shadow roots, so this must be declared per-component on :host to
 * inherit into the shadow tree (the property does not cross the
 * shadow boundary). Without it, Blink defaults to subpixel smoothing
 * and identical 400-weight text looks heavier than the old site. */
:host {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.navbar-menu-group,
.navbar-menu-group *,
.navbar-menu-group *::before,
.navbar-menu-group *::after {
  box-sizing: border-box;
}

.navbar-menu-group {
  display: grid;
  gap: 12px;
  align-content: start;
  padding-left: 10px;

  @media (min-width: 1280px) {
    padding-left: 0;
  }

  .title {
    margin: 0;
    color: #4f9e00;
    font-family: 'Helvetica Now Display', 'Helveticanowdisplay', sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
  }

  .links {
    display: grid;
    gap: 8px;
    padding-left: 10px;

    @media (min-width: 1280px) {
      padding-left: 0;
    }
  }
}

/* Slotted NavbarItems (kept flat — ::slotted only resolves in the shadow tree). */
.navbar-menu-group .links ::slotted(*) {
  display: contents;
  --navbar-item-color: #292929;
  --navbar-item-hover-color: #292929;
  --navbar-item-hover-bg: rgba(41, 41, 41, 0.08);
}