/* LOADOUT shared nav + footer (local copy, 2026-09-26).
   Classes are lo- prefixed so they never collide with each page's own inline CSS.
   Visual values copied from the live homepage nav/footer (index.html). */
nav.lo-nav{display:flex;justify-content:space-between;align-items:center;padding:18px 48px;height:auto;border-bottom:1px solid #1E1E1E;position:sticky;top:0;background:#0A0A0A;backdrop-filter:none;z-index:100;font-family:Helvetica,Arial,sans-serif;line-height:1.6;margin:0}
nav.lo-nav a{color:inherit;text-decoration:none}
nav.lo-nav .lo-logo{font-weight:700;font-size:22px;letter-spacing:2px;color:#F0F0F0}
nav.lo-nav .lo-logo span{color:#FF6B00}
nav.lo-nav .lo-links{display:flex;gap:32px;align-items:center}
nav.lo-nav .lo-links a{font-size:13px;color:#888;font-weight:400}
nav.lo-nav .lo-links a:hover,nav.lo-nav .lo-links a[aria-current="page"]{color:#F0F0F0}
nav.lo-nav .lo-cta{background:#FF6B00;color:#000;font-weight:700;font-size:13px;padding:9px 20px}
nav.lo-nav .lo-cta:hover{background:#e55e00}
nav.lo-nav .lo-toggle{display:none;background:none;border:0;cursor:pointer;padding:8px;margin-right:-8px;flex-direction:column;gap:5px}
nav.lo-nav .lo-toggle span{display:block;width:22px;height:2px;background:#F0F0F0;border-radius:2px}
.lo-drawer{display:none;position:fixed;top:60px;left:0;right:0;background:#111;border-bottom:1px solid #1E1E1E;padding:8px 20px 16px;flex-direction:column;z-index:99;font-family:Helvetica,Arial,sans-serif}
.lo-drawer.open{display:flex}
.lo-drawer a{color:#888;font-size:16px;padding:14px 0;border-bottom:1px solid #1E1E1E;text-decoration:none}
.lo-drawer a:last-child{border-bottom:none;color:#FF6B00;font-weight:700}
footer.lo-footer{padding:40px 48px;border-top:1px solid #1E1E1E;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;text-align:left;margin:0;background:#0A0A0A;font-family:Helvetica,Arial,sans-serif;line-height:1.6}
footer.lo-footer a{text-decoration:none}
footer.lo-footer .lo-flogo{font-weight:700;font-size:16px;letter-spacing:2px;color:#F0F0F0}
footer.lo-footer .lo-flogo span{color:#FF6B00}
footer.lo-footer .lo-flinks{display:flex;flex-wrap:wrap;gap:12px 24px}
footer.lo-footer .lo-flinks a{font-size:12px;color:#888}
footer.lo-footer .lo-flinks a:hover{color:#F0F0F0}
footer.lo-footer .lo-flegal{display:flex;flex-wrap:wrap;gap:12px 24px;width:100%;order:4}
footer.lo-footer .lo-flegal a{font-size:11px;color:#666}
footer.lo-footer .lo-flegal a:hover{color:#F0F0F0}
footer.lo-footer .lo-fcopy{font-size:12px;color:#888}
.lo-ph{text-align:center;padding:24px 16px;border-top:1px solid #1E1E1E;background:#0A0A0A}
.lo-ph img{display:inline-block;max-width:100%;height:auto}
@media(max-width:640px){
  nav.lo-nav{padding:14px 20px}
  nav.lo-nav .lo-links,nav.lo-nav .lo-cta{display:none}
  nav.lo-nav .lo-toggle{display:flex}
  .lo-drawer{top:56px}
  footer.lo-footer{padding:28px 20px;flex-direction:column;align-items:flex-start}
}