body{padding-top:var(--header-offset);}
.page-blog{color:#333333;font-family:Arial,Helvetica,sans-serif;background:#FFFFFF;line-height:1.65;margin:0;padding:0;overflow-x:hidden;}
.page-blog__hero-section{background:linear-gradient(135deg,#26A9E0 0%,#1a8bbf 100%);padding:10px 16px 28px;}
.page-blog__hero-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:20px;width:100%;}
.page-blog__hero-image{width:100%;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.18);}
.page-blog__hero-image img{width:100%;height:auto;display:block;max-width:100%;object-fit:cover;}
.page-blog__hero-content{background:transparent;padding:0 4px;}
.page-blog__hero-title{font-size:clamp(1.4rem,3.2vw,2.2rem);font-weight:800;line-height:1.25;color:#FFFFFF;margin:0 0 12px;letter-spacing:0.2px;}
.page-blog__hero-desc{font-size:1rem;color:#F0F8FF;margin:0 0 18px;max-width:820px;}
.page-blog__hero-actions{display:flex;flex-wrap:wrap;gap:12px;}
.page-blog__btn{display:inline-block;padding:12px 26px;border-radius:999px;font-weight:700;text-decoration:none;text-align:center;transition:transform .15s ease,opacity .15s ease;box-sizing:border-box;}
.page-blog__btn--primary{background:#FFFFFF;color:#0b5f86;border:2px solid #FFFFFF;}
.page-blog__btn--accent{background:#EA7C07;color:#FFFFFF;border:2px solid #EA7C07;}
.page-blog__btn--outline{background:transparent;color:#26A9E0;border:2px solid #26A9E0;}
.page-blog__btn:hover{transform:translateY(-2px);opacity:.92;}
.page-blog__intro-section{padding:40px 16px;background:#FFFFFF;}
.page-blog__intro-inner{max-width:900px;margin:0 auto;}
.page-blog__section-title{font-size:clamp(1.3rem,2.6vw,1.9rem);font-weight:800;color:#0b5f86;margin:0 0 14px;line-height:1.3;}
.page-blog__section-subtitle{color:#444444;margin:0 0 24px;font-size:1rem;}
.page-blog__intro-text{color:#333333;margin:0 0 16px;font-size:1rem;}
.page-blog__posts-section{padding:40px 16px;background:#F4FAFD;}
.page-blog__posts-inner{max-width:1200px;margin:0 auto;}
.page-blog__posts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.page-blog__post-card{background:#FFFFFF;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px rgba(11,95,134,0.10);display:flex;flex-direction:column;}
.page-blog__post-media{display:block;}
.page-blog__post-media img{width:100%;height:auto;display:block;aspect-ratio:2/1;object-fit:cover;}
.page-blog__post-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1;}
.page-blog__post-tag{display:inline-block;align-self:flex-start;background:#E3F4FC;color:#0b5f86;font-size:0.78rem;font-weight:700;padding:4px 10px;border-radius:999px;margin:0;}
.page-blog__post-title{font-size:1.05rem;font-weight:700;margin:0;line-height:1.35;}
.page-blog__post-title a{color:#0b5f86;text-decoration:none;}
.page-blog__post-title a:hover{color:#EA7C07;}
.page-blog__post-excerpt{color:#444444;font-size:0.92rem;margin:0;flex:1;}
.page-blog__post-date{color:#666666;font-size:0.8rem;}
.page-blog__topics-section{padding:40px 16px;background:#FFFFFF;}
.page-blog__topics-inner{max-width:1200px;margin:0 auto;}
.page-blog__topics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.page-blog__topic-card{background:#F4FAFD;border:1px solid #D6EEF8;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:10px;}
.page-blog__topic-title{font-size:1.05rem;font-weight:800;color:#0b5f86;margin:0;}
.page-blog__topic-text{color:#333333;font-size:0.92rem;margin:0;flex:1;}
.page-blog__topic-link{color:#EA7C07;font-weight:700;text-decoration:none;font-size:0.92rem;}
.page-blog__topic-link:hover{text-decoration:underline;}
.page-blog__guide-section{padding:40px 16px;background:#F4FAFD;}
.page-blog__guide-inner{max-width:1000px;margin:0 auto;}
.page-blog__guide-subtitle{font-size:1.15rem;font-weight:800;color:#0b5f86;margin:24px 0 10px;}
.page-blog__guide-text{color:#333333;margin:0 0 14px;font-size:1rem;}
.page-blog__guide-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.page-blog__faq-section{padding:40px 16px;background:#FFFFFF;}
.page-blog__faq-inner{max-width:900px;margin:0 auto;}
.page-blog__faq-item{background:#F4FAFD;border:1px solid #D6EEF8;border-radius:12px;padding:16px 18px;margin-bottom:12px;}
.page-blog__faq-question{font-weight:700;color:#0b5f86;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:1rem;list-style:none;}
.page-blog__faq-question::-webkit-details-marker{display:none;}
.page-blog__faq-icon{font-weight:800;color:#EA7C07;font-size:1.25rem;line-height:1;}
.page-blog__faq-answer{color:#333333;margin:12px 0 0;font-size:0.95rem;}
.page-blog__cta-section{padding:48px 16px;background:linear-gradient(135deg,#26A9E0 0%,#1a8bbf 100%);}
.page-blog__cta-inner{max-width:900px;margin:0 auto;text-align:center;}
.page-blog__cta-title{font-size:clamp(1.3rem,2.8vw,2rem);font-weight:800;color:#FFFFFF;margin:0 0 12px;line-height:1.3;}
.page-blog__cta-text{color:#F0F8FF;margin:0 0 22px;font-size:1rem;}
.page-blog__cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
@media (max-width:1024px){
.page-blog__posts-grid{grid-template-columns:repeat(2,1fr);}
.page-blog__topics-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:10px 12px 22px;}
.page-blog__hero-image img{aspect-ratio:2/1;}
.page-blog__hero-actions{flex-direction:column;}
.page-blog__btn{width:100%;max-width:100%;white-space:normal;word-wrap:break-word;box-sizing:border-box;}
.page-blog__posts-grid{grid-template-columns:1fr;gap:18px;}
.page-blog__topics-grid{grid-template-columns:1fr;}
.page-blog__guide-cta{flex-direction:column;}
.page-blog__cta-actions{flex-direction:column;}
.page-blog img{max-width:100%!important;height:auto!important;}
}