/* Homepage-only integration: retain existing app access without touching shared styles. */
.login-menu { position: relative; margin-left: auto; color: var(--fg); font-size: 0.85rem; }
.login-menu summary { cursor: pointer; padding: 0.7em 0.4em; white-space: nowrap; }
.login-menu[open] summary { color: var(--blue); }
.login-options { position: absolute; right: 0; top: 100%; min-width: 150px; display: grid; padding: 8px; background: #fff; color: var(--ink); border-radius: 14px; box-shadow: 0 12px 32px #0e1b2c26; }
.login-options a { padding: 12px; border-radius: 8px; }
.login-options a:hover { background: #eef0f4; }
.existing-links { display: flex; flex-wrap: wrap; gap: 12px; }
.wait-note a { text-decoration: underline; }
.nav-links + .login-menu { margin-left: 0; }
@media (max-width: 800px) {
  .nav { gap: 12px; }
  .nav-links + .login-menu { margin-left: auto; }
  .nav-logo img { height: 24px; }
  .nav .btn { font-size: 0.72rem; padding: 0.85em 1em; }
  .login-menu { font-size: 0.78rem; }
}
@media (max-width: 380px) {
  .nav { gap: 8px; }
  .nav-logo img { height: 20px; }
}