/* Trang Dự án — chỉnh căn lề item cho thẳng hàng */

/*
  `main.css` dịch `.projectFeature__body` sang phải ở màn hình rất lớn
  (translateX(51px)) để tạo hiệu ứng layout. Ở trang dự án listing,
  việc này làm text lệch không thẳng hàng với grid/container.
*/
.page-projects {
  --pn-bg: #f0f4f8;
  --pn-card: #ffffff;
  --pn-title: #0a1d4d;
  --pn-meta: #6b7a94;
  --pn-border: #e2e8f0;
  --pn-accent: #2b6bb2;
  --pn-accent-hover: #1e5a9e;
  font-family: "Lexend", sans-serif;
  background-color: var(--pn-bg);
}
.sec-projectFeature {
  padding: clamp(32px, 5vw, 56px) var(--site-gutter-x) clamp(40px, 6vw, 64px);
}

#projects-page-heading.page-news-hero__title {
  font-weight: 500;
}

.sec-projectFeature .pagination-info {
  color: #6b7a94;
  text-align: left !important;
}

.sec-projectFeature .pagination-info p {
  margin: 0;
  font-size: clamp(0.8125rem, 0.75vw + 0.35rem, 0.875rem);
  font-weight: 400;
  color: inherit;
}

@media (min-width: 1600px) {
  .page-content .sec-projectFeature .projectFeature__body {
    transform: none;
  }
}