/* === 加宽正文：Material 默认 .md-grid max-width 61rem(~976px) 偏窄，宽屏下技术文档（公式/宽表）显挤 === */
.md-grid {
  max-width: 100rem;
}

/* === 表格单元格里的 code（完整单词）不许从中间折行 === */
/* Material 给 .md-typeset code 开了 word-break:break-word，表格 auto 布局会把命令列
   压到极窄、长命令词（如 add_compile_definitions）从中间折成两三行、行高爆炸。
   改为整词不折；桌面端超宽由表格滚动容器（.md-typeset__scrollwrap overflow-x:auto）
   出横向滚动条兜底。窄屏（<76em）scrollwrap 被覆盖为 visible，恢复默认折行防刺破布局。 */
.md-typeset table td code,
.md-typeset table th code {
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
}
@media screen and (max-width: 76.234375em) {
  .md-typeset table td code,
  .md-typeset table th code {
    white-space: normal;
    word-break: break-word;
  }
}

/* === 首页 hero 区 === */
.md-typeset .hero {
  text-align: center;
  padding: 1.5rem 1rem 1rem;
  border-radius: 0.4rem;
  background: linear-gradient(135deg, var(--md-primary-faint-color), transparent);
  margin-bottom: 1.5rem;
}
.md-typeset .hero strong {
  display: block;
  font-size: 1.3rem;
  margin-bottom: 0.6rem;
}
.md-typeset .hero p {
  margin: 0.3rem auto;
  max-width: 40rem;
  color: var(--md-default-fg-color--light);
}

/* === 首页 h1（站点标题）居中放大 === */
.md-typeset h1:first-child {
  text-align: center;
}

/* === grid 卡片：标题行图标 + 粗体标题更醒目 === */
.md-typeset .grid.cards > ul > li {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.md-typeset .grid.cards > ul > li:hover {
  transform: translateY(-2px);
  box-shadow: var(--md-shadow-z2);
}
.md-typeset .grid.cards > ul > li p:first-child {
  font-size: 1.05rem;
}