*{box-sizing:border-box}body{margin:0;background:#f4f3ed;color:#233b35;font:17px/1.7 system-ui,sans-serif}header,main,footer{max-width:850px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}nav{display:flex;gap:20px}a{color:#286a59}h1{font:500 46px/1.15 Georgia,serif}h2{font:500 28px Georgia,serif}article{padding:22px 0;border-top:1px solid #ccd5ca}small,footer{color:#66756c}img{max-width:100%;height:auto;border-radius:14px}.intro{max-width:620px}code{font-size:14px}