.page-blog{max-width:100%;overflow-x:hidden;background-color:#f5f7fa;font-family:inherit;color:#333}
.page-blog__hero-section{background:linear-gradient(135deg,#fff 0%,#ffeceb 100%);border-bottom:1px solid #e0e0e0}
.page-blog__hero-image-wrap{width:100%;padding:12px var(--page-gutter,16px) 0}
.page-blog__hero-image{display:block;width:100%;max-width:1020px;height:auto;aspect-ratio:1020/300;object-fit:cover;margin:0 auto;border-radius:12px;box-shadow:0 6px 20px rgba(229,57,53,.1)}
.page-blog__hero-content{max-width:1020px;margin:0 auto;padding:20px 16px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.page-blog__hero-title{margin:0;font-size:clamp(1.4rem,2.8vw,2.2rem);font-weight:800;line-height:1.2;color:#e53935;letter-spacing:.5px;max-width:720px}
.page-blog__hero-desc{margin:0 auto;font-size:clamp(.95rem,1.4vw,1.05rem);line-height:1.6;color:#555;max-width:600px}
.page-blog__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;width:100%;max-width:100%;box-sizing:border-box}
.page-blog__btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 28px;border-radius:40px;font-weight:700;font-size:1rem;line-height:1.4;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;max-width:100%;white-space:normal;word-wrap:break-word;text-align:center;box-sizing:border-box}
.page-blog__btn--primary{background:linear-gradient(180deg,#ff5a4f 0%,#e53935 100%);color:#fff;border-color:transparent}
.page-blog__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(229,57,53,.28)}
.page-blog__btn--secondary{background:#fff;color:#e53935;border-color:#e53935}
.page-blog__btn--secondary:hover{background:#e53935;color:#fff}
.page-blog__btn--outline{background:transparent;color:#fff;border-color:#fff}
.page-blog__btn--outline:hover{background:rgba(255,255,255,.16)}
.page-blog__btn--text{background:none;color:#e53935;padding:6px 0;font-weight:700;border:none;min-height:auto}
.page-blog__btn--text:hover{text-decoration:underline}
.page-blog__featured-section,.page-blog__category-section{max-width:1200px;margin:0 auto;padding:48px 16px 24px;box-sizing:border-box}
.page-blog__section-header{text-align:center;margin-bottom:32px}
.page-blog__section-title{margin:0 0 8px;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800;color:#e53935;line-height:1.2}
.page-blog__section-subtitle{margin:0;font-size:1rem;color:#666}
.page-blog__featured-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.page-blog__category-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));max-width:900px;margin:0 auto}
.page-blog__post-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;overflow:hidden;height:100%;transition:box-shadow .25s ease,transform .25s ease;display:flex}
.page-blog__post-card:hover{box-shadow:0 10px 30px rgba(229,57,53,.12);transform:translateY(-4px)}
.page-blog__post-link{display:flex;flex-direction:column;color:inherit;text-decoration:none;width:100%}
.page-blog__post-image{display:block;width:100%;aspect-ratio:2/1;object-fit:cover;border-bottom:3px solid #ff5a4f}
.page-blog__post-content{padding:18px;display:flex;flex-direction:column;flex:1;gap:10px}
.page-blog__post-category{align-self:flex-start;background:#fff0ef;border:1px solid #ffb3ad;color:#e53935;font-size:.8rem;font-weight:700;padding:4px 14px;border-radius:40px;text-transform:uppercase;letter-spacing:.6px}
.page-blog__post-title{margin:0;font-size:1.15rem;font-weight:700;line-height:1.4;color:#e53935}
.page-blog__post-title:hover{color:#c62828}
.page-blog__post-excerpt{margin:0;font-size:.9rem;line-height:1.6;color:#444;flex:1}
.page-blog__post-meta{margin-top:auto;font-size:.8rem;color:#999}
.page-blog__guide-section{background:#fff;border-top:3px solid #f44336;padding-top:48px;margin-top:24px}
.page-blog__guide-inner{max-width:1000px;margin:0 auto;padding:0 16px 48px}
.page-blog__guide-title{text-align:center;margin:0 0 40px;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800;color:#e53935;line-height:1.2}
.page-blog__guide-grid{display:grid;gap:32px;grid-template-columns:repeat(1,1fr)}
@media(min-width:700px){.page-blog__guide-grid{grid-template-columns:repeat(3,1fr)}.page-blog__guide-item{text-align:left}}
.page-blog__guide-heading{margin:0 0 12px;font-size:1.1rem;color:#333;line-height:1.4}
.page-blog__guide-figure{margin:0 0 14px}
.page-blog__guide-image{display:block;width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:12px}
.page-blog__guide-desc{margin:0 0 14px;font-size:.9rem;line-height:1.7;color:#444}
.page-blog__news-section{background:linear-gradient(180deg,#e53935 0%,#ff5a4f 100%);margin-top:16px}
.page-blog__news-inner{max-width:960px;margin:0 auto;padding:44px 16px;text-align:center}
.page-blog__news-title{margin:0 0 12px;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:#fff;line-height:1.2}
.page-blog__news-desc{margin:0 0 24px;font-size:1rem;line-height:1.7;color:#fff;max-width:720px;margin-left:auto;margin-right:auto}
.page-blog__news-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;width:100%;max-width:100%;box-sizing:border-box}
.page-blog__faq-section{margin:0 auto;padding:48px 16px 56px;background:#f5f7fa}
.page-blog__faq-inner{max-width:800px;margin:0 auto}
.page-blog__faq-title{text-align:center;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800;color:#e53935;margin:0 0 32px;line-height:1.2}
.page-blog__faq-list{display:flex;flex-direction:column;gap:12px}
.page-blog__faq-item{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:4px 16px;overflow:hidden}
.page-blog__faq-question{list-style:none;cursor:pointer;padding:12px 0;font-size:1rem;font-weight:700;color:#333;display:flex;justify-content:space-between;align-items:center;gap:10px}
.page-blog__faq-question::-webkit-details-marker{display:none}
.page-blog__faq-question:after{content:'+';font-size:1.6rem;font-weight:400;color:#ff5a4f;line-height:1}
.page-blog__faq-item[open] .page-blog__faq-question:after{content:'−'}
.page-blog__faq-answer{margin:0;padding:0 0 16px;font-size:.95rem;line-height:1.7;color:#555;border-top:1px solid #f5f5f5;padding-top:12px}
@media(max-width:768px){.page-blog__hero-image{aspect-ratio:2/1}.page-blog__featured-section,.page-blog__category-section{padding-top:32px}.page-blog__hero-content{padding:14px 16px 22px}.page-blog__hero-actions{flex-direction:column;align-items:stretch}.page-blog__btn{width:100%;max-width:100%;box-sizing:border-box}.page-blog__news-actions{flex-direction:column;align-items:stretch;gap:10px}.page-blog__news-actions .page-blog__btn{width:100%}.page-blog__guide-inner{padding-bottom:32px}.page-blog img{max-width:100%!important;height:auto!important}}