/* Phone-only composition. Desktop styles and the complete painting are untouched. */
.mobile-telegram-demo[hidden],.mobile-demo-fallback { display:none; }
@media (max-width:760px) {
  .mobile-demo-fallback { display:block; max-width:540px; margin:0 auto; font:16px/1.5 WorldInstrument,Arial,sans-serif; }
  .mobile-demo-fallback a { display:inline-flex; align-items:center; min-height:44px; color:inherit; }
  .world-product:has(.mobile-telegram-demo)>.mobile-demo-fallback { display:none; }

  [data-world-kind="observatory"]>.world-product { flex:none; padding:32px 16px 64px; }
  .world-product-sticky,.world-product-stops { display:none; }
  .mobile-telegram-demo { display:flow-root; max-width:540px; margin:0 auto; color:#243038; font:400 16px/1.5 WorldInstrument,Arial,sans-serif; overflow-wrap:anywhere; }
  .mobile-telegram-demo>header { color:#faf4e6; text-shadow:0 2px 12px #101827; margin-bottom:24px; }
  .mobile-demo-kicker { font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
  .mobile-telegram-demo h2 { font:600 32px/1.15 WorldCaveat,Georgia,serif; margin:12px 0; }
  .mobile-client-window { overflow:clip; border:1px solid #c8cbd0; border-radius:12px; background:#f6f7f9; box-shadow:0 10px 32px #0003; }
  .mobile-client-window>.app-titlebar { position:relative; height:44px; min-height:44px; padding:0 12px; background:#ececee; border-bottom:1px solid #d0d2d6; }
  .mobile-client-window .app-window-title { font-size:14px; }
  .mobile-client-window .app-window-title img { width:18px; height:18px; }
  .mobile-client-context { display:grid; gap:14px; padding:16px; border-bottom:1px solid #d0d2d6; background:#fff; }
  .mobile-client-context>div { display:grid; gap:2px; }
  .mobile-client-context strong { font-size:16px; }
  .mobile-client-context span { color:#616770; font-size:13px; }
  .mobile-client-window>article { margin:0; padding:20px 16px; border-bottom:1px solid #d0d2d6; }
  .mobile-client-window>article:last-child { border-bottom:0; }
  .mobile-telegram-demo h3 { margin:0 0 18px; font:600 16px/1.4 WorldInstrument,Arial,sans-serif; }
  .mobile-telegram-demo p { margin:12px 0; }
  .mobile-telegram-demo .ai-prompt { margin:0 0 18px; padding:14px; border-radius:10px; font:inherit; line-height:1.5; background:#e8f0f5; color:#243038; }
  .mobile-telegram-demo .assistant-turn,.mobile-telegram-demo .assistant-summary,.mobile-telegram-demo .runtime-row { position:static; display:block; margin:12px 0; padding:0; font:inherit; color:inherit; }
  .mobile-telegram-demo .assistant-turn small,.mobile-telegram-demo .mobile-demo-status { display:block; font:400 14px/1.5 WorldInstrument,Arial,sans-serif; color:#536069; }
  .mobile-telegram-demo .proposal-card { margin:16px 0 0; padding:14px; font:inherit; background:#fff; }
  .mobile-telegram-demo .proposal-card header { display:flex; justify-content:space-between; gap:12px; }
  .mobile-telegram-demo .proposal-card header strong { font-size:16px; }
  .mobile-telegram-demo .proposal-card header span,.mobile-telegram-demo .proposal-card footer { font-size:14px; }
  .mobile-telegram-demo .status-sent { color:#236637; }

  [data-world-kind="observatory"] .world-hero {
    height:auto!important; min-height:0; padding:112px 16px 48px;
  }
  [data-world-kind="observatory"] .hero-copy-world {
    position:relative; inset:auto; width:100%; max-width:540px; margin:0 auto;
  }
  [data-world-kind="observatory"] .parchment-note { padding:6px 8px; }
  [data-world-kind="observatory"] .parchment-note h1 {
    font-size:clamp(34px,9.3vw,44px); line-height:1.02; margin-top:12px;
  }
  [data-world-kind="observatory"] .parchment-note>p:not(.world-kicker) {
    font:400 16px/1.5 WorldInstrument,Arial,sans-serif; margin-top:16px;
  }
  [data-world-kind="observatory"] .parchment-note .world-button {
    font:600 16px/1.3 WorldInstrument,Arial,sans-serif; min-height:48px; padding:10px 8px;
  }
  [data-world-kind="observatory"] .world-actions { display:grid; gap:10px; margin-top:20px; }
  .world-scroll-cue { display:none; }
  [data-world-kind="observatory"]>.world-atmosphere { min-height:0; padding:32px 16px 48px; }
  [data-world-kind="observatory"]>.world-peaks { min-height:0; grid-template-rows:auto auto; align-content:start; row-gap:var(--mobile-paper-gap,40px); padding-inline:16px; }
  .product-scroll .scroll-reader,.product-scroll .scroll-intro,.scroll-native-benefit { font-size:16px; line-height:1.5; }
  .product-scroll .scroll-heading,.product-scroll .scroll-reader { padding-inline:8px; }
  .product-scroll .scroll-heading h2 { font-size:32px; }
  .scroll-reader .scroll-request { font-size:18px; }
  .scroll-reader .scroll-answer { padding:14px 12px; }
  .scroll-reader .scroll-limit,.scroll-reader code { font-size:14px; }
  .scroll-messages li span,.scroll-draft-status,.scroll-example-label { font-size:12px; }
  .scroll-reader h3 { font-size:16px; }
  [data-world-kind="observatory"]>.world-lake { height:auto!important; min-height:320px; flex:1; order:5; }
  [data-world-kind="observatory"]>.world-shore { height:auto!important; padding:48px 16px; order:4; }
  [data-world-kind="observatory"] .shore-copy-world { position:relative; inset:auto; width:100%; max-width:540px; margin:0 auto; }
  [data-world-kind="observatory"] .world-platform-actions { display:grid; gap:10px; }
  [data-world-kind="observatory"] .shore-copy-world h2 { font-size:35px; }
  .product-scroll { max-width:540px; }
  /* Decoded whole art stays uniform; reading bands follow visible disclosures. */
  [data-mobile-art="loaded"]>.world-hero { height:var(--mobile-band-0)!important; }
  [data-mobile-art="loaded"]>.world-atmosphere { height:var(--mobile-band-1)!important; }
  [data-mobile-art="loaded"]>.world-product { height:var(--mobile-band-2)!important; }
  [data-mobile-art="loaded"]>.world-peaks { height:var(--mobile-band-3)!important; }
  [data-mobile-art="loaded"]>.world-lake { height:var(--mobile-band-5)!important; flex:none; }
  [data-mobile-art="loaded"]>.world-shore { height:var(--mobile-band-4)!important; display:flex; flex-direction:column; justify-content:flex-end; }
  #native-story { margin-inline:auto; }
}