/* Compact mobile accordions. Desktop navigation retains its existing styling. */
.mobile-menu-panel .mobile-menu-section { border-bottom: 1px solid #ffffff29; }
.mobile-menu-panel .mobile-menu-section > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 50px;
  padding: 12px 10px;
  box-sizing: border-box;
  list-style: none;
  cursor: pointer;
  color: #fff;
  font: 700 15px/1.4 var(--body, system-ui, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  touch-action: manipulation;
}
.mobile-menu-panel .mobile-menu-section > summary::-webkit-details-marker { display: none; }
.mobile-menu-panel .mobile-menu-section > summary::marker { content: ""; }
.mobile-menu-panel .mobile-menu-section > summary::after {
  content: "+";
  flex: 0 0 20px;
  text-align: center;
  color: #f36f21;
  font: 400 23px/1 system-ui, sans-serif;
}
.mobile-menu-panel .mobile-menu-section[open] > summary::after { content: "−"; }
.mobile-menu-panel .mobile-menu-section[open] > summary,
.mobile-menu-panel .mobile-menu-section > summary:hover { background: #ffffff0f; }
.mobile-menu-panel .mobile-menu-links { padding: 0 0 8px 12px; }
.mobile-menu-panel nav .mobile-menu-links > a {
  min-height: 44px;
  padding: 10px;
  box-sizing: border-box;
  font: 500 14px/1.5 var(--body, system-ui, sans-serif);
  text-transform: none;
  letter-spacing: normal;
  overflow-wrap: anywhere;
}
.mobile-menu-panel .mobile-menu-links > a:last-child { border-bottom: 0; }
.mobile-menu-panel .mobile-menu-section > summary:focus-visible {
  outline: 2px solid #f36f21;
  outline-offset: -2px;
}