body{font-family:Arial;background:#0b1220;color:#e5e7eb;margin:0;line-height:1.7}
.container{max-width:1100px;margin:auto;padding:20px}
.card{background:#111827;padding:28px;border-radius:16px;margin:25px 0;border:1px solid rgba(255,255,255,0.05)}
h1{color:#e5e7eb;font-size:34px;margin-bottom:10px}
h2{color:#22c55e;font-size:22px;margin-bottom:10px}
p{color:#cbd5e1}
ul{color:#cbd5e1;padding-left:20px}
.btn{display:inline-block;background:#22c55e;color:#000;padding:12px 24px;border-radius:10px;text-decoration:none;font-weight:bold;margin-right:10px}
.btn.secondary{background:#1f2937;color:#e5e7eb}
.btn-wrap{margin-top:15px}


/* FINAL MOBILE NAV FIX */
@media (max-width:640px){
  .topbar{position:sticky;top:0;z-index:999;}
  .nav{flex-direction:row !important;justify-content:space-between;align-items:center;}
  .nav-links a:not(.btn){display:none;}
  .nav-links{flex-direction:row !important;width:auto !important;}
  .btn{width:auto !important;}
}


.topnav-lite a.current-page{
  background: rgba(34,197,94,0.18);
  border: 1px solid rgba(34,197,94,0.35);
}
.keyword-intro{
  font-size: 1.05rem;
}
.info-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:18px;
  margin-top:18px;
}
.info-item{
  background:#0f172a;
  border:1px solid rgba(255,255,255,0.06);
  border-radius:14px;
  padding:18px;
}
.info-item h3{
  margin-top:0;
  color:#22c55e;
}
.note-lite{
  color:#94a3b8;
  font-size:0.95rem;
}
.related-guides{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px;
}
.related-guides a{
  display:block;
  text-decoration:none;
  color:#e5e7eb;
  background:#0f172a;
  border:1px solid rgba(255,255,255,0.06);
  border-radius:12px;
  padding:14px;
}
.related-guides a strong{
  display:block;
  color:#22c55e;
  margin-bottom:6px;
}
@media (max-width:640px){
  .info-grid,.related-guides{grid-template-columns:1fr;}
}