/* A self-composing illustration, without the toolbar or bottom captions. */
#site.light-sim #reality-lab .reality-console,
#site.light-sim #reality-lab .clarity-play-hint,
#site.light-sim #reality-lab button,
#site.light-sim #reality-lab .graphic-footer,
#site.light-sim #reality-lab .clarity-storyboard>path:first-child{display:none}
#site.light-sim #reality-lab .type-composition{--compose-loose:var(--paper-loose,1)!important;transform:none;transition:none}
#site.light-sim #reality-lab .reality-art{cursor:auto}
#site.light-sim #reality-lab .story-panel{transition:transform .18s ease-out}
#site.light-sim #reality-lab .reality-pin{grid-template-rows:auto;min-height:0;align-items:start;padding-top:65px;padding-bottom:30px}
@media(max-width:700px){#site.light-sim #reality-lab .reality-pin{grid-template-rows:auto 300px;row-gap:10px;padding-top:45px;padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){#site.light-sim #reality-lab .type-composition{--compose-loose:0!important}#site.light-sim #reality-lab .story-panel{transition:none}}

/* Lift the papers and remove the empty grid row left by the old controls. */
#site.light-sim #reality-lab .reality-art{grid-row:1;height:470px;align-self:start}
#site.light-sim #reality-lab .clarity-storyboard{object-position:top}
#site.light-sim #reality-lab .panel-story>rect:first-child,
#site.light-sim #reality-lab .clarity-story-system[data-variant] .panel-story>rect:first-child{fill:#151623}
@media(max-width:700px){#site.light-sim #reality-lab .reality-art{grid-row:2;height:300px}}
