.more-group-title { margin: .65rem 0 -.1rem; color: var(--accent); font-family: var(--font-heading);
  font-size: .78rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.more-group-title:first-child { margin-top: 0; }

@media (max-width: 600px) {
  .app-header { padding: 8px 0 10px; }
  .brand-link { gap: .2rem; }
  .brand-logo-surface { width: 168px; }
  .brand-subtitle { margin-top: -.15rem; }

  .home-page .quick-links { display: grid; grid-template-columns: minmax(0, 1fr); width: min(100%, 420px);
    margin-inline: auto; gap: .65rem; }
  .home-page .quick-links a { display: flex; width: 100%; min-height: 50px; align-items: center;
    justify-content: center; padding: .7rem 1rem; border-radius: var(--radius-sm);
    font-family: var(--font-heading); font-size: .95rem; font-weight: 600; line-height: 1.25; text-align: center; }

  body { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
  .cocoon { min-height: 100dvh; padding-bottom: calc(92px + env(safe-area-inset-bottom)); }
  .mobile-bottom-nav { position: fixed; inset: auto 0 0; z-index: 900; width: 100%;
    padding-bottom: max(7px, env(safe-area-inset-bottom)); transform: translateZ(0); }
  body.modal-open .mobile-bottom-nav { visibility: hidden; }
  html.payment-entry body { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
}