/* グローバルなカスタムスタイル */
:root {
  --theme-foreground-focus: #3b82f6; /* Tailwind blue-500 */
}

/* Tailwindと競合しないようにカスタムクラスを定義したり、
   Markdown特有の要素を上書きしたりできます */

.card {
  /* Observable Framework標準のカードスタイルを少しアレンジ */
  border-radius: 8px;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
}

/* Observable Framework のインラインスタイルを上書き */
#observablehq-main ul,
#observablehq-main ol {
  list-style: revert !important;
  padding-left: 2em;
}