:root{--blue:#1a6fa8;--dark:#14405f;--sand:#f7f4ee;--text:#333}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Georgia,'Times New Roman',serif;color:var(--text);background:var(--sand);line-height:1.7}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
header{background:linear-gradient(135deg,var(--dark),var(--blue));color:#fff;padding:3rem 1rem 2rem;text-align:center}
header h1{font-size:2.4rem;letter-spacing:1px}
header p{opacity:.85;margin-top:.4rem;font-style:italic}
nav{background:var(--dark);padding:.6rem 1rem;text-align:center}
nav a{color:#fff;margin:0 .8rem;font-family:Arial,sans-serif;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}
main{max-width:960px;margin:0 auto;padding:2rem 1rem}
section.category{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:1.5rem 2rem;margin-bottom:2rem}
section.category h2{color:var(--dark);border-bottom:3px solid var(--blue);padding-bottom:.5rem;margin-bottom:1rem;font-size:1.5rem}
ul.posts{list-style:none}
ul.posts li{padding:.6rem 0;border-bottom:1px solid #eee}
ul.posts li:last-child{border-bottom:none}
ul.posts a{font-size:1.1rem}
.more{display:inline-block;margin-top:.8rem;font-family:Arial,sans-serif;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}
article{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:2rem 2.5rem}
article h1{color:var(--dark);margin-bottom:1.2rem;font-size:2rem}
article p{margin-bottom:1rem}
article h2,article h3{color:var(--dark);margin:1.4rem 0 .6rem}
footer{text-align:center;padding:2rem 1rem;color:#777;font-family:Arial,sans-serif;font-size:.85rem}
@media(max-width:600px){article{padding:1.2rem}header h1{font-size:1.8rem}}

.post{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #ddd}
.post h3{margin-bottom:.5rem}
.readmore a{font-weight:bold}