/* Base appearance */
.program-page-anchor-menu {
  background-color: #003366;
  padding: 6px 0;
  margin-bottom: 20px;
}

.program-page-anchor-menu__inner {
  display: flex;
  justify-content: space-evenly;
  width: 70%;
  margin: 0 auto;
}

.program-page-anchor-menu a {
  color: #fff;
  text-decoration: none;
  font-size: 1em;
  font-weight: 300;
}

/* Sticky behavior (JS-controlled) */
#block-uismain-programpagesanchormenu.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

/* Mobile layout */
@media (max-width: 768px) {
  .program-page-anchor-menu__inner {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    width: 90%;
    margin: 0 auto;
    text-align: center;
    gap: 10px 0;
  }

  /* First row: 3 equal columns (2/6 each) */
  .program-page-anchor-menu__inner a:nth-child(1),
  .program-page-anchor-menu__inner a:nth-child(2),
  .program-page-anchor-menu__inner a:nth-child(3) {
    grid-column: span 2;
  }

  /* Second row: 2 equal columns (3/6 each) */
  .program-page-anchor-menu__inner a:nth-child(4),
  .program-page-anchor-menu__inner a:nth-child(5) {
    grid-column: span 3;
  }
  
  #block-uismain-programpagesanchormenu,
  #block-uismain-programpagesanchormenu.is-fixed {
    position: static !important;
  }
}