body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;background:#fafafa;color:#333}header{background:#f2dede;padding:25px;text-align:center}.subtitle{margin-top:5px;font-size:16px;color:#555}nav{margin-top:15px}nav a{margin:0 10px;text-decoration:none;color:#333;font-weight:bold}nav a:hover{text-decoration:underline}main{max-width:800px;margin:40px auto;padding:0 20px}h1,h2{color:#222}footer{text-align:center;padding:25px;font-size:14px;color:#777;background:#fff}.hero-img{width:100%;max-height:420px;object-fit:cover;border-radius:6px;margin:25px 0}.article-img{width:100%;max-height:360px;object-fit:cover;border-radius:6px;margin:30px 0}@media (max-width:768px){.hero-img{max-height:260px}.article-img{max-height:240px}}