/* ===== Top nav adjustments =====
   Desktop: flex layout so the 進入報名系統 button is anchored to the right
   and vertically centered against the menu, regardless of how many rows the
   menu wraps to. Menu items wrap naturally; row-gap > column-gap so wrapped
   rows are visually distinct.
   Mobile (<=768px) is unchanged — hamburger menu still applies.

   Sizes use em/rem (not px) so they scale with body font-size and user
   browser zoom/font preferences. */

@media (min-width: 769px) {
  .topNav .container {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    position: relative;
  }
  .topNav #menuContent {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 0;
    row-gap: 0.5rem;
  }
  .topNav #menuContent li a {
    white-space: nowrap;
  }
  .topNav .goReg {
    flex-shrink: 0;
    margin: 0 0 0 0.6rem;
  }
}