/* Shared mobile actions: keep content clear and the next step visible. */
@media (max-width: 920px) {
  body .svtab, body .vtab-wrap { display: none !important; }
  body { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
  body > .mcta {
    display: grid; grid-template-columns: 1.35fr 1fr; gap: 8px;
    position: fixed; inset: auto 0 0; z-index: 250;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
    background: rgba(255,255,255,.97); border-top: 1px solid #e4e4e4;
    box-shadow: 0 -6px 24px rgba(0,0,0,.12); transform: none;
  }
  body > .mcta a {
    display: flex; align-items: center; justify-content: center;
    min-height: 48px; padding: 10px 8px; border-radius: 6px;
    font-size: 14px; font-weight: 900; font-style: normal;
    line-height: 1.4; letter-spacing: 0; text-decoration: none; clip-path: none;
  }
  body > .mcta .m1 { background: #c81015; color: #fff; clip-path: none; }
  body > .mcta .m2 { background: #151515; color: #fff; clip-path: none; }
  body .totop, body #bgmBtn { bottom: calc(86px + env(safe-area-inset-bottom)) !important; }
  body.mnav-lock > .mcta, body.mnav-lock .totop, body.mnav-lock #bgmBtn { visibility: hidden; }
}
.mcta a:focus-visible { outline: 3px solid #d4af37; outline-offset: 3px; }