/* Sidebar styles */

.sidebar{
  .widget {
    /* Widget styles */
    @apply mb-8;

    h3 {
      /* Widget title styles */
      @apply m-0 mb-2 font-semibold;
    }

    ul {
      /* List styles */
      @apply list-none m-0 p-0 pl-3 border-l-3 border-secondary-400;

      li {
        /* List item styles */
        @apply text-balance;

        &:first-of-type {
          /* First list item styles */
          @apply leading-none mb-1;
        }
      }
    }

    /* Links inside sidebar widgets on dark page surface — bumped to --color-primary-87
     * to clear WCAG AA (the inherited global --color-bodylinks is only ~3:1). */
    a[data-type],
    a[data-id] {
      color: var(--color-primary-87, #dce1ff);
    }
  }
}
