*,*:before,*:after{box-sizing:border-box}body{margin:0 auto;max-width:650px;line-height:1.6;font-size:18px;color:light-dark(#444,#ccc)}#page{display:flex;flex-direction:column;min-height:100vh;justify-content:space-between;padding:0 10px}main{flex-grow:1}h1,h2,h3{line-height:1.2}.flow>*+*{margin-block-start:15px}nav{float:inline-end;margin-block:0 10px;margin-inline:10px 0;max-width:25ch}.qr{float:inline-start;margin-block:0 10px;margin-inline:10px;max-width:25ch}nav ul{margin:0;padding-inline-start:25px}