/* News archive (template 1095) - Figma 'Correct design' 2166:24520. Scoped to #brxe-nwgrid. */
#brxe-nwtool #brxe-nwfs01 {
  width: 100%;
}
html body #brxe-nwgrid.brx-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px 32px;
  align-items: start;
}
#brxe-nwgrid .brxe-nwcard.nw-card.ics-torn-card {
  background: #fff;
  box-shadow: none;
  border: 0;
  border-radius: 8px;
  padding: 0 !important;
  overflow: hidden;
}
#brxe-nwgrid .nw-card .ics-torn-photo img,
#brxe-nwgrid .nw-card .ics-torn-photo .nw-ci {
  display: block;
  width: 100%;
  aspect-ratio: 416 / 311;
  object-fit: cover;
}
#brxe-nwgrid .nw-card .nw-cb {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#brxe-nwgrid .nw-card .nw-tit {
  font-family: 'EB Garamond', serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: 400;
  color: #302f29;
  margin: 0;
}
#brxe-nwgrid .nw-card .nw-readmore {
  font-family: 'Google Sans Code', monospace;
  font-size: 12px;
  line-height: 16px;
  color: #797467;
  text-decoration: underline;
  text-transform: uppercase;
  align-self: flex-start;
}
@media (max-width: 1024px) {
  html body #brxe-nwgrid.brx-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  html body #brxe-nwgrid.brx-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
}
/* Design spacing between grid rows (48px) for cards after the featured block, on top of H129 row-gap 24px. */
html body #brxe-nwgrid.brx-grid > .nw-card:nth-child(n+5) {
  margin-top: 24px !important;
}

/* Round 2 (coordinator): design geometry 1312 container, 416px columns, chip row, Tat ca chip, Xem them button. */
@media (min-width: 1100px) {
  html body #brxe-nwgrid#brxe-nwgrid.brx-grid {
    width: min(1312px, calc(100vw - 128px));
    margin-left: calc((100% - min(1312px, calc(100vw - 128px))) / 2);
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 32px !important;
  }
  html body #brxe-nwgrid > .nw-card:nth-child(n+2):nth-child(-n+4) {
    height: 116px !important;
  }
}
html body #brxe-nwgrid > .nw-card:nth-child(n+5):nth-child(-n+7) {
  margin-top: 56px !important;
}
html body #brxe-nwgrid > .nw-card:nth-child(n+8) {
  margin-top: 24px !important;
}
html body #brxe-nwchiprow#brxe-nwchiprow {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
html body #brxe-nwchiprow #brxe-nwall.ics-chip--all {
  min-height: 32px;
  padding: 8px 12px;
  border: 0;
  border-radius: 8px;
  background: #e4e1d9;
  color: #302f29;
  font-family: 'Google Sans Code', monospace;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  text-decoration: none;
  box-shadow: none;
}
html body #brxe-nwchiprow #brxe-nwall.ics-chip--all.is-active {
  background: #ffef6b;
}
html body #brxe-nwmore#brxe-nwmore.ics-more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 143px;
  height: 52px;
  margin: 80px auto 0;
  padding: 16px 32px;
  box-sizing: border-box;
  border: 0;
  border-radius: 8px;
  background: #000;
  color: #fff;
  font-family: 'Google Sans Code', monospace;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  cursor: pointer;
}