body{margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.6;background:#f7f7f7;color:#222}
header,footer{background:#0f3d3e;color:#fff;padding:15px}
header .container,footer .container{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between}
nav a{color:#fff;margin-left:15px;text-decoration:none;font-weight:bold}
.container{max-width:1100px;margin:auto;padding:20px;background:#fff}
.hero{background:#e0f2f1;padding:40px;text-align:center}
.hero h1{margin-bottom:10px}
.blog-list article{margin-bottom:20px}
.read-more{color:#0f3d3e;font-weight:bold;text-decoration:none}
.layout{display:flex;gap:20px}
.main{flex:3}
.sidebar{flex:1;background:#fafafa;padding:15px;border:1px solid #ddd}
.sidebar a{display:block;margin-bottom:10px;text-decoration:none;color:#0f3d3e;font-weight:bold}
footer p{font-size:14px}
@media(max-width:768px){
.layout{flex-direction:column}
nav{margin-top:10px}
}