*{box-sizing:border-box}body{margin:0;font:17px/1.65 Georgia,"Times New Roman",serif;color:#3b2f25;background:#fbf6ee}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}header{background:#6b4f3a;color:#fff}header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:14px 20px}
.logo{color:#fff;text-decoration:none;font-size:22px;font-weight:bold}nav a{color:#f3e3cf;text-decoration:none;margin-left:16px;font-family:Arial,sans-serif;font-size:15px}nav a.on,nav a:hover{color:#fff;border-bottom:2px solid #e8b46b}
main{padding:30px 20px 50px}.hero{text-align:center;padding:40px 10px;background:linear-gradient(135deg,#f1dfc6,#e9cfa9);border-radius:14px;margin-bottom:30px}.hero h1{margin:0;font-size:42px}
.cards{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}article{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px rgba(80,50,20,.08)}
article h2{font-size:20px;margin:0 0 4px}a{color:#8a4b1f}.meta{color:#9a8572;font-size:14px;margin:0 0 8px;font-family:Arial,sans-serif}
h1{color:#5a3e2b}h2{color:#6b4f3a}table{border-collapse:collapse;width:100%;background:#fff}th,td{border:1px solid #e6d6c1;padding:8px 10px;text-align:left}th{background:#f1e2cc}
footer{background:#efe3d3;color:#7d6a58;font-size:14px;padding:18px 0;font-family:Arial,sans-serif}@media(max-width:600px){nav a{margin:0 12px 0 0}.hero h1{font-size:32px}}