.mobile-guide { max-width: 1000px; }
.mobile-guide .en-app-hero { margin-top: -60px; }
.mobile-guide .en-app-hero .app-intro { max-width: 600px; }
.mobile-guide .en-app-hero .app-hero-tagline { margin: 24px 0 0; max-width: 48ch; font-size: clamp(16px, 1.5vw, 19px); line-height: 1.7; font-weight: 400; color: var(--muted); }
.mobile-guide .en-app-hero .download-meta { line-height: 1.5; }
.mobile-guide .en-app-hero { grid-template-areas: 'heading artwork' 'actions artwork'; grid-template-rows: 1fr 1fr; row-gap: 24px; }
.mobile-guide .en-app-hero > .app-copy { grid-area: heading; align-self: end; }
.mobile-guide .en-app-hero > .app-art { grid-area: artwork; }
.mobile-guide .en-app-hero > .app-platform-actions { grid-area: actions; align-self: start; }
@media (min-width: 761px) {
  .mobile-guide .en-app-hero > .app-platform-actions { align-self: end; margin-top: 24px; margin-bottom: 24px; }
}
.mobile-guide .information-intro { max-width: 860px; }
.mobile-guide > p, .mobile-guide li { color: var(--muted); line-height: 2; }
.mobile-guide .information-card p { max-width: none; }
.mobile-guide h3 { margin: 28px 0 10px; font-size: 18px; line-height: 1.5; }
.mobile-guide ul { padding-inline-start: 24px; }
.mobile-guide li + li { margin-top: 6px; }
.mobile-guide li a { text-decoration: underline; text-underline-offset: 3px; }
.mobile-guide .text-link { margin-top: 20px; }
.mobile-guide .button:disabled { margin-top: 16px; cursor: not-allowed; opacity: .7; }
.mobile-guide .button:disabled:hover { transform: none; background: var(--teal); }
.mobile-guide-toc { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 24px; padding-block: 16px; border-block: 1px solid var(--line); }
.mobile-guide summary { gap: 20px; font-size: 15px; }
.mobile-guide summary span { flex-shrink: 0; }
.mobile-guide details p { font-size: 14px; }
@media (max-width: 760px) {
  .mobile-guide .en-app-hero { grid-template-areas: 'heading' 'artwork' 'actions'; grid-template-rows: auto auto auto; gap: 20px; }
  .mobile-guide .en-app-hero .app-copy h1 { margin-bottom: 0; }
  .mobile-guide .en-app-hero .app-art { min-height: 0; height: 360px; }
  .mobile-guide .en-app-hero .phone { transform: rotate(-5deg) scale(.62); }
  .mobile-guide .en-app-hero .phone-halo { width: min(100%, 360px); }
  .mobile-guide .en-app-hero { margin-top: -30px; }
  .mobile-guide h2 { font-size: 22px; }
  .mobile-guide-toc { gap: 4px 20px; }
}