/* rroom — rendering for imported .pptx decks. A .pptx-canvas is laid out in
   pt (usually 960×540); the host (import preview or the reveal.js player)
   scales it. Shared by presenter + followers. */
.pptx-canvas { position: relative; overflow: hidden; color: #000; font-family: "Inter", system-ui, -apple-system, sans-serif; font-size: 18pt; line-height: 1.2; }
.pptx-canvas .el { position: absolute; box-sizing: border-box; }
.pptx-canvas .el-text, .pptx-canvas .el-shape { display: flex; flex-direction: column; }
.pptx-canvas .el-content { width: 100%; }
.pptx-canvas .el-content p { margin: 0; }
.pptx-canvas .el-content p:empty::before { content: "\00a0"; }
.pptx-canvas .el-image { display: block; object-fit: fill; }
.pptx-canvas .el-placeholder { border: 1pt dashed rgba(128, 128, 128, .45); }
.pptx-canvas p, .pptx-canvas span, .pptx-canvas li { font-size: inherit; }

/* reveal.js player: the section IS the canvas — undo the theme's padding,
   centering and image chrome so the deck renders exactly. */
.reveal { background: transparent; }
.reveal .slides { text-align: left; }
.reveal .slides section { padding: 0 !important; margin: 0; text-align: left; }
.reveal .slides section .pptx-canvas p,
.reveal .slides section .pptx-canvas span { text-transform: none; text-shadow: none; line-height: 1.2; margin: 0; }
.reveal .slides section .pptx-canvas img { border: 0; box-shadow: none; margin: 0; background: none; max-width: none; max-height: none; }
.pptx-canvas .el-group { pointer-events: none; }
.pptx-canvas .el-group > .el { pointer-events: auto; }
.pptx-canvas .el-vector > .el-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.pptx-canvas .el-vector > .el-content { position: relative; }