body{background-color:#f7f5f4;color:#111;line-height:1.5;margin:0 auto;padding:1rem;min-height:calc(100dvh - 2rem);max-width:768px;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif}header{border-bottom:1px solid #0c0a09;margin-bottom:1rem}main{flex:1}footer{border-top:1px solid #0c0a09;margin-top:1rem}a{color:#007aff;text-decoration:none}a:hover{text-decoration:underline}nav ul{display:flex;flex:1;padding:0;list-style:none}nav ul li{flex:1}main ul{display:flex;flex:1;padding:0;list-style:none;flex-direction:column}main ul li{display:flex;padding:0;justify-content:space-between}footer div{display:flex;flex:1;justify-content:right}footer div p:last-child{padding-left:2rem}article{margin-top:3rem}time{text-transform:lowercase}