body{color:#333;background:#eee;max-width:400px;margin:auto;padding:20px;font-family:apple-system,sans-serif;line-height:1.5}video{aspect-ratio:4/3;background-color:#000;width:100%;margin-bottom:20px}p{margin-top:0}article{margin-bottom:20px}article h2{margin:0 0 10px;font-size:.8rem}dl{margin:0}dt{color:#708090;text-transform:uppercase;font-size:.8rem}dd{margin:0 0 10px;font-size:1.2rem;font-weight:700}button{color:#eee;cursor:pointer;background:#000;border:none;border-radius:4px;width:100%;padding:10px;font-weight:700}button:active{opacity:.8}