body{background:#fffefa}header{position:sticky;top:0;z-index:5;padding:10px 5%;justify-content:space-between}header nav{background:transparent;border:0;padding:8px 0;gap:24px}header nav a{color:#fffefa}header nav a[aria-current]{border-color:#d2e89f}main{margin-top:65px}.intro{font-size:1.2rem;max-width:700px}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.articles .card{padding:0 0 24px;overflow:hidden}.articles img{width:100%;aspect-ratio:3/2;object-fit:cover}.articles p,.articles h2,.articles small,.articles .card>a:last-child{margin:15px 22px;display:block}.articles a{text-decoration:none}.reading{max-width:780px;margin:auto}.reading h1{font-size:2.8rem}.reading>p{font-size:1.1rem;line-height:1.85}.reading figure{margin:32px 0}.reading .cover{max-height:none;width:100%}figcaption{font-size:.8rem;color:#5d6c65}.pagination{display:flex;justify-content:space-between;gap:20px}footer{border-top:1px solid #dce6e0;margin-top:60px}@media(max-width:800px){.articles{grid-template-columns:1fr 1fr}}@media(max-width:550px){.articles{grid-template-columns:1fr}header nav{gap:15px;font-size:.8rem}header img{width:58px;height:58px}.reading h1{font-size:2rem}main{margin-top:35px}}