/* Version 116 — final mobile menu refinement.
   Slightly reduces the mobile dropdown footprint while preserving readability and comfortable tap targets. */

@media (max-width: 700px) {
  .menu-panel {
    top: 60px;
    right: 16px;
    width: min(232px, calc(100vw - 32px));
    min-width: 0;
    max-width: calc(100vw - 32px);
    padding: 8px 12px 10px;
    border-radius: 2px 2px 20px 20px;
  }

  .menu-panel::before {
    font-size: 0.44rem;
  }

  .menu-panel::after {
    width: 58%;
    margin-top: 3px;
  }

  .menu-panel a {
    min-height: 38px;
    padding: 5px 4px;
    font-size: 0.73rem;
    letter-spacing: 0.075em;
    line-height: 1.12;
  }

  .menu-panel a:last-child {
    max-width: 196px;
  }
}

@media (max-width: 360px) {
  .menu-panel {
    right: 12px;
    width: min(224px, calc(100vw - 24px));
    max-width: calc(100vw - 24px);
  }
}