/* Tablet layout approved 11 October 2026. All rules stop below 1200px. */
@media (min-width: 680px) and (max-width: 799.98px) {
  .guide-connection-caption {
    min-height: 72px;
  }
}

@media (min-width: 680px) and (max-width: 1199.98px) {
  :root {
    --screen-gutter: 32px;
    --shell-header-height: 84px;
    --shell-footer-height: calc(max(52px, 3.25rem) + 28px + env(safe-area-inset-bottom, 0px));
  }

  .guide-app {
    padding-top: 0px;
  }

  .guide-shell-header {
    position: static;
    height: 84px;
    padding-top: 20px;
  }

  .guide-shell-logo {
    width: 124px;
  }

  .guide-shell-footer {
    padding-block: 14px calc(14px + env(safe-area-inset-bottom, 0px));
  }

  .guide-shell-navigation {
    grid-template-columns: 160px minmax(0px, 1fr) 160px;
  }

  .guide-shell-navigation .guide-button {
    font-size: 1.125rem;
    min-height: max(52px, 3.25rem);
  }

  .guide-screen:not(.is-measuring) {
    height: auto;
    overflow: visible;
  }

  .guide-screen:not(.is-measuring) .guide-layout {
    height: auto;
    min-height: calc(100svh - var(--shell-header-height) - var(--shell-footer-height));
    grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.1fr);
    gap: 32px;
    padding-block: 24px;
  }

  .has-shared-heading-position .guide-screen:not(.is-measuring) .guide-content {
    align-self: center;
    padding-top: 0px;
  }

  .guide-screen:not(.is-measuring) .guide-title {
    overflow-wrap: anywhere;
    font-size: 2.25rem;
    line-height: 1.16;
    margin-bottom: 16px;
  }

  .guide-description {
    overflow-wrap: anywhere;
    font-size: 1.125rem;
    line-height: 1.55;
  }

  .guide-lead {
    overflow-wrap: anywhere;
    font-size: 1.25rem;
    line-height: 1.5;
  }

  .guide-step-label {
    font-size: 0.9375rem;
  }

  .guide-open-media {
    --guide-open-media-height: clamp(420px,65svh,620px);
    width: 100%;
    padding: 0px;
  }

  .guide-open-media .trex-photo-panel {
    width: min(100%,360px,calc(var(--guide-open-media-height) * 939 / 1589));
  }

  .has-shared-heading-position .welcome-layout {
    min-height: calc(100svh - var(--shell-header-height) - var(--shell-footer-height));
  }

  .has-shared-heading-position .welcome-content {
    padding-top: 0px;
    align-self: center;
  }

  .welcome-title {
    font-size: 2.125rem;
    max-width: 100%;
    width: 100%;
  }

  .welcome-product-kind {
    font-size: 2.5rem;
  }

  .welcome-subtitle {
    font-size: 1.125rem;
  }

  .welcome-description {
    font-size: 1.1875rem;
  }
}

@media (min-width: 680px) and (max-width: 899.98px) and (orientation: portrait) {
  .guide-screen:not(.is-measuring) .guide-layout {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 28px;
  }

  .guide-open-media {
    --guide-open-media-height: min(56svh,570px);
  }

  .guide-open-media .trex-photo-panel {
    width: min(100%,360px,calc(var(--guide-open-media-height) * 939 / 1589));
  }

  .has-shared-heading-position .guide-screen:not(.is-measuring) .guide-content {
    max-width: none;
    align-self: stretch;
  }
}