.page-blog{color:#333333;background-color:#FFFFFF;padding-top:10px}
.page-blog__hero-section{padding-top:10px;margin-top:0}
.page-blog__hero-inner{display:flex;flex-direction:column;gap:20px;width:100%;max-width:1200px;margin:0 auto;padding:16px}
.page-blog__hero-image{width:100%}
.page-blog__hero-image img{width:100%;height:auto;max-width:100%;display:block;border-radius:12px;object-fit:cover}
.page-blog__hero-content{width:100%;max-width:900px;margin:0 auto}
.page-blog__main-title{color:#017439;font-weight:700;line-height:1.3;letter-spacing:0.3px;max-width:900px;margin:0 0 12px}
.page-blog__hero-lead{color:#333333;line-height:1.7;margin:0 0 20px}
.page-blog__hero-actions,.page-blog__promo-actions,.page-blog__support-actions,.page-blog__cta-actions{display:flex;flex-wrap:wrap;gap:12px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}
.page-blog__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center;transition:opacity .2s ease}
.page-blog__btn--primary{background-color:#C30808;color:#FFFF00;border:2px solid #C30808}
.page-blog__btn--primary:hover{opacity:.9}
.page-blog__btn--outline{background-color:#FFFFFF;color:#017439;border:2px solid #017439}
.page-blog__btn--outline:hover{background-color:#eaf5ef}
.page-blog__section-inner{width:100%;max-width:1200px;margin:0 auto;padding:24px 16px}
.page-blog__intro-section,.page-blog__archive-section,.page-blog__topics-section,.page-blog__guide-section,.page-blog__promo-section,.page-blog__responsibility-section,.page-blog__support-section,.page-blog__faq-section,.page-blog__cta-section{background-color:#FFFFFF;border-top:1px solid #e6e6e6}
.page-blog__section-title{color:#017439;font-weight:700;line-height:1.35;margin:0 0 16px}
.page-blog__sub-title{color:#017439;font-weight:600;line-height:1.4;margin:24px 0 12px}
.page-blog__section-lead{color:#333333;line-height:1.7;margin:0 0 20px}
.page-blog p{color:#333333;line-height:1.8;margin:0 0 14px}
.page-blog__archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}
.page-blog__article-card{background-color:#FFFFFF;border:1px solid #d9e5dd;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}
.page-blog__article-media{width:100%}
.page-blog__article-media img{width:100%;height:auto;max-width:100%;display:block;border-radius:10px;object-fit:cover}
.page-blog__article-title{color:#017439;font-size:19px;line-height:1.4;margin:0}
.page-blog__article-title a{color:#017439;text-decoration:none}
.page-blog__article-title a:hover{text-decoration:underline}
.page-blog__article-excerpt{color:#333333;line-height:1.7;margin:0;flex-grow:1}
.page-blog__read-more{color:#C30808;font-weight:600;text-decoration:none}
.page-blog__read-more:hover{text-decoration:underline}
.page-blog__topics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}
.page-blog__topic-card{background-color:#f5faf7;border:1px solid #d9e5dd;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px}
.page-blog__topic-title{color:#017439;font-size:18px;line-height:1.4;margin:0}
.page-blog__topic-card p{color:#333333;line-height:1.7;margin:0;flex-grow:1}
.page-blog__topic-link{color:#C30808;font-weight:600;text-decoration:none}
.page-blog__topic-link:hover{text-decoration:underline}
.page-blog__step-list{margin:0 0 16px;padding-left:22px}
.page-blog__step-item{color:#333333;line-height:1.8;margin-bottom:10px}
.page-blog__check-list{margin:0;padding-left:0;list-style:none}
.page-blog__check-item{color:#333333;line-height:1.8;margin-bottom:10px;padding-left:26px;position:relative}
.page-blog__check-item::before{content:'';position:absolute;left:0;top:9px;width:12px;height:12px;border-radius:50%;background-color:#017439}
.page-blog__promo-section img{width:100%;height:auto;max-width:100%;display:block;border-radius:12px;margin-bottom:18px;object-fit:cover}
.page-blog__faq-list{display:flex;flex-direction:column;gap:12px;width:100%}
.page-blog__faq-item{border:1px solid #d9e5dd;border-radius:10px;background-color:#FFFFFF;overflow:hidden}
.page-blog__faq-question{display:block;width:100%;text-align:left;padding:16px;background-color:#f5faf7;color:#017439;font-weight:600;font-size:16px;border:none;cursor:pointer;line-height:1.5}
.page-blog__faq-question:hover{background-color:#eaf5ef}
.page-blog__faq-answer{padding:0 16px 16px}
.page-blog__faq-answer p{color:#333333;line-height:1.8;margin:0}
@media (max-width:768px){
.page-blog{max-width:100%;overflow-x:hidden}
.page-blog__hero-inner{flex-direction:column;padding:12px}
.page-blog__archive-grid,.page-blog__topics-grid{grid-template-columns:1fr}
.page-blog__hero-actions,.page-blog__promo-actions,.page-blog__support-actions,.page-blog__cta-actions{flex-direction:column;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}
.page-blog__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-blog__section-inner{padding:18px 12px}
.page-blog__article-card,.page-blog__topic-card{padding:14px}
.page-blog img{max-width:100%!important;height:auto!important}
}