/* ============ BÀI VIẾT TIN TỨC ============ */
.post{background:var(--bg);padding:56px var(--gutter) 72px;display:flex;justify-content:center;}
.post__col{width:820px;max-width:100%;display:flex;flex-direction:column;gap:24px;align-items:flex-start;}

.post__crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:var(--ink-soft);}
.post__crumb .sep{color:rgba(0,0,0,.4);}
.post__crumb a:hover{color:var(--brand);}
.post__crumb .cur{color:var(--ink);font-weight:500;}

.post__meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.post__tag{padding:5px 12px;border-radius:6px;background:var(--brand);font-size:12.5px;font-weight:700;color:#fff;}
.post__date,.post__views{font-size:13.5px;color:var(--muted);}
.post__title{font-size:34px;font-weight:700;line-height:1.28;color:var(--ink);}

.post__hero{width:100%;height:440px;object-fit:cover;border-radius:14px;}
.post__col figure{width:100%;margin:0;}
.post__col figure img{width:100%;height:440px;object-fit:cover;border-radius:14px;}
.post__col p{font-size:16.5px;line-height:1.75;color:var(--ink-soft);}
.post__lead{font-size:17.5px !important;line-height:1.7 !important;color:var(--ink) !important;font-weight:500;}

/* Xem thêm */
.post__more{width:100%;display:flex;flex-direction:column;gap:10px;padding:24px 26px;background:var(--bg-alt);border-radius:12px;}
.post__more-title{font-size:15px;font-weight:700;color:var(--ink);}
.post__more a{font-size:15px;line-height:1.5;color:var(--brand);}
.post__more a:hover{text-decoration:underline;}

.post__rule{width:100%;height:1px;background:var(--line);border:0;margin:8px 0;}
.post__tags{width:100%;display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.post__hash{padding:6px 14px;border-radius:999px;background:var(--bg-alt);border:1px solid var(--line);font-size:13.5px;color:var(--ink-soft);}
.post__share{font-size:14px;font-weight:700;color:var(--muted);margin-left:auto;}

/* ============ TIN LIÊN QUAN ============ */
.rel-news{background:var(--bg-alt);padding:64px var(--gutter) 80px;display:flex;flex-direction:column;gap:36px;align-items:flex-start;}
.rel-news__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;}
.ncard{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:14px;overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease;}
.ncard:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(0,0,0,.12);}
.ncard__img{width:100%;height:200px;object-fit:cover;flex:none;}
.ncard__body{flex:1;display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:20px 24px 24px;}
.ncard__meta{display:flex;gap:10px;align-items:center;}
.ncard__tag{padding:4px 10px;border-radius:5px;background:var(--brand-soft);font-size:11.5px;font-weight:700;color:var(--brand);}
.ncard__date{font-size:12.5px;color:var(--muted);}
.ncard__title{font-size:17px;font-weight:700;line-height:1.38;color:var(--ink);}
.ncard__excerpt{font-size:14px;line-height:1.6;color:var(--muted);}
.ncard__more{font-size:13.5px;font-weight:700;color:var(--brand);margin-top:auto;}
.ncard__more:hover{color:var(--brand-deep);}

/* === RESP-PAGE (auto) === */
@media (max-width:1024px){
  .rel-news__grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:600px){
  .post__title{font-size:25px;line-height:1.28;}
  .post__hero,.post__col figure img{height:auto;aspect-ratio:16/9;}
  .post__col p{font-size:15.5px;}
  .rel-news__grid{grid-template-columns:1fr;}
}
/* === END RESP-PAGE === */