/* ===== CSS custom trong custom.css ===== */

/* Reset heading weight về nhẹ */
h1, h2, h3, h4, h5, h6 { font-weight: 500 !important; }

/* Header tổng thể */
header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: .5rem; /* thoáng hơn một chút */
  line-height: 1.6;
}

/* Blog title */
header h1, header h1 a, header h1 strong, header h1 b {
  font-size: 1rem; /* bằng nav */
  font-weight: 400 !important;
  letter-spacing: 0.01em; /* thoáng nhẹ */
  margin: 0;
  padding: 0;
}

/* Nav links */
header nav a {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-decoration: none;
  margin-left: 0.5rem;
}

/* Tiêu đề bài viết */
h1.post-title {
  font-size: 2rem; /* to rõ ràng */
  font-weight: 500; /* vừa nhấn mạnh, không quá gắt */
  line-height: 1.3; /* thoáng chữ */
  margin: 2rem 0 1.5rem; /* tạo khoảng trống trên dưới */
  letter-spacing: 0.01em; /* nhẹ nhàng, hiện đại */
}
h2.post {
  padding-top: 0;
  font-size: 1.2rem;
}

/* Link chung */
a, a:visited {
  color: inherit;
  text-decoration: underline; /* giữ gạch chân để dễ nhận diện */
}

/* Hover */
a:hover { text-decoration: underline; /* có thể đổi màu nếu thích */ }

/* Riêng header/nav thì bỏ gạch chân để gọn */
header a { text-decoration: none; }
header a:hover { text-decoration: underline; /* hover có gạch chân cho rõ */ }

/* === Ellipsis cho tiêu đề bài viết quá dài === */
.list li {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
  line-height: 1.5;
}
.list li a {
  flex: 1 1 auto; /* chiếm phần còn lại */
  min-width: 0;   /* BẮT BUỘC với flex */
  display: block; /* cần block để text-overflow hoạt động */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.list li time {
  flex-shrink: 0; /* giữ cố định cột ngày */
  white-space: nowrap;
  margin-left: .5rem;
}

//* Thay đổi kiểu dấu chấm thành chấm tròn đen */
ul {
    list-style-type: disc; /* Chấm tròn đen */
    margin-left: 20px; /* Điều chỉnh khoảng cách giữa dấu chấm và văn bản */
}