/* Restore the main navigation; keep the page counters and chapter controls hidden.
   The main navigation height follows site-shell.css at each breakpoint. */
:root { --screen-bar:0px; }
.screen-navigation, .journey-controls, .journey-tabs { display:none !important; }

/* The app follows the ring introduction in the lower-left content column. */
.sense-stage .app-preview--dock,
.fullpage-ready .sense-stage .app-preview--dock {
  --app-phone-width:clamp(96px,10dvh,128px);
  --app-code-width:128px;
  position:relative;
  inset:auto;
  justify-self:start;
  width:max-content;
  max-width:100%;
  margin:26px 0 0;
}
.app-dock-pair { display:grid; grid-template-columns:var(--app-phone-width) var(--app-code-width); align-items:end; gap:24px; }
.app-preview--dock .app-screen-button { padding:4px; border-radius:16px; }
.app-preview--dock .app-screen-button img { display:block; border-radius:12px; }
.app-preview--dock .app-screen-button:hover { transform:translateY(-3px); }
.app-download-picker { min-width:0; margin:0; padding:0; }
.app-download-label { margin:0; padding:0 0 9px; color:#d8ded5; font:400 .75rem/1.4 var(--sans); }
.app-qr-link { display:block; color:#d6dbd0; text-decoration:none; }
.app-qr-link img { display:block; width:100%; height:auto; background:#fff; border-radius:3px; image-rendering:pixelated; }
.app-qr-link .app-qr-action { display:flex; align-items:center; gap:4px; padding-top:6px; font:.625rem/1.3 var(--sans); }
.app-qr-link .app-qr-action > span { min-width:0; }
.sense-copy .app-preview--dock .app-explore { width:100%; min-height:44px; justify-content:space-between; margin-top:14px; padding:12px 16px; }
.sense-stage .app-preview--dock .scene-caption { width:auto; margin-top:8px; padding:0; background:none; color:#aeb8ae; font-size:.6875rem; line-height:1.4; }

@media (max-height:800px) and (min-width:701px) {
  .fullpage-ready .sense-stage .app-preview--dock { --app-phone-width:80px; --app-code-width:100px; margin-top:18px; }
  .app-dock-pair { gap:20px; }
  .app-download-label { padding-bottom:5px; font-size:.6875rem; }
  .sense-copy .app-preview--dock .app-explore { margin-top:10px; }
}
@media (max-width:700px) {
  .fullpage-ready .sense-stage .app-preview--dock { --app-phone-width:110px; --app-code-width:124px; margin-top:26px; }
  .app-dock-pair { gap:20px; }
}