/*
 * This is a manifest file that'll be compiled into application.css.
 * For Rails with tailwindcss-rails gem.
 *
 *= require_tree .
 *= require_self
 */

/* 自定义滚动条样式 */
.scrollbar-thin {
  scrollbar-width: thin;
}

.scrollbar-thin::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

.scrollbar-thin::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 0;
}

.scrollbar-thin::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

.scrollbar-thin::-webkit-scrollbar-thumb:hover {
  background: rgba(233, 106, 74, 0.55);
}

@media (min-width: 768px) {
  /* Notebook show: make <details> wrappers transparent on desktop so children
     become direct grid items, restoring the 3-column layout unchanged. */
  .notebook-collapse details { display: contents; }
  .notebook-collapse details > summary { display: none; }
}