/* Uses the same header, two-panel track, reading panel, pager and footer as the existing widgets. */
.jx-moment-host{display:block;max-width:880px;margin:24px auto;min-width:0}
.jx-moment{max-width:880px;margin:24px auto}
:host .jx-moment{margin:0}
.jx-moment .jxew-slide{min-height:420px;padding:18px 20px 16px}
.jx-moment .jxew-topic{min-height:57px}
.jx-moment .jxew-topic h2{font-size:23px;letter-spacing:-.6px}
.jx-moment .jxew-reading-title{font-size:27px!important;margin-bottom:14px!important}
.jx-moment .jxew-reading-copy{overflow:visible;flex:1 1 auto;font-size:14px;line-height:1.55;min-height:0}
.jx-moment .jxew-reading-copy p+p{margin-top:12px}
.jx-moment-field{display:block;width:100%;height:290px;background:#24573c;border:1px solid #54755a;border-radius:8px;overflow:hidden;touch-action:pan-y pinch-zoom;pointer-events:none}
.jx-moment-controls{display:flex;align-items:center;gap:12px;padding-top:12px;min-height:56px}
.jx-moment [data-play]{border:0;border-radius:7px;min-width:86px;min-height:44px;padding:9px 14px;background:var(--jx-mint);color:#08291c;font-size:14px;font-weight:800;flex-shrink:0}
.jx-moment [data-play]:disabled{opacity:.7;cursor:default}
.jx-moment-status{font-size:11px;line-height:1.4;color:var(--jx-dim)}
.jx-moment-notice{font-size:10px!important;line-height:1.45!important;color:var(--jx-dim);padding-top:14px}
.jx-moment-notice a{color:var(--jx-mint);text-underline-offset:2px}
.jx-moment .jxew-page-button{font:28px/1 Arial,sans-serif;min-width:44px;min-height:44px}
.jx-moment .jxew-pagination{height:46px}
.jx-moment :focus-visible{outline:3px solid #ffe296;outline-offset:-3px}
/* The simulator owns both sprite and diagram layers. Show only one, including
   its separate behind-player name layer; otherwise the labels and glyphs stack. */
.jx-moment-field .diagram-actor,.jx-moment-field .diagram-name,.jx-moment-field #actors .role-tag{display:none!important}
.jx-moment-field .workload-signal,.jx-moment-field .possession-ring45,.jx-moment-field .rating-disc,.jx-moment-field #outcomeTrail,.jx-moment-field [data-camera-label],.jx-moment-field #assignmentArt{display:none!important}
.jx-moment-field .role-tag text{font-size:12px;font-family:Arial,sans-serif;font-weight:750;letter-spacing:0}
.jx-moment-field .role-tag,.jx-moment-field .actor-shadow{pointer-events:none}
@container(max-width:640px){
 .jx-moment .jxew-slide{min-height:410px;padding:13px 14px 12px;flex:0 0 100%}
 .jx-moment .jxew-topic{min-height:52px;margin-bottom:8px}
 .jx-moment .jxew-topic h2{font-size:22px}
 .jx-moment .jxew-topic-sub{display:block;font-size:10px}
 .jx-moment-field{height:280px}
 .jx-moment .jxew-reading-title{font-size:27px!important}
 .jx-moment .jxew-reading-slide{max-height:none}
 .jx-moment .jxew-reading-copy{font-size:14px;min-height:0}
}
@media(prefers-reduced-motion:reduce){.jx-moment *{scroll-behavior:auto!important}}