@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/thienha/news-be-vietnam-pro-latin-500-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/thienha/news-be-vietnam-pro-latin-ext-500-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/thienha/news-be-vietnam-pro-vietnamese-500-normal.woff2') format('woff2');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/thienha/news-be-vietnam-pro-latin-700-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/thienha/news-be-vietnam-pro-latin-ext-700-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/thienha/news-be-vietnam-pro-vietnamese-700-normal.woff2') format('woff2');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* Homepage news only. Reference: Be Vietnam Pro, title 14px / weight 500. */
.th-landing #tin-tuc .th-news-board {
  height: 480px;
  display: flex;
  flex-direction: column;
  padding: 0 24px;
  font-family: 'Be Vietnam Pro', system-ui, sans-serif;
}
.th-landing #tin-tuc .th-news-board .th-tabs {
  flex: 0 0 auto;
  gap: 22px;
  flex-wrap: nowrap;
}
.th-landing #tin-tuc .th-news-board .th-tabs button {
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  padding: 18px 0;
}
.th-landing #tin-tuc .th-news-panel {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.th-landing #tin-tuc .th-news-panel[hidden] { display: none; }
.th-landing #tin-tuc .th-news-list {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  padding-right: 8px;
}
.th-landing #tin-tuc .th-news-list:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: -2px;
}
.th-landing #tin-tuc .th-news-row {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto 14px;
  gap: 10px;
  min-height: 44px;
  padding: 11px 0;
  font-size: 14px;
  line-height: 1.5;
}
.th-landing #tin-tuc .th-news-title {
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
}
.th-landing #tin-tuc .th-news-row time {
  font-size: 12px;
  font-weight: 500;
}
.th-landing #tin-tuc .th-news-tag {
  font-size: 10px;
  font-weight: 500;
  padding: 2px 5px;
}
.th-landing #tin-tuc .th-board-more {
  flex: 0 0 auto;
  margin-top: 0;
  padding: 16px 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
}
.th-landing #tin-tuc .th-news-list > .th-empty {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.th-landing #tin-tuc .th-empty h3,
.th-landing #tin-tuc .th-empty p { font-family: inherit; }
.th-landing #tin-tuc .th-empty p { font-size: 14px; }
@media (max-width: 1000px) {
  .th-landing #tin-tuc .th-news-board { padding-inline: 14px; }
  .th-landing #tin-tuc .th-news-board .th-tabs { gap: 12px; justify-content: space-between; }
  .th-landing #tin-tuc .th-news-board .th-tabs button { font-size: 12px; }
  .th-landing #tin-tuc .th-news-row { grid-template-columns: auto minmax(0,1fr) 14px; gap: 5px 8px; }
  .th-landing #tin-tuc .th-news-row time { grid-column: 2; grid-row: 2; font-size: 11px; }
  .th-landing #tin-tuc .th-news-row > span:last-child { grid-column: 3; grid-row: 1; }
}