rh-subnav:not(:defined) {
  block-size: 56px;
  display: flex;
  background-color:
    /** Not defined surface color */
    var(--rh-color-surface,
      light-dark(
        /** Not defined surface color for light scheme */
        var(--rh-color-surface-lightest, #ffffff),
        /** Not defined surface color for dark scheme */
        var(--rh-color-surface-darkest, #151515)
      ));

  & a {
    display: block !important;
    white-space: nowrap !important;

    /** Not defined link padding */
    padding: var(--rh-space-lg, 16px) var(--rh-space-2xl, 32px) !important;
    text-decoration: none !important;
    color:
      /** Not defined font color */
      var(--rh-color-text-secondary,
        light-dark(
          /** Not defined font color for light scheme */
          var(--rh-color-text-secondary-on-light, #4d4d4d),
          /** Not defined font color for dark scheme */
          var(--rh-color-text-secondary-on-dark, #c7c7c7)
        )) !important;
    position: relative !important;

    &:after {
      content: '' !important;
      position: absolute !important;
      inset: 0 !important;
      inline-size: 100% !important;
      border-block-end: var(--rh-border-width-lg, 3px) solid transparent !important;
    }

    &:is([active], [aria-current='page']):after {
      border-block-end-color:
        /** Not defined active or current page border-block-end color */
        var(--rh-color-accent-brand,
          light-dark(
            /** Not defined active or current page border-block-end color for light scheme */
            var(--rh-color-accent-brand-on-light, #ee0000),
            /** Not defined active or current page border-block-end color for dark scheme */
            var(--rh-color-accent-brand-on-dark, #ee0000)
          )) !important;
    }
  }
}