:root{--page-blog-red:#e63946;--page-blog-bg:#f5f6fa;}
.page-blog{max-width:1200px;margin:0 auto;padding:0;font-family:'Segoe UI',Roboto,Arial,sans-serif;margin-top:0;background:transparent;color:#333;}
.page-blog *{box-sizing:border-box;}
.page-blog img{max-width:100%;height:auto;}
/* Hero Section */
.page-blog__hero-section{padding:0 20px;padding-top:10px;background:transparent;}
.page-blog__hero-image-wrap{overflow:hidden;border-radius:24px;}
.page-blog__hero-image{width:100%;height:auto;aspect-ratio:16/7;object-fit:cover;border-radius:24px;}
.page-blog__hero-content-wrap{padding:28px 0 20px;text-align:center;max-width:900px;margin:0 auto;}
.page-blog__hero-title{font-size:clamp(1.8rem, 4vw, 2.8rem);font-weight:800;line-height:1.3;color:#0d1b3c;margin:0 0 14px;}
.page-blog__hero-description{font-size:1.1rem;line-height:1.7;color:#333;margin:0 0 20px;}
.page-blog__cta-btn{display:inline-block;font-weight:700;background:linear-gradient(180deg, #2B73F6 0%, #1144A6 100%);color:#fff;padding:12px 30px;border-radius:40px;text-decoration:none;transition:all .3s;box-shadow:0 5px 15px rgba(17,68,166,.3);}
.page-blog__cta-btn:hover{opacity:.85;transform:translateY(-2px);}
/* Section Headers */
.page-blog__section-header{text-align:center;margin:0 0 30px;}
.page-blog__section-title{font-size:clamp(1.6rem, 3vw, 2.2rem);font-weight:700;color:#0d1b3c;margin:0 0 8px;}
.page-blog__section-subtitle{font-size:1rem;line-height:1.6;color:#555;margin:0;text-align:center;}
/* Main Content Sections */
.page-blog__latest-section{padding:20px 20px;background:transparent;}
.page-blog__articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 0 24px;}
.page-blog__article-card{background:#ffffff;border-radius:16px;overflow:hidden;border:1px solid #e7e9ee;transition:all .2s;box-shadow:0 2px 8px rgba(0,0,0,.05);display:block;}
.page-blog__article-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.12);}
.page-blog__article-image{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;}
.page-blog__article-content{padding:20px;}
.page-blog__article-category{background:#113B7A;color:#F3F8FF;font-size:0.75rem;font-weight:700;padding:4px 12px;border-radius:20px;display:inline-block;margin-bottom:12px;letter-spacing:.4px;}
.page-blog__article-title{font-size:1.2rem;font-weight:700;line-height:1.4;margin:0;} 
.page-blog__article-title a{color:#0d1b3c;text-decoration:none;transition:color .2s;}
.page-blog__article-title a:hover{color:#113B7A;}
.page-blog__article-excerpt{font-size:.9rem;line-height:1.6;color:#444;margin:10px 0 16px;}
.page-blog__read-more-btn{color:#1D5FD1;font-weight:600;text-decoration:none;font-size:.9rem;}
.page-blog__read-more-btn:hover{color:#113B7A;text-decoration:underline;}
.page-blog__view-all-wrap{text-align:center;padding:10px 0 0;}
.page-blog__view-all-btn{display:inline-block;font-weight:600;background:transparent;border:1px solid #113B7A;color:#113B7A;padding:10px 28px;border-radius:30px;text-decoration:none;transition:all .2s;}
.page-blog__view-all-btn:hover{background:#113B7A;color:#fff;}
/* Featured Section */
.page-blog__featured-section{background:#10233F;border-radius:0px;padding:30px 20px 50px;margin:40px 20px;}
.page-blog__featured-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;}
.page-blog__featured-content .page-blog__section-title{color:#F3F8FF;}
.page-blog__featured-description{color:#AFC4E8;font-size:1rem;line-height:1.8;margin:0 0 16px;}
.page-blog__featured-highlight{padding:14px 18px;background:#08162B;color:#4FA8FF;border-radius:12px;font-weight:600;font-style:italic;margin-bottom:24px;left:0;}
.page-blog__primary-btn{display:inline-block;font-weight:700;background:linear-gradient(180deg, #2B73F6 0%, #1144A6 100%);color:#fff;padding:12px 30px;border-radius:40px;text-decoration:none;transition:all .3s;box-shadow:0 5px 15px rgba(4,119,219,0.3);}
.page-blog__primary-btn:hover{background:linear-gradient(180deg, #1D5FD1 0%, #06102B 100%);}
.page-blog__featured-image-wrap{overflow:hidden;border-radius:20px;border:1px solid #244D84;border-top:0;}
.page-blog__featured-image{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:0;display:block;}
/* More Articles Section */
.page-blog__more-articles-section{padding:20px;}
.page-blog__more-inner{max-width:1200px;margin:0 auto;}
.page-blog__more-heading{margin:0 0 20px;}
.page-blog__more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.page-blog__small-card{background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;transition:all .2s;box-shadow:0 2px 10px rgba(0,0,0,.05);display:flex;flex-direction:column;border:1px solid #e7e9ee;}
.page-blog__small-card:hover{box-shadow:0 4px 15px rgba(17,59,122,.1);transform:translateY(-4px);border-color:#1D5FD1;}
.page-blog__small-image{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;}
.page-blog__small-title-link{font-size:1rem;font-weight:600;color:#0d1b3c;text-align:left;padding:12px 16px;margin:0;}
@media (max-width: 768px){
.page-blog{margin-top:0;}
.page-blog__hero-section{margin:0 auto;padding:10px 10px 5px;margin-top:0;}
.page-blog__hero-image{aspect-ratio:16/9;max-width:100%;height:auto;}
.page-blog__hero-content-wrap{padding:20px 10px 15px;}
.page-blog__hero-title{font-size:1.4rem;margin:0 0 10px;}
.page-blog__hero-description{font-size:0.95rem;margin:0 0 16px;}
.page-blog__cta-btn{padding:10px 20px;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;}
.page-blog__latest-section{padding:15px;}
.page-blog__articles-grid{grid-template-columns:1fr;}
.page-blog__article-card{display:block;}
.page-blog__article-title a{font-size:1.1rem;}
.page-blog__article-excerpt{font-size:.9rem;color:#333;}
.page-blog__view-all-wrap{padding:0;}
.page-blog__view-all-btn{max-width:100%;}
.page-blog__featured-section{margin:10px 5px;padding:20px;border-radius:16px;margin-top:20px;margin-bottom:20px;}
.page-blog__featured-inner{grid-template-columns:1fr;gap:20px;}
.page-blog__featured-image-wrap{width:100%;}
.page-blog__featured-image{aspect-ratio:16/10;width:100%;max-width:100%;height:auto;}
.page-blog__primary-btn{padding:10px 24px;max-width:100%;box-sizing:border-box;}
.page-blog__more-grid{grid-template-columns:1fr 1fr;gap:12px;}
.page-blog__small-card{display:block;}
.page-blog img{max-width:100% !important;height:auto !important;}
.page-blog{overflow-x:hidden;padding:0;}
.page-blog__small-title-link{font-size:0.85rem;padding:10px 10px;}
}
@media (max-width: 480px){
.page-blog__hero-image{aspect-ratio:4/3;}
.page-blog__more-grid{grid-template-columns:1fr;}
.bai-viet-block .page-blog__more-card {margin-left:0;margin-right:0;}
}