/* Shared presentation shell. Deck typography and animation stay isolated in the frame. */
.slide-stage{aspect-ratio:16/9;background:#14181a}
#slide-frame{display:block;width:100%;height:100%;border:0}
.reader-bar{height:auto;min-height:64px;padding:10px 24px;flex-wrap:wrap}
.reader-bar>div{flex-wrap:wrap;align-items:center;gap:18px}
.reader-bar button{font-size:12px;min-height:40px;padding:8px 0}
.reader-bar button span{font-size:11px}
#motion-toggle{font-size:10px;color:#bfcdb7}
#slide-grid button{background:#f7f7ef;min-height:110px;padding:18px;transition:background .2s;text-align:left}
#slide-grid button:hover{background:#eef0e5}
#slide-grid button b{font-size:12px;font-weight:400;color:#b9233e}
#slide-grid button span{font-size:12px;padding:18px 0 0}
.summary p#slide-transcript{line-height:1.9}
#reader-dialog .slide-stage{aspect-ratio:auto;height:calc(100dvh - 170px)}
#reader-dialog .zoomed #slide-frame{flex:none;width:1920px;height:1080px;max-width:none}
@media(max-width:650px){
  .reader-bar{padding:8px 13px;gap:4px}.reader-bar>span{width:100%;padding-top:5px}
  .reader-bar>div{width:100%;justify-content:space-between;gap:8px}
  #reader-dialog .reader-bar>div{gap:8px}
  #reader-dialog .slide-stage{height:calc(100dvh - 205px)}
  #slide-grid button{padding:14px}.summary p#slide-transcript{font-size:16px}
}
@media(prefers-reduced-motion:reduce){#slide-grid button{transition:none}}