.page-blog{width:100%;background-color:#ffffff;color:#333333}
.page-blog img{max-width:100%;height:auto}
.page-blog__hero-section{background:#e6f7ee;padding-top:10px;margin-top:0;display:flex;flex-direction:column;align-items:center}
.page-blog__hero-image-wrapper{width:100%;max-width:1600px;margin:0 auto}
.page-blog__hero-image{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:12px}
.page-blog__hero-content{width:100%;max-width:1600px;text-align:center;padding:24px 16px 32px;box-sizing:border-box}
.page-blog__hero-title{font-weight:700;line-height:1.3;letter-spacing:-0.02em;color:#017439;margin:0 0 12px}
.page-blog__hero-description{font-size:1.05rem;line-height:1.7;color:#333333;max-width:80%;margin:0 auto 22px}
.page-blog__hero-cta,.page-blog__step-btn,.page-blog__cta-btn{display:inline-block;padding:12px 32px;border-radius:40px;font-weight:700;text-decoration:none;text-align:center;transition:background .2s,transform .2s;box-sizing:border-box}
.page-blog__hero-cta{background:#C30808;color:#FFFF00;font-size:1rem}
.page-blog__hero-cta:hover{transform:scale(1.04);filter:brightness(1.05)}
.page-blog__featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:32px 20px;max-width:1280px;margin:0 auto;box-sizing:border-box}
.page-blog__card-style{display:flex;flex-direction:column;background:#ffffff;border:1px solid #d9e5dd;border-radius:16px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.page-blog__card-style:hover{box-shadow:0 8px 28px rgba(1,116,57,.13);transform:translateY(-5px)}
.page-blog__card-image{width:100%;aspect-ratio:2/1;object-fit:cover;display:block}
.page-blog__card-body{display:flex;flex-direction:column;gap:8px;padding:18px;flex:1}
.page-blog__card-category{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#017439;font-weight:700}
.page-blog__card-title{font-size:1.15rem;line-height:1.45;margin:0;color:#0b2a1a}
.page-blog__card-title a{color:inherit;text-decoration:none}
.page-blog__card-title a:hover{color:#017439}
.page-blog__card-excerpt{font-size:.9rem;color:#333333;line-height:1.6;margin:0;flex:1}
.page-blog__card-link{color:#017439;font-weight:600;text-decoration:none;font-size:.9rem}
.page-blog__card-link:hover{text-decoration:underline}
.page-blog__category-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:4px 16px 36px;max-width:900px;margin:0 auto}
.page-blog__category-btn{background:#f0faf4;color:#017439;border:1px solid #cdebd9;border-radius:30px;padding:10px 18px;text-decoration:none;font-weight:600;font-size:.9rem;transition:background .2s}
.page-blog__category-btn:hover{background:#017439;color:#ffffff}
.page-blog__news-section{padding:42px 20px;background:#f7fcf9;max-width:1280px;margin:0 auto;box-sizing:border-box}
.page-blog__section-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.page-blog__section-title{color:#017439;font-weight:700;font-size:1.4rem;margin:0}
.page-blog__section-link{color:#017439;font-weight:600;text-decoration:none;font-size:.9rem}
.page-blog__section-link:hover{text-decoration:underline}
.page-blog__news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.page-blog__news-card{background:#ffffff;padding:18px;border-radius:12px;border-left:4px solid #017439;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.page-blog__news-title{font-size:1rem;margin:0 0 8px;line-height:1.5}
.page-blog__news-title a{color:#0b2a1a;text-decoration:none}
.page-blog__news-title a:hover{color:#017439}
.page-blog__news-meta{color:#6f7d76;font-size:.78rem;margin:0}
.page-blog__guide-section{padding:50px 20px;max-width:1280px;margin:0 auto;box-sizing:border-box}
.page-blog__guide-title{color:#017439;font-size:1.6rem;text-align:center;margin:0 0 32px;font-weight:700}
.page-blog__guide-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.page-blog__guide-step{background:#f7fcf9;border:1px solid #e3f0e8;border-radius:18px;padding:24px 20px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .2s}
.page-blog__guide-step:hover{box-shadow:0 6px 24px rgba(1,116,57,.08)}
.page-blog__step-number{width:38px;height:38px;background:#017439;color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;margin-bottom:6px}
.page-blog__step-title{font-size:1rem;margin:0;color:#0b2a1a}
.page-blog__guide-step p{color:#333333;font-size:.85rem;line-height:1.6;flex:1;margin:0}
.page-blog__step-btn{background:#017439;color:#ffffff;font-size:.8rem;padding:9px 22px}
.page-blog__step-btn:hover{background:#005a2c}
.page-blog__tutorial-guide{max-width:900px;margin:0 auto;padding:8px 20px 34px;box-sizing:border-box}
.page-blog__tutorial-title{color:#017439;font-size:1.4rem;text-align:center;margin:0 0 20px;font-weight:700}
.page-blog__tutorial-guide p{color:#333333;line-height:1.8;font-size:.95rem;margin:0 0 14px}
.page-blog__faq-section{padding:46px 20px;max-width:900px;margin:0 auto;box-sizing:border-box}
.page-blog__faq-title{color:#017439;font-size:1.5rem;font-weight:700;text-align:center;margin:0 0 28px}
.page-blog__faq-item{background:#ffffff;border:1px solid #d9e5dd;margin:0 0 14px;border-radius:12px;overflow:hidden}
.page-blog__faq-question{list-style:none;display:flex;align-items:center;padding:16px 18px;cursor:pointer;background:#f9fdfb;font-weight:600;color:#0b2a1a;position:relative}
.page-blog__faq-question::-webkit-details-marker{display:none}
.page-blog__faq-toggle{margin-left:auto;background:#017439;color:#ffffff;flex:0 0 24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.page-blog__faq-answer{padding:16px 18px;border-top:1px solid #eef4f0;color:#333333;line-height:1.7;font-size:.9rem}
.page-blog__cta-section{background:linear-gradient(135deg,#017439,#005a2c);color:#ffffff;text-align:center;padding:46px 20px}
.page-blog__cta-title{color:#ffffff;font-size:1.6rem;margin:0 0 16px;font-weight:700}
.page-blog__cta-section p{color:#ffffff;max-width:600px;margin:0 auto 22px;line-height:1.6}
.page-blog__cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.page-blog__cta-btn{background:#ffffff;color:#017439;font-weight:700}
.page-blog__cta-btn--primary{background:#C30808;color:#FFFF00;border:2px solid #C30808}
.btn{max-width:100%}
@media (max-width:1024px){
.page-blog__hero-section{padding-top:10px}
.page-blog__featured-grid{grid-template-columns:repeat(2,1fr)}
.page-blog__guide-steps{grid-template-columns:repeat(2,1fr)}
.page-blog__news-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
.page-blog{padding-top:0;margin-top:0;max-width:100%;overflow-x:hidden}
.page-blog__hero-section{padding-top:0}
.page-blog__hero-image{aspect-ratio:4/3}
.page-blog__hero-content{padding:16px 12px 24px}
.page-blog__hero-title{font-size:1.35rem;line-height:1.35}
.page-blog__hero-description{font-size:.9rem;line-height:1.6;max-width:100%}
.page-blog__hero-cta,.page-blog__step-btn,.page-blog__cta-btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;padding-left:22px;padding-right:22px}
.page-blog__featured-grid{grid-template-columns:1fr;padding:22px 12px}
.page-blog__category-nav{flex-direction:column;padding:4px 12px 24px}
.page-blog__category-btn{width:100%;text-align:center}
.page-blog__news-section{padding:32px 12px}
.page-blog__section-header{flex-direction:column}
.page-blog__news-grid{grid-template-columns:1fr}
.page-blog__guide-section{padding:32px 12px}
.page-blog__guide-title{font-size:1.25rem;margin-bottom:22px}
.page-blog__guide-steps{grid-template-columns:1fr}
.page-blog__faq-section{padding:32px 12px}
.page-blog__faq-title{font-size:1.3rem}
.page-blog__cta-section{padding:32px 12px}
.page-blog__cta-title{font-size:1.3rem}
.page-blog__cta-actions{flex-direction:column;align-items:center}
.page-blog img,.page-blog__hero-image{max-width:100%!important;height:auto!important}
}