/* AKBID: mobile Tentang submenu. Desktop CSS and existing mobile JS unchanged. */
.mobile-about { display: none; }
@media (max-width: 1050px) {
  .mobile-menu .mobile-about { display: block; border-bottom: 1px solid var(--line, #e5eaf2); }
  .mobile-menu .mobile-about > summary {
    display: flex; align-items: center; justify-content: space-between;
    gap: 16px; padding: 13px 0; color: var(--navy, #17243a);
    font-size: 13px; font-weight: 700; cursor: pointer;
    list-style: none; user-select: none; min-height: 44px;
  }
  .mobile-menu .mobile-about > summary::-webkit-details-marker { display: none; }
  .mobile-about-chevron { flex: 0 0 16px; transition: transform .2s ease; }
  .mobile-about[open] .mobile-about-chevron { transform: rotate(180deg); }
  .mobile-about-links { display: grid; padding: 2px 0 12px 15px; border-left: 2px solid #dce5ff; margin: 0 0 12px 2px; }
  .mobile-about-links a {
    color: #415067; font-size: 12px; font-weight: 600;
    line-height: 1.6; padding: 12px 12px; min-height: 44px;
    border-radius: 6px;
  }
  .mobile-about-links a:hover, .mobile-about-links a:focus-visible { color: #0808a9; background: #edf2ff; }
  .mobile-menu .mobile-about > summary:focus-visible { outline: 2px solid #0808a9; outline-offset: 3px; }
}
@media (prefers-reduced-motion: reduce) { .mobile-about-chevron { transition: none; } }