/* Additive navigation only: existing links and page styles stay unchanged. */
.new-pages-menu { position: relative; }
.new-pages-menu > summary {
  display: flex;
  align-items: center;
  cursor: pointer;
  list-style: none;
}
.new-pages-menu > summary::-webkit-details-marker { display: none; }
.navigation-desktop .new-pages-menu > summary { padding: 13px 16px; }
.new-pages-menu > summary:focus-visible,
.new-pages-menu a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.new-pages-menu[open] > .sub-menu { display: block; }
.new-pages-menu[open] > ul { animation: dialog-reveal .3s both; }
.new-pages-menu .sub-arrow { transition: transform .3s; }
.new-pages-menu[open] > summary .sub-arrow { transform: rotate(180deg); }
.scope-header .new-pages-menu .navigation-dropdown a[aria-current="page"],
.new-pages-mobile a[aria-current="page"] { color: var(--color-primary); text-decoration: underline; text-underline-offset: 5px; }
.new-pages-mobile { margin: 0 0 40px; }
.new-pages-mobile > summary { gap: 12px; }
.new-pages-mobile ul { list-style: none; margin: 20px 0 0; padding: 0; }
.new-pages-mobile li { margin: 0 0 12px; }
.new-pages-mobile a { display: block; font-weight: 500; color: var(--color-text); padding: 6px 0; }
.new-pages-mobile a:hover { color: var(--color-primary); }
@media (max-width: 767px) {
  .new-pages-mobile a { font-size: 24px; line-height: 32px; }
}
