.page-blog__hero{max-width:1280px;margin:0 auto;padding:10px 16px 24px}
.page-blog__hero-image-wrap{width:100%}
.page-blog__hero-image{width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;display:block;border-radius:12px}
.page-blog__hero-content{margin-top:16px;text-align:center}
.page-blog__hero-title{font-weight:800;line-height:1.2;letter-spacing:.2px;color:#017439;max-width:760px;margin:0 auto 8px;word-break:break-word}
.page-blog__hero-desc{margin:0 auto 16px;max-width:900px;color:#333;font-size:1rem} 
.page-blog__hero-cta{margin-top:6px}
.page-blog__btn-act,.page-blog__btn-guide,.page-blog__btn-primary,.page-blog__btn-register{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;display:inline-block;text-decoration:none;font-weight:700;border-radius:50px;transition:opacity .2s}
.page-blog__btn-act{background:#C30808;color:#FFFF00;padding:14px 30px}
.page-blog__btn-guide{background:#017439;color:#fff;padding:14px 30px;margin-left:8px}
.page-blog__breaking-news{background:#f4f9f6;border-top:1px solid #e3eae6;border-bottom:1px solid #e3eae6;padding:12px 16px;margin:24px 0 8px}
.page-blog__breaking-highlight{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:center;max-width:1200px;margin:0 auto}
.page-blog__breaking-label{display:inline-block;background:#017439;color:#fff;padding:6px 16px;border-radius:999px;font-weight:700;font-size:.9rem}
.page-blog__breaking-update{color:#333}
.page-blog__categories{max-width:1200px;margin:0 auto;padding:12px 16px}
.page-blog__category-title{color:#017439;font-weight:800;text-align:center;font-size:1.8rem;margin:24px 0}
.page-blog__category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.page-blog__category-card{background:#fff;border:1px solid #e4efea;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 3px 12px rgba(0,0,0,.04)}
.page-blog__category-img{width:100%;max-height:220px;object-fit:cover}
.page-blog__category-info{padding:12px 16px 20px;flex:1;display:flex;flex-direction:column}
.page-blog__category-tag{display:inline-block;padding:4px 11px;border-radius:999px;font-weight:600;font-size:.8rem;width:max-content;margin-bottom:8px}
.page-blog__category-tag--green{background:#e3f5ee;color:#017439}
.page-blog__category-tag--yellow{background:#fff5d6;color:#aa7500}
.page-blog__category-tag--blue{background:#e5f0ff;color:#1060b0}
.page-blog__category-name{font-size:1.2rem;color:#222;line-height:1.3;margin:0 0 6px}
.page-blog__category-desc{font-size:.95rem;color:#333;flex:1}
.page-blog__category-cta{margin-top:12px}
.page-blog__btn-read{display:inline-block;text-decoration:none;color:#017439;font-weight:700;border:2px solid #017439;padding:9px 18px;border-radius:999px;transition:background .2s,color .2s}
.page-blog__btn-read:hover{background:#017439;color:#fff}
.page-blog__featured-post{max-width:1260px;margin:32px auto 0;padding:0 16px}
.page-blog__featured-title{text-align:center;font-size:1.8rem;color:#017439;font-weight:800;letter-spacing:-0.2px;margin:24px 0}
.page-blog__featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px 20px}
.page-blog__featured-card{background:#fff;border:1px solid #e6ece9;border-radius:18px;overflow:hidden;text-decoration:none;display:block;transition:box-shadow .2s}
.page-blog__featured-card:hover{box-shadow:0 12px 28px rgba(0,0,0,.08)}
.page-blog__card-link{color:inherit;text-decoration:none}
.page-blog__card-img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.page-blog__card-category{display:inline-flex;background:#e5f7ef;color:#017439;font-weight:600;font-size:.77rem;padding:5px 10px;border-radius:999px;margin:14px 12px 4px}
.page-blog__card-title{font-size:1rem;color:#1b1b1b;line-height:1.45;font-weight:700;padding:0 12px 18px;margin:0}
.page-blog__card-link:hover .page-blog__card-title{color:#017439}
.page-blog__guide{background:#f8fbf9;padding:44px 16px;border-top:1px solid #eff6f1}
.page-blog__guide-inner{max-width:1000px;margin:0 auto}
.page-blog__guide-title{color:#017439;font-weight:800;font-size:1.8rem;text-align:center;margin:8px 0 20px}
.page-blog__guide-list,.page-blog__guide-figure{margin:0}
.page-blog__guide-figure{max-width:960px}
.page-blog__guide-figure img{width:100%;max-width:960px;aspect-ratio:21/9;object-fit:cover;border-radius:18px;margin-bottom:8px}
.page-blog__guide-figure figcaption,.page-blog__guide-title{font-size:1rem;font-weight:600;color:#175273}
.page-blog__guide-content{max-width:760px;margin:14px auto 0;text-align:center}
.page-blog__guide-text{color:#333;line-height:1.6}
.page-blog__qa-section{margin-top:32px}
.page-blog__qa-heading{font-size:1.5rem;color:#017439;font-weight:800;margin:36px 0 18px;text-align:center}
.page-blog__qa-list{max-width:760px;margin:0 auto}
.page-blog__qa-item{background:#fff;border:1px solid #e8e8e8;border-radius:14px;margin-bottom:14px;padding:0 18px}
.page-blog__qa-item summary{cursor:pointer;font-weight:700;color:#27353c;display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:12px;outline:none}
.page-blog__qa-icon{font-size:1.4rem;font-weight:500;line-height:1;color:#017439}
.page-blog__qa-answer{margin:0 0 10px;color:#333;line-height:1.6}
@media (max-width:1024px){
  .page-blog__category-grid{grid-template-columns:repeat(2,1fr)}
  .page-blog__featured-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .page-blog__hero{padding:8px 8px 20px}
  .page-blog__hero-image{aspect-ratio:16/10}
  .page-blog__hero-title{font-size:clamp(1.4rem,7vw,2.2rem)}
  .page-blog__btn-act,.page-blog__btn-guide{display:block;width:100%;margin:8px 0 0;padding:14px 22px;text-align:center}
  .page-blog__btn-guide{margin-left:0}
  .page-blog__guide-title{font-size:1.4rem}
  .page-blog__category-title,.page-blog__featured-title{font-size:1.4rem}
  .page-blog__category-grid{grid-template-columns:1fr}
  .page-blog__featured-grid{grid-template-columns:1fr}
  .page-blog__guide-figure img{aspect-ratio:16/10}
  .page-blog__btn-primary,.page-blog__btn-register{display:block;width:100%;margin:8px 0 0;padding:12px 22px;text-align:center}
  .page-blog img{max-width:100% !important;height:auto !important}
}