/* Group highlighting: preserve menu layout and native links. */
:is([data-navigation-hub], [data-navigation-panel]) section > h2 {
  border-bottom: 2px solid #0161ef;
  padding-bottom: 0.65rem;
  color: #101010;
}

:is([data-navigation-hub], [data-navigation-panel]) section a {
  text-underline-offset: 0.22em;
  text-decoration-thickness: 2px;
  text-decoration-skip-ink: auto;
}

:is([data-navigation-hub], [data-navigation-panel]) section:focus-within a {
  background-color: #eff6ff;
  color: #0154cf;
}

@media (hover: hover) and (pointer: fine) {
  :is([data-navigation-hub], [data-navigation-panel]) section:hover a {
    background-color: #eff6ff;
    color: #0154cf;
  }

  :is([data-navigation-hub], [data-navigation-panel]) section a:hover {
    background-color: #dbeafe;
    color: #0154cf;
    text-decoration-line: underline;
  }
}

:is([data-navigation-hub], [data-navigation-panel]) section a[aria-current="page"] {
  color: #0154cf;
  font-weight: 700;
  text-decoration-line: underline;
}

:is([data-navigation-hub], [data-navigation-panel]) section a:focus-visible {
  outline: 3px solid #0154cf !important;
  outline-offset: 2px !important;
  background-color: #dbeafe;
  color: #0154cf;
  text-decoration-line: underline;
}

@media (prefers-reduced-motion: reduce) {
  :is([data-navigation-hub], [data-navigation-panel]) section a,
  :is([data-navigation-hub], [data-navigation-panel]) section a span {
    transition: none !important;
    transform: none !important;
  }
}

@media (forced-colors: active) {
  :is([data-navigation-hub], [data-navigation-panel]) section > h2 {
    border-color: CanvasText;
    color: CanvasText;
  }

  :is([data-navigation-hub], [data-navigation-panel]) section a:focus-visible {
    outline-color: Highlight !important;
  }
}

/* MENU_CATEGORY_DYNAMIC04 */
:is([data-navigation-hub], [data-navigation-panel]) section > h2 {
  box-sizing: border-box;
  min-height: 0;
  line-height: 1.5;
  margin: 0 0 0.5rem;
  padding-bottom: 0.4rem;
}

/* Nagłówki w jednym rzędzie współdzielą wysokość treści. */
@supports (grid-template-rows: subgrid) {
  :is([data-navigation-hub], [data-navigation-panel]) > div:first-child {
    row-gap: 0.75rem;
  }

  :is([data-navigation-hub], [data-navigation-panel]) > div:first-child > section {
    display: grid;
    grid-row: span 2;
    grid-template-rows: subgrid;
    row-gap: 0.5rem;
    min-width: 0;
  }

  :is([data-navigation-hub], [data-navigation-panel]) section > h2 {
    display: flex;
    align-items: flex-end;
    margin: 0;
  }

  :is([data-navigation-hub], [data-navigation-panel]) section > :nth-child(2) {
    align-self: start;
    margin-top: 0;
  }
}

/* MENU_ARROWS05 */
:is([data-navigation-hub], [data-navigation-panel]) section a > span[aria-hidden="true"] {
  color: #0154cf;
  opacity: 0;
  transition: opacity 150ms ease;
}

:is([data-navigation-hub], [data-navigation-panel]) section a:hover > span[aria-hidden="true"],
:is([data-navigation-hub], [data-navigation-panel]) section a:focus-visible > span[aria-hidden="true"] {
  opacity: 1;
}

@media (hover: none) {
  :is([data-navigation-hub], [data-navigation-panel]) section a > span[aria-hidden="true"] {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  :is([data-navigation-hub], [data-navigation-panel]) section a > span[aria-hidden="true"] {
    transition: none;
  }
}

/* MENU_NO_ARROWS06 */
:is([data-navigation-hub], [data-navigation-panel]) section a > span[aria-hidden="true"] {
  display: none;
}