html,body{height:auto;min-height:100%;overflow:auto;background:#f4f4f4;font:18px/1.4 Covenant,Georgia,serif}
.presenter-bar{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.5rem;background:white}.presenter-bar>span:first-child{text-transform:uppercase}.controls{display:flex;gap:.35rem;align-items:center}.controls button{border:0;background:#ddd;padding:.25rem .6rem;cursor:pointer}.controls button:hover,.controls button:focus-visible{background:#163eff;color:white}
.presenter-grid{display:grid;grid-template-columns:3fr 2fr;gap:1.5rem;margin:1.5rem}.presenter-grid h2,.notes h2{margin:0 0 .5rem;font:inherit;text-transform:uppercase}.frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#fff;outline:1px solid #ccc}.frame iframe{position:absolute;left:0;top:0;width:1280px;height:720px;border:0;transform-origin:0 0;pointer-events:none}.notes{margin:1.5rem;padding:1rem 1.25rem;background:white;min-height:9rem}.notes p{max-width:75ch;margin:.3rem 0 1rem}.hint{margin:1.5rem;color:#777;font-size:.85rem}
@media(max-width:850px){.presenter-grid{grid-template-columns:1fr}.presenter-bar{flex-wrap:wrap}.notes{margin-top:1rem}}
.presenter-bar{position:sticky;top:0;z-index:30}