details.faq summary{list-style:none;cursor:pointer}
details.faq summary::-webkit-details-marker{display:none}
details.faq[open] .chev{transform:rotate(180deg)}
.chev{transition:transform .2s;flex-shrink:0}
table.cmp{width:100%;border-collapse:collapse;font-size:.93rem}
table.cmp th,table.cmp td{padding:.7rem .9rem;text-align:left;vertical-align:top}
table.cmp th{font-family:'JetBrains Mono',monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}

/* ── Mobile nav dropdown: scrollable + altura acotada (fix: se salía de pantalla) ── */
@media (max-width: 767px){
  #mobileMenu{
    max-height: calc(100vh - 4rem);
    max-height: calc(100dvh - 4rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    background: rgba(2, 6, 23, 0.97);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255,255,255,.06);
    box-shadow: 0 24px 48px -16px rgba(0,0,0,.55);
  }
  #mobileMenu a{ min-height: 40px; display:flex; align-items:center; }
}

/* ── Mobile nav: acordeones por categoría ── */
#mobileMenu .m-top{display:block;padding:.55rem .75rem;border-radius:.5rem;color:#e2e8f0}
#mobileMenu .m-top:hover{background:rgba(255,255,255,.06)}
#mobileMenu details.m-cat{border-radius:.5rem}
#mobileMenu .m-sum{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.55rem .75rem;border-radius:.5rem;color:#e2e8f0;font-weight:500}
#mobileMenu .m-sum::-webkit-details-marker{display:none}
#mobileMenu .m-sum:hover{background:rgba(255,255,255,.06)}
#mobileMenu .m-sum .chev{transition:transform .2s;opacity:.65;flex-shrink:0}
#mobileMenu details[open] > .m-sum .chev{transform:rotate(180deg)}
#mobileMenu .m-items{display:flex;flex-direction:column;padding:.1rem 0 .4rem;border-left:1px solid rgba(255,255,255,.10);margin:.1rem 0 .2rem .95rem}
#mobileMenu .m-items a{display:block;padding:.42rem .8rem;border-radius:.4rem;color:#cbd5e1;font-size:.9rem}
#mobileMenu .m-items a:hover{background:rgba(255,255,255,.06);color:#fff}
#mobileMenu .m-cta{display:block;margin-top:.4rem;padding:.6rem .8rem;border-radius:.55rem;border:1px solid rgba(139,92,246,.55);color:#c4b5fd;font-weight:600}
#mobileMenu .m-cta:hover{background:rgba(139,92,246,.14);color:#fff}
