.page-tin-tuc{color:#FFF6D6;background-color:#0A0A0A;font-family:'Segoe UI',Roboto,Arial,sans-serif;line-height:1.6}
.page-tin-tuc__hero-section{max-width:1200px;margin:0 auto;padding:10px 16px 0;display:flex;flex-direction:column;align-items:center}
.page-tin-tuc__hero-image-wrapper{width:100%;max-width:1200px;border-radius:12px;overflow:hidden}
.page-tin-tuc__hero-image{display:block;width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;max-width:1200px}
.page-tin-tuc__hero-content{width:100%;max-width:1200px;text-align:center;padding:20px 0 24px}
.page-tin-tuc__main-title{font-weight:700;line-height:1.3;letter-spacing:0;color:#FFD36B;margin:0 0 10px;max-width:100%}
.page-tin-tuc__hero-description{color:#E8D9B5;max-width:800px;margin:0 auto;font-size:1rem}
.page-tin-tuc__container{max-width:1200px;margin:0 auto;padding:0 16px}
.page-tin-tuc__section-title{font-size:1.75rem;font-weight:700;text-align:center;color:#FFD36B;margin:32px 0 24px;border-bottom:2px solid #3A2A12;padding-bottom:8px}
.page-tin-tuc__category-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:32px}
.page-tin-tuc__category-item{display:inline-block;padding:8px 20px;background:#111111;border:1px solid #3A2A12;border-radius:999px;color:#FFF6D6;text-decoration:none;font-weight:500;transition:background .2s,color .2s}
.page-tin-tuc__category-item:hover{background:#F2C14E;color:#0A0A0A;border-color:#F2C14E}
.page-tin-tuc__featured-section{margin:24px 0}
.page-tin-tuc__featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.page-tin-tuc__featured-card{background:#111111;border:1px solid #3A2A12;border-radius:12px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.page-tin-tuc__featured-card:hover{box-shadow:0 0 18px rgba(255,211,107,.2);transform:translateY(-3px)}
.page-tin-tuc__featured-link{display:flex;flex-direction:column;height:100%;text-decoration:none}
.page-tin-tuc__featured-image-wrapper{width:100%;overflow:hidden}
.page-tin-tuc__featured-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.page-tin-tuc__featured-info{padding:16px}
.page-tin-tuc__tag{display:inline-block;background:#F2C14E;color:#0A0A0A;font-size:.8rem;padding:4px 10px;border-radius:4px;font-weight:600;margin-right:8px}
.page-tin-tuc__card-title,.page-tin-tuc__list-title{font-size:1.1rem;font-weight:600;color:#FFF6D6;margin:10px 0 8px;line-height:1.4;transition:color .2s}
.page-tin-tuc__featured-link:hover .page-tin-tuc__card-title,.page-tin-tuc__list-link:hover .page-tin-tuc__list-title{color:#FFD36B}
.page-tin-tuc__card-excerpt,.page-tin-tuc__list-excerpt{color:#CCC3A8;font-size:.95rem;margin-bottom:8px}
.page-tin-tuc__post-date{color:#B9A97C;font-size:.85rem;display:block}
.page-tin-tuc__list{display:flex;flex-direction:column;gap:24px}
.page-tin-tuc__list-item{background:#111111;border:1px solid #3A2A12;border-radius:12px;transition:box-shadow .2s,transform .2s}
.page-tin-tuc__list-item:hover{box-shadow:0 0 18px rgba(255,211,107,.2);transform:translateY(-3px)}
.page-tin-tuc__list-link{display:grid;grid-template-columns:250px 1fr;text-decoration:none;overflow:hidden;border-radius:12px}
.page-tin-tuc__list-image-wrapper{width:100%;overflow:hidden}
.page-tin-tuc__list-image{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}
.page-tin-tuc__list-info{padding:16px}
.page-tin-tuc__list-title{margin-top:6px}
.page-tin-tuc__action{text-align:center;margin:30px 0 10px}
.page-tin-tuc__button{display:inline-block;padding:12px 24px;border-radius:8px;background:#F2C14E;color:#0A0A0A;font-weight:700;text-decoration:none;transition:background .2s,box-shadow .2s}
.page-tin-tuc__button:hover{background:#FFD36B;box-shadow:0 0 10px rgba(255,211,107,.5)}
@media (max-width:768px){.page-tin-tuc__hero-section{padding-top:10px;padding-left:8px;padding-right:8px}
.page-tin-tuc__hero-image{aspect-ratio:2/1}
.page-tin-tuc__hero-content{text-align:center}
.page-tin-tuc__featured-grid{grid-template-columns:1fr}
.page-tin-tuc__list-link{grid-template-columns:1fr}
.page-tin-tuc__category-list{gap:8px}
.page-tin-tuc__button{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-tin-tuc__container{overflow:hidden;max-width:100%}
.page-tin-tuc img{max-width:100%!important;height:auto!important}}
@media (min-width:769px) and (max-width:1024px){.page-tin-tuc__featured-grid{grid-template-columns:repeat(2,1fr);gap:16px}
.page-tin-tuc__list-link{grid-template-columns:200px 1fr}
.page-tin-tuc__hero-section{padding-top:10px}}