/* ===== NEWS / TIN TỨC PAGE CSS (extracted from tin-tuc.html inline) ===== */
.news-page{padding:40px 0 64px}
.news-featured{display:block;background:#fff;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:32px;border:1px solid var(--border);transition:box-shadow .3s}
.news-featured:hover{box-shadow:0 10px 40px rgba(0,0,0,.06)}
.news-featured__inner{display:flex;flex-direction:column}
@media(min-width:768px){.news-featured__inner{flex-direction:row}}
.news-featured__img-wrap{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}
@media(min-width:768px){.news-featured__img-wrap{width:60%;aspect-ratio:auto}}
.news-featured__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease-out}
.news-featured:hover .news-featured__img{transform:scale(1.05)}
.news-featured__body{padding:24px;display:flex;flex-direction:column;justify-content:center;flex:1}
@media(min-width:768px){.news-featured__body{padding:40px}}
.news-featured__cat{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--red);margin-bottom:12px}
.news-featured__title{font-size:24px;font-weight:800;line-height:1.3;margin-bottom:12px;color:var(--text);transition:color .2s}
@media(min-width:768px){.news-featured__title{font-size:32px}}
.news-featured:hover .news-featured__title{color:var(--red)}
.news-featured__excerpt{font-size:15px;color:var(--text-muted);margin-bottom:24px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-featured__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:24px;border-top:1px solid var(--border)}
.news-grid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:768px){.news-grid{grid-template-columns:repeat(2,1fr);gap:24px}}
@media(min-width:1024px){.news-grid{grid-template-columns:repeat(3,1fr)}}
.news-card{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);transition:all .3s;height:100%}
.news-card:hover{box-shadow:0 10px 40px rgba(0,0,0,.06);transform:translateY(-4px)}
.news-card__img-wrap{position:relative;aspect-ratio:16/9;overflow:hidden}
.news-card__img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease-out}
.news-card:hover .news-card__img{transform:scale(1.05)}
.news-card__body{padding:20px;display:flex;flex-direction:column;flex:1}
.news-card__meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.news-card__cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--red)}
.news-date{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}
.news-card__title{font-size:16px;font-weight:700;line-height:1.4;margin-bottom:12px;color:var(--text);transition:color .2s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-card:hover .news-card__title{color:var(--red)}
.news-card__excerpt{font-size:14px;color:var(--text-muted);margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.news-card__footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border)}
.news-more{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text);transition:gap .3s,color .2s}
.news-card:hover .news-more,.news-featured:hover .news-more{gap:10px;color:var(--red)}

/* ===== VIDEO ARCHIVE ===== */
.video-archive {
  background: var(--bg-secondary, #f5f5f7);
  padding-bottom: 64px;
}

.archive-container {
  padding-top: 48px;
}

.video-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  margin-bottom: 40px;
}

@media(min-width: 768px) {
  .video-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(min-width: 1024px) {
  .video-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.video-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: var(--radius-lg, 12px);
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-decoration: none;
}

.video-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(220, 20, 60, 0.15);
}

.video-card__thumb {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: #000;
}

.video-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
  opacity: 0.9;
}

.video-card:hover .video-card__img {
  transform: scale(1.05);
  opacity: 1;
}

.video-card__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  background: rgba(220, 20, 60, 0.9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border: 3px solid rgba(255,255,255,0.5);
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s;
}

.video-card:hover .video-card__play {
  transform: translate(-50%, -50%) scale(1.1);
  background: #dc143c;
  border-color: #fff;
}

.video-card__content {
  padding: 20px;
}

.video-card__title {
  font-size: 16px;
  font-weight: 700;
  color: var(--dark);
  line-height: 1.4;
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.3s ease;
}

.video-card:hover .video-card__title {
  color: var(--red);
}

.video-card__date {
  font-size: 13px;
  color: var(--text-muted);
}