/* ---- 中文閱讀性微調 ---- */
.md-typeset {
  line-height: 1.8;
  letter-spacing: 0.01em;
}

.md-typeset h1,
.md-typeset h2 {
  font-weight: 700;
  letter-spacing: 0.01em;
}

/* 段落之間多一點呼吸感 */
.md-typeset p {
  margin: 0.8em 0;
}

/* ---- 卡片：滑鼠移上去輕微浮起 ---- */
.md-typeset .grid.cards > ul > li,
.md-typeset .grid.cards > :is(.card) {
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.md-typeset .grid.cards > ul > li:hover {
  border-color: var(--md-accent-fg-color);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.10);
  transform: translateY(-3px);
}

/* ---- 表格：表頭稍微強調、可橫向捲動 ---- */
.md-typeset table:not([class]) th {
  font-weight: 700;
}

.md-typeset table:not([class]) {
  border-radius: 6px;
  overflow: hidden;
}

/* ---- Mermaid 圖置中、留白 ---- */
.md-typeset .mermaid {
  display: flex;
  justify-content: center;
  margin: 1.5em 0;
}

/* ---- 首頁大按鈕之間留點間距 ---- */
.md-typeset .md-button {
  margin-top: 0.4em;
}

/* ---- 讓 checklist 的勾選看起來像「已完成」提醒，而非可勾選 ---- */
.md-typeset .task-list-control .task-list-indicator::before {
  background-color: var(--md-accent-fg-color);
}