/* ===========================================================
   Check Point 品牌洋紅 + 放大、生動的排版
   =========================================================== */
:root {
  --md-primary-fg-color:        #e5097b;
  --md-primary-fg-color--light: #ff5fa8;
  --md-primary-fg-color--dark:  #b80763;
  --md-accent-fg-color:         #e5097b;
  --md-typeset-a-color:         #c0086a;
}
[data-md-color-scheme="slate"] {
  --md-typeset-a-color: #ff7bbb;
  --md-accent-fg-color: #ff7bbb;
}

/* ---------- 放大、加寬的閱讀排版 ---------- */
.md-typeset {
  font-size: .95rem;       /* 預設約 .8rem，放大讓中文更好讀 */
  line-height: 1.85;
}
.md-typeset h1 {
  font-size: 2.3rem;
  font-weight: 800;
  letter-spacing: -.5px;
  line-height: 1.25;
}
.md-typeset h2 {
  font-size: 1.65rem;
  font-weight: 700;
  margin-top: 2.4rem;
  border-left: .3rem solid var(--md-primary-fg-color);
  padding-left: .6rem;
}
.md-typeset h3 { font-size: 1.28rem; font-weight: 700; }
.md-typeset p, .md-typeset li { font-size: .95rem; }

/* 程式碼與表格也跟著放大一點 */
.md-typeset pre > code,
.md-typeset code { font-size: .85rem; }
.md-typeset table:not([class]) { font-size: .9rem; }

/* 提示框（admonition）字體略放大、間距加寬 */
.md-typeset .admonition,
.md-typeset details { font-size: .92rem; }

/* ---------- 生動的卡片（大編號 + hover 浮起） ---------- */
.md-typeset .grid.cards > ul > li,
.md-typeset .grid > .card {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: .85rem;
  padding: 1.3rem 1.4rem;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.md-typeset .grid.cards > ul > li:hover {
  transform: translateY(-6px);
  border-color: var(--md-primary-fg-color);
  box-shadow: 0 12px 34px rgba(229, 9, 123, .18);
}

/* 卡片裡的大編號 */
.cp-num {
  display: block;
  font-size: 2.6rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -1px;
  color: var(--md-default-fg-color--lightest);
  transition: color .18s ease;
  margin-bottom: .3rem;
}
.md-typeset .grid.cards > ul > li:hover .cp-num { color: var(--md-primary-fg-color); }

/* 卡片標題放大、加重 */
.md-typeset .grid.cards > ul > li > p:nth-child(2) strong,
.md-typeset .grid.cards > ul > li strong {
  font-size: 1.2rem;
  color: var(--md-default-fg-color);
}
/* 卡片的「前往」連結 */
.md-typeset .grid.cards > ul > li a {
  font-weight: 700;
  color: var(--md-primary-fg-color);
}

/* ---------- 首頁 Hero 區塊 ---------- */
.cp-hero-tags { margin: 1rem 0 0; }
.ver, .cp-tag {
  display: inline-block;
  font-size: .78rem;
  font-weight: 700;
  padding: .12rem .6rem;
  border-radius: 999px;
  background: rgba(229, 9, 123, .1);
  color: var(--md-primary-fg-color);
  margin: .15rem .2rem .15rem 0;
}