/* Estilos propios (lo demás es Tailwind vía CDN) */

details > summary { list-style: none; cursor: pointer; user-select: none; }
details > summary::-webkit-details-marker { display: none; }
details > summary .chev { transition: transform .15s; }
details[open] > summary .chev { transform: rotate(90deg); }

input[type=range] {
  -webkit-appearance: none; appearance: none;
  height: 4px; border-radius: 2px;
  background: #334155; outline: none;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none;
  width: 14px; height: 14px; border-radius: 50%;
  background: #38bdf8; cursor: pointer;
}
input[type=range]::-moz-range-thumb {
  width: 14px; height: 14px; border: none;
  border-radius: 50%; background: #38bdf8; cursor: pointer;
}

#panel::-webkit-scrollbar, #sections::-webkit-scrollbar { width: 8px; }
#sections::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }