body{margin:0;font:16px/1.6 Georgia,"Times New Roman",serif;color:#2b2a28;background:#f6f4f0}
header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 5vw;border-bottom:1px solid #ddd8cf}
.logo{font-weight:bold;color:#2b2a28;text-decoration:none;letter-spacing:.04em}
nav a{margin-left:1.2rem;color:#5a5650;text-decoration:none}
main{max-width:56rem;margin:0 auto;padding:2rem 5vw}
.hero h1{font-size:2.2rem;margin:.5rem 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.5rem;margin:2rem 0}
article{background:#fff;padding:1rem 1.2rem;border:1px solid #e6e1d8}
footer{padding:2rem 5vw;color:#8a857c;font-size:.9rem;border-top:1px solid #ddd8cf}