:root { color-scheme: light; font-family: system-ui, sans-serif; color: #182438; background: #f8fafc; }
body { margin: 0; }
main { max-width: 60rem; margin: auto; padding: 1rem; }
header { display: flex; justify-content: space-between; gap: 1rem; }
h1 { font-size: clamp(1.4rem, 4vw, 2.25rem); text-wrap: balance; }
video, iframe { display: block; box-sizing: border-box; width: 100%; height: min(60vw, 65vh); min-height: 12rem; object-fit: contain; border: 0; border-radius: .65rem; background: #121820; }
p { line-height: 1.6; }
a { display: inline-block; padding: .65rem 0; color: #214f83; overflow-wrap: anywhere; }
a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (max-width: 40rem) { video { height: auto; max-height: 65vh; } }