:root {--primary:#004080;--secondary:#0066cc;--bg:#f5f7fa;--white:#fff;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Segoe UI',Tahoma,sans-serif;background:var(--bg);color:#333;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;display:block;}

.top-bar{background:var(--primary);color:#fff;padding:5px 15px;font-size:.9rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.top-bar a{color:#fff;margin-left:10px;}

header{background:var(--white);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;
  box-shadow:0 2px 5px rgba(0,0,0,.1);position:sticky;top:0;z-index:1000;}
.logo-title{display:flex;align-items:center;gap:15px;}
.logo-title img{width:80px;}
.logo-title h1{font-size:1.6rem;color:var(--primary);}

nav{position:relative;}
.menu-toggle{display:block;background:none;border:none;font-size:1.8rem;color:var(--primary);cursor:pointer;}
nav ul{list-style:none;position:absolute;top:100%;right:0;background:var(--white);flex-direction:column;align-items:flex-start;padding:15px;gap:10px;box-shadow:0 2px 8px rgba(0,0,0,.2);display:none;z-index:999;}
nav ul.active{display:flex;}
nav ul li a{display:block;padding:8px 15px;border:1px solid var(--primary);border-radius:4px;transition:.3s;}
nav ul li a:hover{background:var(--primary);color:var(--white);}

.dropdown { position: relative; }
.dropdown-menu {display: none;position: absolute;left: 0;top: 100%;background: var(--white);min-width: 180px;list-style: none;padding: 10px 0;box-shadow: 0 2px 8px rgba(0,0,0,0.15);z-index: 1000;}
.dropdown-menu li a {padding: 8px 15px;display: block;border-radius: 0;border: none;}
.dropdown-menu li a:hover {background: var(--primary);color: var(--white);}
@media (min-width: 901px) { .dropdown:hover .dropdown-menu {display: block;} }

.search-btn{font-size:1.2rem;background:none;border:none;color:var(--primary);cursor:pointer;}
.search-form{display:none;position:absolute;top:70px;right:20px;background:var(--white);box-shadow:0 2px 8px rgba(0,0,0,.2);padding:10px;border-radius:6px;}
.search-form.active{display:block;}
.search-form input{padding:6px;width:200px;border:1px solid #ccc;border-radius:4px 0 0 4px;}
.search-form button{padding:6px 10px;border:none;background:var(--primary);color:#fff;border-radius:0 4px 4px 0;}

main{padding:20px;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:250px 1fr 250px;gap:20px;}
.sidebar,.sidebar-right{display:flex;flex-direction:column;gap:20px;}
.ad-card{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);}
.ad-card h3{color:var(--primary);margin-bottom:10px;}

.article h2{text-align:center;color:var(--primary);margin-bottom:10px;}
.meta{text-align:center;font-size:.9rem;color:#666;margin-bottom:20px;}
.article-img{border-radius:8px;margin-bottom:20px;}

.accordion-header{width:100%;text-align:left;padding:12px 15px;background:var(--primary);color:#fff;border:none;cursor:pointer;font-size:1rem;transition:.3s;margin-top:10px;border-radius:4px;}
.accordion-header.active{background:var(--secondary);}
.accordion-body{display:none;padding:15px;background:#fff;border-radius:0 0 4px 4px;box-shadow:0 2px 5px rgba(0,0,0,.1);margin-bottom:10px;}

.stories h2{color:var(--primary);margin:40px 0 20px;text-align:center;}
.stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;}
.story-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;}
.story-card img{width:100%;height:180px;object-fit:cover;}
.story-content{padding:15px;}
.story-content h3{font-size:1.2rem;margin-bottom:10px;color:var(--primary);}
.story-content p{font-size:.95rem;margin-bottom:10px;}
.read-more{color:var(--secondary);font-weight:bold;}

footer{background:var(--primary);color:#fff;text-align:center;padding:15px;margin-top:30px;}

@media(max-width:900px){ main{grid-template-columns:1fr;} }