/* ------------------------------------------------------------
 *  default.css — Tailwind(CDN) を補う最小限のカスタムスタイル
 *  ※ デザインの大部分は index.php 内の Tailwind ユーティリティで指定
 * ---------------------------------------------------------- */

:root {
  color-scheme: light;
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* インラインコードの見た目を整える */
code {
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
}

/* 細めのスクロールバー（ログ領域など） */
.overflow-y-auto::-webkit-scrollbar,
.overflow-x-auto::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.overflow-y-auto::-webkit-scrollbar-thumb,
.overflow-x-auto::-webkit-scrollbar-thumb {
  background: #d4d4d4;
  border-radius: 9999px;
}
.overflow-y-auto::-webkit-scrollbar-track,
.overflow-x-auto::-webkit-scrollbar-track {
  background: transparent;
}

/* details の三角マーカーを控えめに */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}
summary::before {
  content: "▸";
  display: inline-block;
  margin-right: 6px;
  color: #a3a3a3;
  transition: transform 0.15s ease;
}
details[open] > summary::before {
  transform: rotate(90deg);
}