:root{--container-w: 960px;--pad-x: 16px;--pad-y: 16px}*{box-sizing:border-box}html,body{height:100%}body{margin:0}.container{max-width:var(--container-w);margin:0 auto;padding-left:calc(var(--pad-x) + env(safe-area-inset-left));padding-right:calc(var(--pad-x) + env(safe-area-inset-right))}.section{padding:var(--pad-y) 0}@media (max-width: 640px){:root{--container-w: 960px;--pad-x: 16px;--pad-y: 16px}.container{max-width:var(--container-w);margin:0 auto;padding-left:var(--pad-x);padding-right:var(--pad-x)}.section{padding-top:32px;padding-bottom:16px}}