/* Content has its own bounded measure; the scene stays free to reconfigure. */
.landscape-story .story-panel{
  box-sizing:border-box;min-inline-size:0;block-size:max-content;
}
.landscape-story .story-panel h1,
.landscape-story .story-panel h2,
.landscape-story .story-panel .story-description{
  max-inline-size:100%;min-inline-size:0;white-space:normal;overflow-wrap:break-word;
}
.landscape-story .story-panel>.text-link{
  max-inline-size:100%;min-inline-size:0;white-space:normal;text-align:start;
}
.landscape-story .story-panel>.text-link .ui-icon{flex-shrink:0}
@media(max-width:760px){
  .landscape-story .landscape-stage{min-height:0}
  .landscape-story .story-panel[data-scene]{
    --copy-gutter:clamp(28px,8%,48px);
    left:var(--copy-gutter)!important;inset-inline-start:var(--copy-gutter)!important;
    right:auto;inset-inline-end:auto;
    width:calc(100% - 2*var(--copy-gutter))!important;max-width:none;
  }
  .landscape-story .story-panel .story-description{
    width:auto;max-width:min(100%,38ch);text-wrap:pretty;
  }
  .landscape-story .story-panel>.text-link{min-height:40px;gap:20px}
  .landscape-story .story-panel>.text-link:hover{gap:25px}
  .landscape-story .scene-bottom{
    left:28px!important;right:28px!important;bottom:19px!important;
    width:auto!important;height:38px;
  }
  .landscape-story .scene-tools{width:100%;justify-content:space-between;gap:18px}
  .landscape-story .scene-tools button{
    min-width:0;min-height:38px;padding:4px 0;font-size:10px;white-space:nowrap;
  }
}
@media(max-width:370px){
  .landscape-story .story-panel[data-scene] h1{font-size:34px;line-height:1.04}
  .landscape-story .story-panel[data-scene] h2{font-size:28px;line-height:1.08}
  .landscape-story .story-panel[data-scene] .story-description{font-size:12px;line-height:1.55;margin-top:13px}
  .landscape-story .story-panel>.text-link,
  .landscape-story .story-panel[data-scene="0"]>.text-link,
  .landscape-story .story-panel[data-scene="2"] .hero-inspect{margin-top:12px;font-size:11px}
}
@media(max-width:760px) and (max-height:700px){
  .landscape-story .story-panel[data-scene] h1{font-size:clamp(32px,9.5vw,40px);line-height:1.04}
  .landscape-story .story-panel[data-scene] h2{font-size:clamp(27px,7.3vw,33px);line-height:1.06}
  .landscape-story .story-panel[data-scene] .story-description{margin-top:12px;font-size:12px;line-height:1.5}
  .landscape-story .story-panel>.text-link,
  .landscape-story .story-panel[data-scene="0"]>.text-link,
  .landscape-story .story-panel[data-scene="2"] .hero-inspect{margin-top:10px}
}