/* Shared mobile header: compact bar with a vertical disclosure menu. */
@media (max-width: 700px) {
  #atl-review .ar-head { border-bottom: 1px solid #315140; }
  #atl-review .ar-header { min-height: 82px; flex-wrap: nowrap; gap: 20px; }
  #atl-review .ar-logo { width: 146px; padding: 8px 0; margin: 4px 0; }
  #atl-review .ar-menu {
    display: inline-flex; align-items: center; justify-content: center;
    gap: 10px; min-height: 44px; padding: 10px 14px;
    border: 1px solid #496353; border-radius: 4px;
    background: transparent; font-size: 14px; line-height: 1.4;
  }
  #atl-review .ar-menu::before {
    content: ''; width: 16px; height: 10px;
    border-top: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
  }
  #atl-review .ar-menu[aria-expanded="true"] { background: #203a2a; }
  #atl-review .ar-nav {
    display: none; position: absolute; left: 16px; right: 16px; top: 100%;
    width: auto; padding: 10px 18px 18px; margin-top: 8px;
    background: #12251a; border: 1px solid #395a45; border-radius: 6px;
    box-shadow: 0 16px 36px #0007;
    max-height: calc(100dvh - 110px); overflow-y: auto;
  }
  #atl-review .ar-nav.ar-open { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  #atl-review .ar-nav a:not(.ar-button) {
    display: flex; align-items: center; min-height: 48px; padding: 10px 2px;
    border-bottom: 1px solid #304b39; font-size: 16px;
  }
  #atl-review .ar-nav .ar-button { width: 100%; margin-top: 16px; min-height: 48px; }
}