/* Shared mobile nav strip + social icons for marketing pages (see partials/marketing_mobile_nav.html) */
.mobile-nav-strip{display:none}
.mobile-nav-links{display:flex;flex-wrap:wrap;gap:.45rem .85rem;justify-content:center;font-size:.76rem;width:100%}
.mobile-nav-links a{color:var(--dim)}
.mobile-nav-links a:hover{color:var(--text);text-decoration:none}
.mobile-social{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center;margin-top:.35rem}
.mobile-social a{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:8px;border:1px solid var(--border);color:var(--muted);text-decoration:none}
.mobile-social a:hover{color:var(--blue);border-color:rgba(0,187,255,.4)}
.mobile-social svg{display:block}
.mobile-social a.threads-ico{font-family:var(--mono,monospace);font-size:.72rem;font-weight:700;line-height:1}

@media(max-width:900px){
  html,body{overflow-x:hidden}
  .nav{flex-wrap:wrap}
  .nav-links{display:none!important}
  .mobile-nav-strip{display:block;width:100%;padding:.6rem 1rem 1rem;border-bottom:1px solid var(--border);background:var(--bg);overflow-x:hidden}
  .footer .footer-links:first-of-type{display:none}
}