<style>
.gov-topbar{
    background:#fff; /* subtle warm tint like screenshot */
    border-bottom:1px solid rgba(0,0,0,.06);
    font-size:.95rem;
  }
  .gov-topbar .container{
    display:flex; align-items:center; gap:.75rem; min-height:40px;
  }
  .gov-topbar small{color:#6b6b6b;}
  .gov-topbar .flag{font-size:1.05rem; margin-right:.35rem}
  .gov-topbar .controls a{color:#5f5f5f; text-decoration:none; padding:0 .25rem; border-radius:.35rem}
  .gov-topbar .controls a:hover{background:rgba(0,0,0,.06)}
  .gov-topbar .sep{opacity:.3; margin:0 .25rem}
  .gov-topbar .right{
    margin-left:auto; display:flex; align-items:center; gap:.35rem; flex-wrap:wrap;
  }
  .gov-topbar .social a{color:#4d4d4d; padding:.25rem; border-radius:.35rem}
  .gov-topbar .social a:hover{background:rgba(0,0,0,.06)}
  .gov-topbar .login a{color:#0b5ed7; font-weight:600; text-decoration:none}
  .gov-topbar .login i{margin-left:.25rem}
  @media (max-width: 576px){
    .gov-topbar small{display:none;} /* keep bar compact on very small screens */
  }

  /* Dark mode */
  :root[data-theme="dark"]{
    color-scheme: dark;
  }
  :root[data-theme="dark"] .gov-topbar{
    background:#1f1f1f; border-bottom:1px solid rgba(255,255,255,.1);
  }
  :root[data-theme="dark"] .gov-topbar small,
  :root[data-theme="dark"] .gov-topbar .controls a,
  :root[data-theme="dark"] .gov-topbar .social a{ color:#d7d7d7; }
  :root[data-theme="dark"] .gov-topbar .login a{ color:#8ec8ff; }
  :root[data-theme="dark"] .gov-topbar .controls a:hover,
  :root[data-theme="dark"] .gov-topbar .social a:hover{ background:rgba(255,255,255,.08); }
</style>