/* Mobile adaptation shared by public pages */
@media (max-width: 860px) {
  .live-header nav a {
    display: none;
  }

  .live-header nav a[href="/"],
  .live-header nav a[href="/cabinet/"],
  .live-header nav a[href="/login/"],
  .live-header nav a[href="/register/"] {
    display: inline-block;
  }
}

@media (max-width: 620px) {
  .shell {
    width: min(100% - 24px, 1180px);
  }

  .live-header .header-inner {
    height: 64px;
    gap: 10px;
  }

  .live-brand img {
    width: 128px;
    height: 40px;
  }

  .live-header nav {
    gap: 12px;
  }

  .feed-grid {
    gap: 12px;
  }

  .feed-body {
    padding: 12px;
  }

  .feed-body h3 {
    font-size: 14px;
  }

  .register-cta {
    padding: 48px 0;
  }

  .register-cta h2 {
    font-size: 30px;
  }

  .watch-actions,
  .preview-actions {
    flex-direction: column;
  }

  .watch-actions .button,
  .preview-actions .button {
    width: 100%;
  }
}