*{box-sizing:border-box}body{margin:0;font:16px/1.6 -apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#1f2328;background:#fafaf7}
.wrap{max-width:880px;margin:0 auto;padding:0 20px}.top{background:#fff;border-bottom:1px solid #e6e4dc}
.top .wrap{display:flex;justify-content:space-between;align-items:center;height:64px}.logo{font-weight:700;letter-spacing:.04em}
nav a{margin-left:20px;color:#555;text-decoration:none}nav a:hover{color:#000}
.hero{padding:56px 0 24px}.hero h1{font-size:40px;margin:0 0 8px}.hero p{color:#555;font-size:18px;margin:0}
h2{margin-top:48px;font-size:24px}article{padding:18px 0;border-bottom:1px solid #e6e4dc}
article time{color:#8a8578;font-size:14px}article h3{margin:4px 0 6px;font-size:19px}article p{margin:0;color:#444}
footer{padding:48px 20px;color:#8a8578;font-size:14px}@media(max-width:600px){nav a{margin-left:12px}.hero h1{font-size:30px}}