:root{font-family:Arial,Helvetica,sans-serif;background:#fafaf7;color:#fff;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;padding:20px;display:grid;place-items:center}
main{width:100%;max-width:min(1200px,calc(177.778svh - 83.556px))}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.grid>iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:10px}
@media(max-width:640px){body{padding:12px;align-items:start}main{max-width:600px}.grid{grid-template-columns:1fr;gap:12px}}