/* Layout only. ALL visual teletext pixels (graphics + lettering) are Canvas-rendered. */
.ceefax-page { background:#090909; }
.ceefax-page .page-hero { max-width:900px; margin-inline:auto; }
.ceefax-standalone { padding:8px 12px 45px; }
.ceefax-standalone .teletext-tv { width:min(900px,100%); border:4px solid #242424; border-radius:15px; background:#171717; padding:14px; box-shadow:0 16px 40px #0009; }
.ceefax-standalone .teletext-bezel { border:5px solid #343434; border-radius:6px; padding:0; background:#000; overflow:hidden; position:relative; }
.ceefax-standalone #teletext-bitmap { display:block; width:100%; height:auto; aspect-ratio:480 / 375; image-rendering:pixelated; background:#000; touch-action:pan-y; }
.ceefax-standalone #teletext-screen.teletext-source-accessible { position:absolute!important; width:1px!important; height:1px!important; left:0!important; top:0!important; overflow:hidden!important; clip-path:inset(50%)!important; margin:0!important; padding:0!important; border:0!important; }
.ceefax-standalone .teletext-controls { border-top:1px solid #444; padding-top:14px; margin-top:10px; }
.ceefax-standalone .teletext-controls button { cursor:pointer; }
.ceefax-standalone .teletext-number { color:#00ef35; }
@media(max-width:560px){.ceefax-standalone .teletext-tv{padding:5px;border-width:2px}.ceefax-standalone .teletext-bezel{border-width:2px}.ceefax-standalone .teletext-controls{gap:8px}}