/* Telexico internal-link engine — drop this in your <head> (or paste into your main stylesheet).
   Dark, on-brand, responsive. The engine outputs <nav class="tlx-links">…</nav>. */
.tlx-links{
  margin:48px 0 8px;padding:28px 26px;border-radius:18px;
  background:linear-gradient(165deg,#170a26,#12051f);
  border:1px solid rgba(255,255,255,.08);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}
.tlx-links-inner{
  display:grid;gap:26px 34px;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
}
.tlx-links .tlx-col h3{
  margin:0 0 12px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:#c084fc;
}
.tlx-links .tlx-col ul{list-style:none;margin:0;padding:0}
.tlx-links .tlx-col li{margin:0 0 9px;line-height:1.35}
.tlx-links .tlx-col li:last-child{margin-bottom:0}
.tlx-links a{
  color:#e9ddff;text-decoration:none;font-size:14.5px;font-weight:500;
  border-bottom:1px solid transparent;transition:.15s;
}
.tlx-links a:hover{color:#fff;border-bottom-color:#c0208c}
@media(max-width:560px){
  .tlx-links{padding:22px 18px;margin:34px 0 4px}
  .tlx-links-inner{gap:22px}
}

/* FAQ engine (telexico_faq_engine.py) */
.tlx-faq{margin:44px 0;font-family:'Inter',-apple-system,sans-serif}
.tlx-faq h2{font-family:'Manrope',sans-serif;color:#fff;font-size:26px;margin:0 0 20px}
.tlx-faq-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:12px;margin-bottom:12px;padding:2px 20px}
.tlx-faq-item summary{cursor:pointer;font-weight:700;color:#fff;padding:15px 0;font-family:'Manrope',sans-serif;list-style:none}
.tlx-faq-item summary::-webkit-details-marker{display:none}
.tlx-faq-item summary:before{content:"+";color:#c0208c;font-weight:800;margin-right:12px}
.tlx-faq-item[open] summary:before{content:"–"}
.tlx-faq-item p{padding:0 0 16px;color:#c9bce4;line-height:1.6}
