/* overrides.css — header mobile friendly */
header, .site-header { position: sticky; top: 0; z-index: 50; background:#113b2f; color:#fff; }
.header__inner, header .wrapper, .site-header .wrapper { display:grid; grid-template-columns:1fr; gap:8px; max-width:1100px; margin:0 auto; padding:0 12px; }
.brand, .site-title, .brand-title { display:flex; align-items:center; gap:10px; }
nav ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:10px; }
nav a { white-space:nowrap; text-decoration:none; }
@media (max-width:640px){
  nav a { font-size:15px; padding:6px 8px; display:inline-block; }
  .site-title, .brand-title { font-size:18px; line-height:1.15; }
  .brand img { max-height:32px; width:auto; }
}
@media (max-width:390px){
  nav a { font-size:14px; }
  .site-title, .brand-title { font-size:16px; }
}
/* Contrast for header text */
header, .site-header { background:#113b2f; color:#fff; }
header a, .site-header a, nav a { color:#ffffff !important; }
nav a:hover, nav a:focus { opacity:.9; text-decoration:underline; }

/* === Mobile burger menu === */
.burger{display:none}
.topbar .nav-toggle{display:none}
@media (max-width:860px){
  .burger{display:block; cursor:pointer; margin-left:auto; padding:10px; -webkit-tap-highlight-color:transparent}
  .burger span{display:block; width:26px; height:2px; background:#fff; margin:6px 0; transition:.25s}
  .topbar nav{display:none; position:absolute; left:0; right:0; top:56px; background:#113b2f; padding:12px 16px; border-top:1px solid rgba(255,255,255,.12)}
  .topbar nav a{display:block; padding:10px 6px; font-size:16px}
  /* checkbox hack */
  .topbar .nav-toggle:checked + label.burger + nav{display:block}
}

.ext-links{margin-top:8px;font-size:14px}
.ext-links a{color:#e6f2ee;text-decoration:underline}
