.page-blog { color:#F3F8FF; background-color:#08162B; }
.page-blog__hero-section { padding:10px 0 0 0; display:flex; flex-direction:column; align-items:center; max-width:1200px; margin:0 auto; }
.page-blog__hero-image { width:100%; max-width:1020px; height:auto; aspect-ratio:17/5; object-fit:cover; display:block; border-radius:12px; }
.page-blog__hero-content { width:100%; max-width:1020px; text-align:center; margin-top:16px; padding-bottom:8px; }
.page-blog__hero-title { color:#F3F8FF; font-size:clamp(1.4em, 4vw, 2em); font-weight:700; line-height:1.3; letter-spacing:0.3px; margin:0 auto 8px; max-width:860px; }
.page-blog__hero-text { color:#AFC4E8; font-size:1rem; line-height:1.6; margin:0 auto; max-width:760px; }
.page-blog__featured-section, .page-blog__list-section { max-width:1100px; margin:24px auto 0; padding:0 16px; }
.page-blog__section-title { color:#F3F8FF; font-size:1.6rem; font-weight:700; margin:0 0 16px; padding-bottom:8px; border-bottom:1px solid #1B3357; }
.page-blog__featured-card, .page-blog__list-card { background:#10233F; border:1px solid #244D84; border-radius:12px; overflow:hidden; transition:transform .2s, box-shadow .2s; }
.page-blog__featured-card:hover, .page-blog__list-card:hover { transform:translateY(-4px); box-shadow:0 8px 24px rgba(79,168,255,0.15); }
.page-blog__featured-card .page-blog__featured-link, .page-blog__list-card .page-blog__list-link { text-decoration:none; display:flex; flex-direction:column; height:100%; }
.page-blog__featured-image, .page-blog__list-image { width:100%; max-width:100%; height:auto; object-fit:cover; aspect-ratio:16/9; display:block; }
.page-blog__featured-content, .page-blog__list-content { padding:12px 16px 16px; display:flex; flex-direction:column; gap:6px; }
.page-blog__featured-date, .page-blog__list-date { color:#AFC4E8; font-size:0.85rem; }
.page-blog__featured-title, .page-blog__list-title { color:#F3F8FF; font-size:1.2rem; font-weight:600; line-height:1.4; margin:0; }
.page-blog__featured-excerpt, .page-blog__list-excerpt { color:#AFC4E8; font-size:0.9rem; line-height:1.6; margin:0; }
.page-blog__featured-readmore, .page-blog__list-readmore { color:#F2C14E; font-weight:600; text-transform:uppercase; font-size:0.8rem; letter-spacing:0.5px; margin-top:6px; }
.page-blog__featured-grid, .page-blog__list-grid { display:grid; gap:20px; }
.page-blog__featured-grid { grid-template-columns:1fr; }
.page-blog__list-grid { grid-template-columns:repeat(2, 1fr); }
.page-blog__list-card { display:flex; }
.page-blog__list-card .page-blog__list-link { flex:1; }
.page-blog__view-all { display:inline-block; margin:24px auto 0; padding:10px 30px; border-radius:50px; background:linear-gradient(180deg, #2B73F6 0%, #1144A6 100%); color:#FFFFFF; font-weight:700; text-decoration:none; text-align:center; border:1px solid #244D84; }
.page-blog__view-all:hover { opacity:0.9; box-shadow:0 0 12px rgba(79,168,255,0.3); }
@media (max-width: 768px) {
  .page-blog__hero-section { padding-top:8px; }
  .page-blog__hero-content { margin-top:12px; }
  .page-blog__list-grid { grid-template-columns:1fr; }
  .page-blog img { max-width:100% !important; height:auto !important; }
  .page-blog__view-all { max-width:100%; box-sizing:border-box; white-space:normal; word-wrap:break-word; width:100%; }
}