/* Khung trang: container 1140px (114rem), section, lưới. Cột từ 800px, lưới chính từ 1000px. */

.l-container {
  width: var(--container);
  max-width: 100%;
  margin-inline: auto;
}
@media (max-width: 999px) {
  .l-container { width: auto; padding-inline: 24px; }
}

.l-narrow { max-width: 73.5rem; margin-inline: auto; }
@media (max-width: 999px) { .l-narrow { max-width: 100%; } }

.l-section { position: relative; padding-block: var(--section-y); }

.l-grid { display: grid; gap: 3.2rem; grid-template-columns: 1fr; }

@media (min-width: 800px) {
  .l-grid--2 { grid-template-columns: repeat(2, 1fr); gap: 2rem; }
  .l-grid--3 { grid-template-columns: repeat(3, 1fr); gap: 4.5rem; }
  .l-grid--half { grid-template-columns: minmax(0, 54.8rem); justify-content: center; }
  /* Tin mới nhất: 1/4 – 1/2 – 1/4 */
  .l-grid--news { grid-template-columns: 25.1rem 54.8rem 25.1rem; gap: 4.5rem; justify-content: center; align-items: start; }
}
@media (min-width: 600px) and (max-width: 799px) {
  .l-grid--3, .l-grid--news { grid-template-columns: repeat(2, 1fr); gap: 24px; }
}