/**
 * MEISTER Granada v1.2.4 — MEISTIA responsive integration.
 * Desktop owns the full viewport. Mobile keeps the compact single-column flow.
 */
.meistia-app .meistia-context {
  margin: 0 0 10px;
  color: #9b4a18;
  font: 800 11px/1.3 system-ui, sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}

@media (min-width: 721px) {
  .meistia-app .meistia-panel {
    inset: 0;
    width: 100vw;
    height: 100dvh;
    max-width: none;
    max-height: none;
    border-radius: 0;
  }

  .meistia-app .meistia-stage {
    padding-inline: clamp(36px, 8vw, 150px);
  }

  .meistia-app .meistia-question {
    width: min(100%, 1180px);
    max-width: 1180px;
  }

  .meistia-app .meistia-options,
  .meistia-app .meistia-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .meistia-app .meistia-panel {
    inset: 0;
    width: 100vw;
    height: 100dvh;
    border-radius: 0;
  }

  .meistia-app .meistia-stage {
    padding: 22px 16px 76px;
  }

  .meistia-app .meistia-options,
  .meistia-app .meistia-fields {
    grid-template-columns: 1fr;
  }
}