/* ═══════════════════════════════════════════════════════════
 * Tuỳ chỉnh MkDocs Material cho BA Wiki
 * ═══════════════════════════════════════════════════════════ */

/* ─── 1. Mở rộng content area ──────────────────────────────
 * Default Material: 61rem (~976px). Tăng lên 76rem (~1216px)
 * để dễ đọc table rộng, code block dài, không bị wrap sớm.
 * ─────────────────────────────────────────────────────────── */
.md-grid {
  max-width: 76rem;
}

/* Sidebar rộng hơn một chút để path dài hiển thị gọn */
.md-sidebar {
  width: 14rem;
}

/* TOC bên phải (table of contents) */
@media screen and (min-width: 76.25em) {
  .md-sidebar--secondary {
    width: 13rem;
  }
}

/* ─── 2. H1 + H2 đậm hơn ────────────────────────────────────
 * Default Material: h1 = 400, h2 = 400 (normal weight).
 * Đổi sang 700 (bold) để hierarchy rõ hơn.
 * ─────────────────────────────────────────────────────────── */
.md-typeset h1 {
  font-weight: 700;
  letter-spacing: -0.02em;
}

.md-typeset h2 {
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-top: 1.8em;
}

/* H3 semibold để phân tầng rõ (không đậm như h2) */
.md-typeset h3 {
  font-weight: 600;
}

/* ─── 3. Typography hỗ trợ readability ──────────────────────
 * Tăng nhẹ line-height cho body text (văn bản Việt dài dòng)
 * và chỉnh spacing giữa paragraph.
 * ─────────────────────────────────────────────────────────── */
.md-typeset {
  font-size: 0.82rem;
  line-height: 1.7;
}

.md-typeset p {
  margin: 1em 0;
}

/* Table rộng: nếu cần scroll ngang thay vì wrap cell */
.md-typeset table:not([class]) {
  font-size: 0.78rem;
}

.md-typeset table:not([class]) td,
.md-typeset table:not([class]) th {
  padding: 0.7em 1em;
}

/* ─── 4. Teal palette enhancement ──────────────────────────
 * Material's default teal có hue hơi xanh lá. Dùng custom
 * override để teal đậm + admonition border đồng bộ.
 * ─────────────────────────────────────────────────────────── */

/* Admonition note/info dùng teal */
.md-typeset .admonition.note,
.md-typeset .admonition.info,
.md-typeset details.note,
.md-typeset details.info {
  border-color: var(--md-primary-fg-color);
}

/* ─── 5. Code block styling ────────────────────────────────
 * Code block size nhỉnh hơn default để rõ ký tự trong VN-dev.
 * ─────────────────────────────────────────────────────────── */
.md-typeset code {
  font-size: 0.78em;
  padding: 0.15em 0.4em;
  border-radius: 0.2rem;
}

.md-typeset pre > code {
  font-size: 0.75rem;
  line-height: 1.5;
}

/* ─── 6. Print-friendly (tuỳ chọn) ─────────────────────────── */
@media print {
  .md-grid {
    max-width: none;
  }
  .md-sidebar {
    display: none;
  }
}