/* Full-width presentation, then an independent bottom-right QR support area. */
.stage{aspect-ratio:auto;container-type:inline-size}
.stage-main{flex:1 0 auto;display:flex;min-width:0}
.stage-main>.stage-content{flex:1;min-width:0;min-height:auto}
.stage-support{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;margin-top:20px;padding-top:14px;border-top:1px solid #7186a230;flex-shrink:0}
.stage-support>.stage-footer{border:0;padding:0;margin:0;min-width:0;align-items:flex-end;gap:14px}
.stage-meta>.qr-box{max-width:148px;padding:10px;gap:6px;align-self:end;box-shadow:none}
.stage-meta>.qr-box canvas{width:112px!important;height:112px!important;display:block;max-width:100%}
.stage-meta>.qr-box>span{font-size:11px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}
.stage-controls{flex-shrink:0}
.stage:fullscreen h2{font-size:clamp(36px,min(5.5vw,8vh),100px)}
.stage:fullscreen p,.stage:fullscreen .stage-body{font-size:clamp(18px,min(2.5vw,3.5vh),38px)}
.stage:fullscreen .agenda-item{font-size:clamp(18px,min(2.1vw,3.2vh),34px)}
.stage:fullscreen .stage-support{margin-top:20px;padding-top:14px;gap:24px}
.stage:fullscreen .stage-support>.stage-footer{font-size:clamp(13px,1.6vh,18px)}
.stage:fullscreen .stage-meta>.qr-box{max-width:190px;padding:10px;gap:7px}
.stage:fullscreen .stage-meta>.qr-box canvas{width:clamp(100px,min(10vw,16vh),160px)!important;height:clamp(100px,min(10vw,16vh),160px)!important}
.stage:fullscreen .stage-meta>.qr-box>span{font-size:13px}
.stage:fullscreen .stage-controls{position:static}
@media(min-width:641px) and (max-height:800px){.stage:fullscreen{padding:3vh 5vw 2vh}.stage:fullscreen .stage-kicker{font-size:14px}.stage:fullscreen .stage-content{gap:4px}.stage:fullscreen h2{line-height:1.2;margin:8px 0 4px}.stage:fullscreen p{line-height:1.5}.stage:fullscreen .stage-body.agenda{margin:12px 0;gap:6px}.stage:fullscreen .agenda-item{line-height:1.45;padding:6px 12px}.stage:fullscreen .stage-support{margin-top:10px;padding-top:10px}.stage:fullscreen .stage-controls{margin-top:10px;padding:6px}}
@container (max-width:640px){.stage-support{gap:12px}.stage-support>.stage-footer{flex-direction:column;align-items:flex-start;font-size:12px;gap:8px}.stage-support>.stage-footer time{margin-left:0}.stage-meta>.qr-box{max-width:132px}.stage-meta>.qr-box canvas{width:100px!important;height:100px!important}}
@media(max-width:640px){.stage:fullscreen{padding:24px 20px}.stage:fullscreen .stage-kicker{font-size:13px}.stage:fullscreen h2{font-size:36px}.stage:fullscreen p,.stage:fullscreen .stage-body{font-size:18px;line-height:1.5}.stage:fullscreen .agenda-item{font-size:17px;line-height:1.5;padding:8px 12px}.stage:fullscreen .stage-support{gap:12px;margin-top:16px;padding-top:12px}.stage:fullscreen .stage-support>.stage-footer{font-size:12px;flex-direction:column;align-items:flex-start;gap:8px}.stage:fullscreen .stage-support>.stage-footer time{margin-left:0}.stage:fullscreen .stage-meta>.qr-box{max-width:140px;padding:8px}.stage:fullscreen .stage-meta>.qr-box canvas{width:112px!important;height:112px!important}.stage:fullscreen .stage-meta>.qr-box>span{font-size:11px}.stage:fullscreen .stage-controls{padding:6px;gap:6px}.stage:fullscreen .stage-controls button{font-size:12px}}

.stage-meta{display:flex;flex-direction:column;align-items:center;justify-self:end;min-width:0;gap:8px}
.stage-meta time{font-size:12px;line-height:1.5;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:center;opacity:.75}
.stage:fullscreen .stage-meta time{font-size:clamp(12px,1.5vh,16px)}
@media(max-width:640px){.stage-meta{gap:6px}.stage:fullscreen .stage-meta time{font-size:12px}}
