/* ===== Tin Tức (news) page – bắn cá h5 ===== */
.page-tin-tuc__hero-section{display:flex; flex-direction:column; align-items:center; width:100%; max-width:1200px; margin:0 auto; padding-top:10px; box-sizing:border-box;}
.page-tin-tuc__hero-image{width:100%; height:auto; aspect-ratio:17/5; object-fit:cover; display:block; border-radius:8px;}
.page-tin-tuc__hero-content{text-align:center; padding:20px 16px 0; box-sizing:border-box;}
.page-tin-tuc__hero-title{color:#017439; font-weight:800; line-height:1.2; letter-spacing:.5px; max-width:900px; margin:0 auto 12px; font-size:clamp(1.6rem, 4vw, 2.4rem);}
.page-tin-tuc__hero-description{max-width:900px; margin:0 auto 20px; line-height:1.6; color:#333; font-size:1rem;}
.page-tin-tuc__hero-button{display:inline-block; background:#C30808; color:#FFFF00; font-weight:700; padding:12px 28px; border-radius:999px; text-decoration:none; transition:transform .2s ease;}
.page-tin-tuc__hero-button:hover{transform:scale(1.03);}
.page-tin-tuc__logo-grid-section{padding:20px 16px 0; box-sizing:border-box;}
.page-tin-tuc__logo-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:24px 16px; justify-items:center; max-width:1200px; margin:0 auto; padding:0; list-style:none;}
.page-tin-tuc__logo-item{display:flex; flex-direction:column; align-items:center; gap:12px; max-width:280px; width:100%; box-sizing:border-box;}
.page-tin-tuc__logo-image{width:100%; aspect-ratio:2/1; object-fit:contain; display:block;}
.page-tin-tuc__logo-cta{padding:10px 22px; border-radius:999px; background:#C30808; color:#FFFF00; font-weight:700; text-decoration:none; white-space:nowrap; transition:transform .2s ease;}
.page-tin-tuc__logo-cta:hover{transform:scale(1.03);}
.page-tin-tuc__logo-item:nth-child(5){grid-column:2;}
.page-tin-tuc__logo-item:nth-child(6){grid-column:3;}
.page-tin-tuc__guide-section{max-width:1200px; margin:0 auto; padding:8px 16px 48px; box-sizing:border-box;}
.page-tin-tuc__guide-title{text-align:center; color:#017439; font-weight:800; line-height:1.3; margin:0 0 16px; font-size:clamp(1.4rem, 3vw, 2rem);}
.page-tin-tuc__guide-description{max-width:900px; margin:0 auto 32px; text-align:justify; line-height:1.7; color:#333; font-size:1rem;}
.page-tin-tuc__article-list{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:24px; margin-bottom:32px;}
.page-tin-tuc__article-item{list-style:none;}
.page-tin-tuc__article-link{text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:10px; background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.06); transition:box-shadow .2s; height:100%;}
.page-tin-tuc__article-link:hover{box-shadow:0 6px 18px rgba(0,0,0,.1);}
.page-tin-tuc__article-image{width:100%; aspect-ratio:2/1; object-fit:cover; display:block;}
.page-tin-tuc__article-title{color:#017439; font-weight:800; line-height:1.3; padding:0 16px; margin:0;}
.page-tin-tuc__article-excerpt{color:#444; line-height:1.6; padding:0 16px 16px; margin:0; font-size:.95rem;}
.page-tin-tuc__guide-button{display:inline-block; background:#017439; color:#fff; font-weight:700; padding:12px 28px; border-radius:999px; text-decoration:none; transition:transform .2s ease;}
.page-tin-tuc__guide-button:hover{transform:scale(1.03);}
.page-tin-tuc__guide-section details{margin:12px 0; border:1px solid #eee; border-radius:8px; padding:12px 16px; background:#fafafa;}
.page-tin-tuc__guide-section summary{cursor:pointer; font-weight:700; color:#017439;}
@media (max-width: 1024px){
 .page-tin-tuc__logo-grid{grid-template-columns:repeat(3,1fr); gap:20px 12px;}
 .page-tin-tuc__logo-item:nth-child(5){grid-column:auto;}
 .page-tin-tuc__logo-item:nth-child(6){grid-column:auto;}
}
@media (max-width: 768px){
 .page-tin-tuc__hero-section{padding-top:8px;}
 .page-tin-tuc__hero-image{aspect-ratio:2/1;}
 .page-tin-tuc__hero-content{padding-top:16px;}
 .page-tin-tuc__logo-grid{grid-template-columns:repeat(2,1fr); gap:16px 8px;}
 .page-tin-tuc__logo-item:nth-child(5){grid-column:auto;}
 .page-tin-tuc__logo-item:nth-child(6){grid-column:auto;}
 .page-tin-tuc__guide-title{font-size:1.3rem;}
 .page-tin-tuc__guide-figure img{width:100%;}
 .page-tin-tuc__guide-section{padding-bottom:24px;}
 .page-tin-tuc img{max-width:100% !important; height:auto !important;}
 .page-tin-tuc__hero-button, .page-tin-tuc__logo-cta, .page-tin-tuc__guide-button{max-width:100%; box-sizing:border-box; white-space:normal; word-wrap:break-word; width:auto;}
 .page-tin-tuc__logo-grid-section, .page-tin-tuc__guide-inner{width:100%; max-width:100%; overflow:hidden; box-sizing:border-box;}
 .page-tin-tuc__article-list{grid-template-columns:1fr;}
}