.page-blog__hero-section {display: flex; flex-direction: column; align-items: center; max-width: 1280px; margin: 10px auto 0; padding: 0; width: 100%;}
.page-blog__hero-image-wrap {order: 1; width: 100%; max-width: 1020px; margin: 0 auto 30px;}
.page-blog__hero-image {display: block; width: 100%; height: auto; aspect-ratio: 17 / 5; object-fit: cover; border-radius: 20px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);}
.page-blog__hero-content {order: 2; text-align: center; max-width: 1000px; padding: 0 15px;}
.page-blog__hero-title {font-weight: 800; line-height: 1.25; letter-spacing: -0.02em; color: #08162B; margin: 0 0 12px;}
.page-blog__hero-description {font-size: 1.1rem; line-height: 1.7; color: #333333; margin: 0 0 28px;}
.page-blog__hero-actions, .page-blog__guide-cta, .page-blog__article-cta {display: flex; justify-content: center; gap: 18px; flex-wrap: wrap; width: 100%; max-width: 100%; overflow: hidden; box-sizing: border-box;}
.page-blog__btn {display: inline-flex; align-items: center; justify-content: center; text-decoration: none; border-radius: 50px; font-weight: 700; line-height: 1.2; padding: 15px 34px; font-size: 1rem; border: none; cursor: pointer; transition: transform .25s ease, box-shadow .25s ease; max-width: 100%; box-sizing: border-box; white-space: normal; word-wrap: break-word;}
.page-blog__btn:hover {transform: translateY(-3px); box-shadow: 0 12px 24px rgba(8, 22, 43, 0.3);}
.page-blog__btn--primary {background: linear-gradient(180deg, #2B73F6 0%, #1144A6 100%); color: #F3F8FF;}
.page-blog__btn--secondary {background-color: transparent; color: #113B7A; border: 2px solid #244D84;}
.page-blog__guide-section, .page-blog__article-section {padding: 20px 0;}
.page-blog__container {max-width: 1100px; margin: 0 auto; padding: 16px 20px;}
.page-blog__container--narrow {max-width: 900px;}
.page-blog__guide-header {text-align: center; padding: 20px 0;}
.page-blog__guide-title {font-size: 2rem; color: #113B7A; font-weight: 800; margin-bottom: 16px;}
.page-blog__guide-subtitle {color: #244D84; font-size: 1.15rem; text-align: center; max-width: 700px; margin: 0 auto 30px; line-height: 1.6;}
.page-blog__content-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 40px;}
.page-blog__card {background-color: #10233F; border-radius: 12px; padding: 15px; transition: transform .25s ease, box-shadow .25s ease; display: flex; flex-direction: column; border: 1px solid rgba(255, 255, 255, 0.08);}
.page-blog__card:hover {transform: translateY(-5px); box-shadow: 0 15px 35px rgba(4, 25, 55, 0.35);}
.page-blog__card-media {border-radius: 8px; overflow: hidden; margin-bottom: 18px;}
.page-blog__card-image {display: block; width: 100%; height: auto; aspect-ratio: 2/1; object-fit: cover; transition: scale 0.3s ease;}
.page-blog__card:hover .page-blog__card-image {scale: 1.03;}
.page-blog__card-body {padding: 0 6px;}
.page-blog__card-meta {font-size: 0.85rem; color: #AFC4E8; margin-bottom: 10px;}
.page-blog__card-title {font-size: 1.35rem; margin: 0 0 10px; line-height: 1.4;}
.page-blog__card-title a {color: #F3F8FF; text-decoration: none;}
.page-blog__card-title a:hover {text-decoration: underline; color: #F2C14E;}
.page-blog__card-excerpt {color: #AFC4E8; line-height: 1.75; margin-bottom: 15px;}
.page-blog__read-more {color: #4FA8FF; text-decoration: none; font-weight: 600; transition: color 0.2s;}
.page-blog__read-more:hover {color: #F2C14E;}
.page-blog__guide-cta {text-align: center; padding: 35px 50px; border-radius: 12px; margin: 15px auto 40px; max-width: 800px; background-color: #E3F0FF;}
.page-blog__guide-cta-text {font-size: 1.4rem; color: #10233F; margin: 0 0 20px; font-weight: 700;}
.page-blog__article-section .page-blog__section-header {padding-bottom: 20px;}
.page-blog__section-title {font-size: 2rem; color: #113B7A; text-align: left; margin-bottom: 20px;}
.page-blog__article-image {width: 100%; max-width: 800px; height: auto; aspect-ratio: 2/1; object-fit: cover; border-radius: 12px; margin: 15px auto 30px; display: block;}
.page-blog__article-text p {color: #2B3E5D; margin-bottom: 1.6rem; line-height: 1.85; font-size: 1rem;}
.page-blog__article-text h3 {color: #08162B; font-size: 1.5rem; margin: 2rem 0 0.8rem;}
.page-blog__article-text ul {list-style: disc; padding-left: 25px; margin-bottom: 1.6rem;}
.page-blog__article-text li {color: #2B3E5D; line-height: 1.8; margin-bottom: 0.5rem;}
.page-blog__article-text strong {color: #08162B;}
.page-blog__article-text blockquote {border-left: 5px solid #F2C14E; padding: 1.2rem 2rem; margin: 2rem 0; background-color: #F3F8FF; border-radius: 8px;}
.page-blog__article-text blockquote p {margin-bottom: 0; font-weight: 600;}
.page-blog__article-cta {margin-top: 35px; padding-bottom: 20px;}

@media (max-width: 1024px) {
  .page-blog__hero-image { aspect-ratio: 21/10; }
}

@media (max-width: 768px) {
  .page-blog { max-width: 100%; overflow-x: hidden; }
  .page-blog__hero-section { padding-top: 10px; margin-top: 0; }
  .page-blog__hero-image-wrap { margin-bottom: 25px; }
  .page-blog__hero-image { aspect-ratio: 2/1; }
  .page-blog__hero-title { font-size: 1.8rem; }
  .page-blog__hero-description { font-size: 1rem; }
  .page-blog__btn { width: auto; max-width: 100%; }
  .page-blog__content-grid { grid-template-columns: 1fr; }
  .page-blog__guide-cta { padding: 25px 15px; }
  .page-blog__guide-title { font-size: 1.7rem; }
  .page-blog__card-title { font-size: 1.2rem; }
  .page-blog__section-title { font-size: 1.7rem; }
  .page-blog img { max-width: 100%; height: auto; }
  .page-blog__article-text blockquote { padding: 1rem; }
}