.site-header{
    background:var(--navy);
    color:#fff;
    padding:0;
    margin-bottom:0;
  }
  .site-header-inner{
    max-width:1400px;
    margin:0 auto;
    padding:14px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:10px;
  }
  .site-logo{
    color:#fff;
    font-weight:700;
    font-size:16px;
    text-decoration:none;
    letter-spacing:.2px;
  }
  .site-nav{
    display:flex;
    gap:4px;
    flex-wrap:wrap;
  }
  .site-nav a{
    color:#c3ccd6;
    text-decoration:none;
    font-size:13px;
    font-weight:600;
    padding:8px 12px;
    border-radius:4px;
  }
  .site-nav a:hover{
    background:rgba(255,255,255,.08);
    color:#fff;
  }
  .site-nav a.active{
    background:var(--accent);
    color:#fff;
  }

  .site-footer{
    max-width:1400px;
    margin:40px auto 0;
    padding:20px;
    text-align:center;
    color:var(--muted);
    font-size:12px;
  }