/* Join Me on My Trip v4.2.0 — mobile legacy view quarantine
   Static CSS only: no MutationObserver, no DOM replacement, no mode writes. */
@media (max-width: 767px) {
  /* The new mobile command shell and native workspaces own the phone UI.
     Keep the legacy React tree mounted for its existing handlers/data, but
     remove its duplicate presentation from the mobile visual flow. */
  .v1-shell > .viewer-context,
  .v1-shell > .v1-hero,
  .v1-shell > .v1-quick,
  .v1-shell > #travel-vault-module,
  .v1-shell > .v1-story-tabs,
  .v1-shell > .v1-ai-panel,
  .v1-shell > .v1-builder-title,
  .v1-shell > .v1-builder-tabs,
  .v1-shell > .v1-builder-content {
    display: none !important;
  }

  /* Defensive direct selectors if React inserts wrappers around a legacy block. */
  .v1-shell .v1-hero.hero-workspace-v241,
  .v1-shell .v1-quick,
  .v1-shell #travel-vault-module,
  .v1-shell .v1-ai-panel,
  .v1-shell .v1-builder-title,
  .v1-shell .v1-builder-tabs,
  .v1-shell .v1-builder-content {
    display: none !important;
  }

  /* The shell itself must not reserve old desktop spacing once its children
     are quarantined. Any native mobile content inserted outside it remains. */
  .v1-shell {
    min-height: 0 !important;
  }
}