/* RESET */
* { margin:0; padding:0; box-sizing:border-box; font-family: Arial,sans-serif; }
html,body { width:100%; overflow-x:hidden; }

/* HEADER */
.site-header { display:flex; justify-content:space-between; align-items:center; padding:15px 20px; background:linear-gradient(90deg,#0a3d62,#27ae60); color:#fff; position:relative; }
.logo { font-size:24px; font-weight:bold; }
.menu { display:flex; gap:20px; transition: all 0.3s ease; }
.menu a { color:#fff; text-decoration:none; font-weight:500; }
.menu a:hover { text-decoration: underline; }
.menu-toggle { display:none; font-size:28px; cursor:pointer; color:#fff; }

/* MAIN CONTENT */
.main-content { max-width:1200px; margin:20px auto; padding:0 20px; }
h2 { margin-bottom:15px; color:#0a3d62; }
.news-controls { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:20px; }
.news-controls input, .news-controls select, .news-controls button {
    padding:10px 15px; font-size:16px; border-radius:5px; border:none; outline:none;
}
.news-controls button { background:#27ae60; color:#fff; cursor:pointer; }
.news-controls button:hover { background:#1e8449; }

#newsResults, #latestNews { margin-bottom:40px; }
.news-list, .latest-list { list-style:none; padding:0; }
.news-list li, .latest-list li { margin-bottom:15px; padding:10px; border-radius:8px; background:#f4f6f8; }
.news-list a, .latest-list a { color:#0a3d62; font-weight:bold; text-decoration:none; }
.news-list a:hover, .latest-list a:hover { text-decoration:underline; }

/* MOBILE */
@media(max-width:768px){
    .menu-toggle { display:block; }
    .menu {
        display:none;
        flex-direction:column;
        position:absolute;
        top:60px;
        right:0;
        width:100%;
        background:linear-gradient(90deg,#0a3d62,#27ae60);
        overflow:hidden;
        max-height:0;
        transition:max-height 0.4s ease;
    }
    .menu.active { display:flex; max-height:500px; }
    .menu a { padding:15px 20px; border-bottom:1px solid rgba(255,255,255,0.2); margin:0; }
}