:root{
  --bg:#f7f7f9;
  --card:#ffffff;
  --accent:#0b6b6b;
  --muted:#6b6b6b;
  --container:1100px;
  --gap:1rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

*{box-sizing:border-box}
body{margin:0; background:var(--bg); color:#111; line-height:1.45}
.container{max-width:var(--container); margin:0 auto; padding:1rem}

.site-header{background:var(--card); border-bottom:1px solid #e6e6e6}
.header-inner{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem}
.logo img{height:56px; width:auto; display:block}
.main-nav{margin-left:auto}
.nav-list{list-style:none;margin:0;padding:0;display:flex;gap:0.75rem}
.nav-list a{display:inline-block;padding:.5rem .75rem;color:var(--accent);text-decoration:none;border-radius:4px}
.nav-list a:hover{background:#eef}

.nav-toggle{display:none;background:transparent;border:1px solid #ddd;padding:.4rem .6rem;border-radius:4px;cursor:pointer}

.site-main{display:flex;gap:var(--gap);padding:1rem}
.content{flex:1}
.sidebar{width:280px}

.news-list{padding-left:1rem}
.card{background:var(--card);border:1px solid #e6e6e6;padding:1rem;margin-bottom:1rem;border-radius:6px}
.sections-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}
.nav-card{background:var(--card);border:1px solid #e6e6e6;padding:1rem;border-radius:6px;margin-bottom:1rem}

.site-footer{background:#fff;padding:.75rem 1rem;border-top:1px solid #e6e6e6;margin-top:1rem}
.footer-inner{display:flex;justify-content:center;color:var(--muted);font-size:.95rem}

/* Responsive */
@media (max-width:900px){
  .site-main{flex-direction:column}
  .sidebar{width:100%}
  .sections-grid{grid-template-columns:1fr}
}

@media (max-width:700px){
  .nav-list{display:none;flex-direction:column}
  .nav-toggle{display:inline-block}
  .nav-list.open{display:flex;background:var(--card);position:absolute;right:1rem;top:72px;border:1px solid #eee;padding:.5rem;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.06)}
}