/* Buttons, inputs, small UI pieces you’ll reuse */
input,textarea{width:100%;padding:.75rem;border-radius:10px;border:1px solid var(--border);background:#0f1218;color:inherit}
label{display:block;margin:.75rem 0 .25rem}
.nav-links a.active {
  background: var(--muted);
  border-radius: 8px;
}
/* Checklist bullets */
.checklist{margin:.6rem 0 0 0; padding:0; list-style:none}
.checklist li{position:relative; padding-left:1.4rem; margin:.35rem 0}
.checklist li::before{
  content:"✓"; position:absolute; left:0; top:.05rem;
  width:1rem; height:1rem; line-height:1rem; text-align:center;
  border-radius:50%; border:1px solid var(--border); color:var(--accent);
}

/* FAQ (details) */
.faq{background:var(--card); border:1px solid var(--border); border-radius:12px; padding:1rem; margin:.6rem 0}
.faq > summary{cursor:pointer; font-weight:600}
.faq[open]{box-shadow:0 10px 30px rgba(0,0,0,.2)}
.faq p{color:var(--sub); margin:.5rem 0 0}

.sub{color:var(--sub)}
.pill{
  display:inline-block;padding:.2rem .5rem;border:1px solid var(--border);
  border-radius:999px;background:var(--muted);margin-right:.4rem;font-size:.85em
}