body{font:16px system-ui;margin:0;background:#f6f7f9;color:#17212e}main{max-width:1200px;margin:30px auto;padding:24px}nav{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}button,input{font:inherit;padding:10px}button{cursor:pointer}video,.sample-player{width:100%;background:#10141c;aspect-ratio:16/9}.player-row{display:grid;grid-template-columns:3fr 1fr;gap:24px}.guide-row{display:grid;grid-template-columns:180px 1fr 1fr;gap:8px;margin:8px 0}.programme{background:#e0e7f0;padding:18px}.selected{background:#163c65;color:white}#message{min-height:1.5em}a{color:#1558a6}@media(max-width:700px){.player-row{display:block}.guide-row{grid-template-columns:120px 1fr}.guide-row>:last-child{display:none}}