*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,sans-serif;
background:#f6f5f2;color:#1d1d1f;
line-height:1.6}
a{color:inherit;text-decoration:none}
header{background:#fff;
border-bottom:1px solid #e5e3de}
.w{max-width:860px;margin:0 auto;
padding:0 20px}
.top{display:flex;align-items:center;
justify-content:space-between;
height:64px}
.logo{font-weight:800;font-size:22px}
.logo span{color:#d9480f}
nav a{margin-left:18px;color:#555}
h1{font-size:28px;margin:8px 0 12px}
.hero{padding:36px 0 12px}
.hero p{color:#666}
.feed{display:grid;gap:16px;
padding:16px 0 48px}
.card{display:block;background:#fff;
border:1px solid #e5e3de;
border-radius:12px;padding:22px}
.card:hover{border-color:#d9480f}
.tag{font-size:12px;font-weight:600;
color:#d9480f;text-transform:uppercase}
.card h2{font-size:20px;margin:6px 0}
.card p{color:#555}
.meta{font-size:13px;color:#999;
margin-top:8px}
article{background:#fff;
border:1px solid #e5e3de;
border-radius:12px;padding:28px;
margin:32px 0 48px}
article h3{margin:20px 0 8px}
article p,article li{margin-bottom:10px}
article ul{padding-left:22px}
footer{border-top:1px solid #e5e3de;
padding:24px 0;color:#999;
font-size:13px;text-align:center}