:root { color-scheme: light; font-family: system-ui, sans-serif; color: #203537; background: #f3f7f7; }
body { margin: 0; }
main { max-width: 900px; padding: 24px; margin: auto; }
h1 { font-size: clamp(1.8rem, 6vw, 3rem); }
video { display: block; width: 100%; aspect-ratio: 16 / 9; background: #111; border-radius: 12px; }
section { background: white; padding: 20px; margin-top: 20px; border-radius: 12px; }
p, li { line-height: 1.7; overflow-wrap: anywhere; }
li { margin-bottom: 10px; }
a { color: #126857; }
.label { color: #516d68; }
#player-status { min-height: 3em; }
@media(max-width: 500px) { main { padding: 14px; } section { padding: 15px; } }