/* Generated pale scroll; real rolled edges are preserved by nine-slice. */
.world-preview{--scroll-paper:#eae2cd;--scroll-ink:#302e29;--scroll-muted:#625e54}
[data-world-kind="observatory"] .parchment-note,.world-preview .product-scroll{border:solid transparent;border-width:48px 24px 50px;border-image:url('runtime-art/value-scroll-v8/scroll.png') 210 132 214 132 fill / 48px 24px 50px / 0 stretch;background:transparent;border-radius:0;box-shadow:none;color:var(--scroll-ink);filter:drop-shadow(0 12px 20px #0003)}
[data-world-kind="observatory"] .parchment-note{padding:10px 18px}
[data-world-kind="observatory"] .parchment-note::before,[data-world-kind="observatory"] .parchment-note::after,.product-scroll::before,.product-scroll::after{display:none!important;animation:none!important}
.product-scroll{position:absolute;top:104px;left:max(34px,calc(50% - 610px));width:min(610px,calc(100% - 68px));margin:0;color:var(--scroll-ink);background:var(--scroll-paper);border-radius:3px;box-shadow:0 14px 34px #0004;text-shadow:none;font:15px/1.5 WorldInstrument,Arial,sans-serif;z-index:2}
.product-scroll .scroll-heading{position:relative;list-style:none;padding:12px 16px 14px;cursor:pointer;touch-action:manipulation}
.scroll-kicker{display:block;color:var(--scroll-muted);font:550 11px/1.35 WorldInstrument,Arial,sans-serif;letter-spacing:.075em;text-transform:uppercase}
.product-scroll .scroll-heading h2{margin:9px 0 10px;font:600 36px/1.08 WorldCaveat,Georgia,serif;letter-spacing:0;text-wrap:balance}
.scroll-intro{display:block;max-width:490px;font-size:15px;line-height:1.45}
.scroll-reader{overflow:clip;padding:0 16px;overflow-wrap:anywhere}
.scroll-reader-content{display:flow-root;padding-bottom:16px}
.scroll-reader p{margin:10px 0}
.scroll-example-label{padding:6px 0;font-size:10px;letter-spacing:.02em;color:var(--scroll-muted)}
.scroll-request{margin:15px 0;padding:0 0 0 14px;border-left:2px solid #9b917b;font:500 19px/1.4 WorldInstrument,Arial,sans-serif}
.scroll-answer{padding:16px 18px;margin:18px 0;background:#fff7;border:1px solid #c3bcaa;border-radius:3px}
.scroll-answer p:last-child{margin-bottom:0}
.scroll-reader h3{margin:23px 0 12px;font-size:14px;font-weight:650}
.scroll-reader a{color:#3b5146;text-decoration:underline;text-underline-offset:3px}
.scroll-messages{list-style:none;padding:0;margin:0;border-left:1px solid #bbb29e}
.scroll-messages li{padding:8px 0 12px 16px;scroll-margin:12px}
.scroll-messages li span{display:block;margin-bottom:4px;color:var(--scroll-muted);font-size:11px}
.scroll-messages li:target{background:#fff8}
.scroll-chain{padding-left:20px;margin:0}
.scroll-chain li{padding-left:4px;margin:0 0 12px}
.scroll-reader code{font:12px/1.5 ui-monospace,Consolas,monospace;background:#ded9cc;padding:2px 4px;border-radius:3px}
.scroll-limit{font-size:12px;color:var(--scroll-muted);border-top:1px solid #c7bfad;padding-top:14px}
.scroll-draft-status{font-size:11px;color:var(--scroll-muted)}
.product-scroll :focus-visible{outline:2px solid #375c50;outline-offset:4px;border-radius:2px}
@media(max-width:760px){
  .product-scroll{left:26px;width:calc(100% - 52px);top:104px}
  .product-scroll .scroll-heading{padding:10px 10px 12px}
  .product-scroll .scroll-heading h2{font-size:30px}
  .scroll-intro{font-size:14px}
  .scroll-reader{padding:0 10px;font-size:14px}
  .scroll-request{font-size:17px}
  [data-world-kind="observatory"] .parchment-note{padding:10px 8px}
}

/* A local disclosure: the heading and source slices never scale or move. */
.product-scroll{overflow-anchor:none}
.product-scroll .scroll-heading{cursor:inherit}
.product-scroll[data-disclosure]:not([open]){cursor:pointer}
.scroll-reader[hidden],.scroll-toggle[hidden]{display:none}
.scroll-reader{min-height:0;touch-action:pan-y}
.product-scroll[data-disclosure] .scroll-reader{box-sizing:border-box;height:0;max-height:none;padding-top:0;padding-bottom:0;transition:height 240ms cubic-bezier(.2,.7,.2,1)}
.product-scroll[data-disclosure][open] .scroll-reader{height:var(--reader-height,120px)}
.scroll-toggle{position:absolute;left:calc(50% - 22px);bottom:-46px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#302e29;cursor:pointer;touch-action:manipulation}
.scroll-toggle span{display:block;width:12px;height:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);font-size:0}
.scroll-toggle[aria-expanded="true"] span{transform:translateY(3px) rotate(225deg)}
.scroll-toggle:hover{color:#244c3d;background:#fff3;border-radius:50%}
@media(max-width:760px){.world-preview .product-scroll,[data-world-kind="observatory"] .parchment-note{border-width:40px 18px 42px;border-image-width:40px 18px 42px}.product-scroll .scroll-heading h2{font-size:30px}.scroll-toggle{bottom:-40px}.scroll-native-benefit{font-size:15px;line-height:1.5}}
@media(max-width:380px){.product-scroll .scroll-heading h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.product-scroll[data-disclosure] .scroll-reader{transition:none;scroll-behavior:auto}}

/* Reading space comes from the existing painted sky, never a nested scrollbar.
   The product runway flexes inside the unchanged full-height painting. */
[data-world-kind="observatory"]{display:flex;flex-direction:column;--paper-column:min(590px,calc((100vw - 108px)/2));--paper-clearance:calc(var(--world-height) * 480 / 8310)}
[data-world-kind="observatory"]>.world-section{flex:none}
[data-world-kind="observatory"]>.world-product{height:auto!important;flex:1;min-height:0}
[data-world-kind="observatory"]>.world-atmosphere{height:auto!important;min-height:max(calc(var(--world-height) * 576 / 8310),calc(var(--native-expanded-height,0px) - 572px));padding:104px 0 64px}
[data-world-kind="observatory"] .hero-copy-world{left:max(34px,calc(50% - 610px));width:var(--paper-column)}
#native-story{position:relative;left:auto;top:auto;width:var(--paper-column);margin-left:auto;margin-right:max(34px,calc(50% - 610px));transform:translateY(-740px);margin-bottom:-740px}
[data-world-kind="observatory"]>.world-peaks{height:auto!important;min-height:max(calc(var(--world-height) * 1209.6 / 8310),calc(var(--pair-expanded-height,0px) + var(--paper-clearance)));display:grid;grid-template-columns:repeat(2,var(--paper-column));justify-content:space-between;align-items:start;gap:40px;padding:32px max(34px,calc(50% - 610px)) 48px}
[data-world-kind="observatory"]>.world-lake{height:0!important}
#reply-story,#memory-story{position:relative;left:auto;top:auto;width:100%}
#memory-story{margin-top:220px}
@media(max-width:999px){
 [data-world-kind="observatory"]{--paper-clearance:0px}
 [data-world-kind="observatory"] .hero-copy-world{left:26px;width:calc(100% - 52px)}
 [data-world-kind="observatory"]>.world-atmosphere{padding:32px 26px 48px;min-height:calc(var(--native-expanded-height,0px) + 80px)}
 #native-story{width:100%;margin:0;transform:none}
 [data-world-kind="observatory"]>.world-peaks{grid-template-columns:1fr;grid-template-rows:var(--reply-expanded-height,auto) auto;padding:32px 26px 48px;gap:40px}
 #memory-story{margin-top:0}
}