.page-blog__hero{max-width:1200px;margin:0 auto;padding:10px 16px 0;box-sizing:border-box}.page-blog__hero-media-wrap{width:100%}.page-blog__hero-image-wrap{width:100%;overflow:hidden;border-radius:20px;background:#F4F7FB}.page-blog__hero-image{display:block;width:100%;height:auto;aspect-ratio:17/5;object-fit:cover}.page-blog__hero-content{padding:24px 20px 8px;text-align:center}.page-blog__hero-title{color:#1F2D3D;font-size:clamp(1.4rem,3.5vw,2.4rem);line-height:1.3;margin:0 0 8px;font-weight:800}.page-blog__hero-description{color:#333333;font-size:1rem;line-height:1.6;max-width:760px;margin:0 auto}.page-blog__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:16px 0 24px}.page-blog__btn{display:inline-block;padding:14px 28px;border-radius:999px;font-weight:700;text-align:center;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;max-width:100%;box-sizing:border-box}.page-blog__btn-primary{background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#fff}.page-blog__btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(47,107,255,.3)}.page-blog__btn-ghost{background:transparent;color:#2F6BFF;border-color:#6FA3FF}.page-blog__btn-ghost:hover{background:#f0f5ff}.page-blog__category-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:16px;max-width:1000px;margin:0 auto}.page-blog__category-item{background:#FFFFFF;border:1px solid #D6E2FF;color:#1F2D3D;padding:8px 20px;border-radius:999px;text-decoration:none;font-weight:500;transition:background .2s,color .2s}.page-blog__category-item:hover{background:#2F6BFF;color:#FFFFFF;border-color:#2F6BFF}.page-blog__intro{max-width:1200px;margin:0 auto;padding:16px 16px 8px}.page-blog__intro-card{background:#FFFFFF;border-radius:20px;border:1px solid #f0f4f8;box-shadow:0 4px 12px rgba(31,45,61,.06);padding:40px 28px;box-sizing:border-box}.page-blog__intro-title{color:#2F6BFF;font-weight:700;margin:0 0 12px;font-size:1.5rem}.page-blog__intro-text{font-size:1rem;line-height:1.8;margin:0 0 16px;color:#333333}.page-blog__intro-text:last-child{margin-bottom:0}.page-blog__directories{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;max-width:1200px;margin:16px auto;padding:16px;box-sizing:border-box}.page-blog__directory-card{background:#FFFFFF;border-radius:16px;overflow:hidden;border:1px solid #f0f4f8;transition:box-shadow .3s ease}.page-blog__directory-card:hover{box-shadow:0 10px 30px rgba(31,45,61,.08)}.page-blog__directory-media{overflow:hidden;background:#F4F7FB}.page-blog__directory-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block}.page-blog__directory-body{padding:24px}.page-blog__directory-tag{display:inline-block;background:#e8f0ff;color:#2F6BFF;padding:4px 14px;border-radius:999px;font-size:.85rem;font-weight:600;margin-bottom:12px}.page-blog__directory-title{font-size:1.2rem;color:#1F2D3D;line-height:1.4;margin:0 0 8px}.page-blog__directory-excerpt{color:#555;line-height:1.6;font-size:.95rem}.page-blog__button{display:inline-block;margin-top:16px;background:#2F6BFF;color:#fff;padding:10px 24px;border-radius:8px;text-decoration:none;font-weight:600}.page-blog__featured,.page-blog__latest{max-width:1200px;margin:0 auto}.page-blog__featured{padding:16px}.page-blog__featured-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:24px}.page-blog__section-title{font-weight:700;font-size:1.5rem;line-height:1.3;margin:0}.page-blog__featured .page-blog__section-title{color:#1F2D3D}.page-blog__more-link{text-decoration:none;font-weight:600;color:#2F6BFF}.page-blog__more-link:hover{text-decoration:underline}.page-blog__featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.page-blog__post-card{background:#FFFFFF;border-radius:16px;overflow:hidden;border:1px solid #f0f4f8}.page-blog__post-card:hover{box-shadow:0 8px 22px rgba(31,45,61,.06)}.page-blog__post-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block}.page-blog__post-card-featured{background:linear-gradient(145deg,#f8fbff,#eaf2ff);}.page-blog__post-content{padding:20px}.page-blog__post-title{font-size:1.05rem;margin:0 0 8px}.page-blog__post-title a{text-decoration:none;color:#1F2D3D}.page-blog__post-title a:hover{color:#2F6BFF}.page-blog__post-meta{color:#888;font-size:.8rem}.page-blog__post-excerpt{color:#555;line-height:1.6;font-size:.9rem;margin:0}.page-blog__guide{max-width:1200px;margin:0 auto;padding:16px}.page-blog__guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.page-blog__guide-header{margin-bottom:32px}.page-blog__guide-header .page-blog__section-title{color:#1F2D3D;margin-bottom:8px}.page-blog__section-subtitle{color:#666;line-height:1.5}.page-blog__guide-figure{margin:0}.page-blog__guide-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:16px}.page-blog__guide-caption{margin-top:8px;text-align:center;color:#666;font-size:.8rem}.page-blog__guide-content h3{color:#2F6BFF}.page-blog__guide-text{line-height:1.7;color:#333}.page-blog__marketing{max-width:1200px;margin:0 auto;padding:16px}.page-blog__marketing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.page-blog__marketing-card{background:#fff;border-radius:16px;overflow:hidden;display:block;text-decoration:none;color:inherit}.page-blog__marketing-card:hover .page-blog__marketing-image{transform:scale(1.03)}.page-blog__marketing-card>img{display:block}.page-blog__marketing-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;transition:transform .3s ease}.page-blog__marketing-overlay{padding:16px}.page-blog__marketing-title{color:#1F2D3D;margin-bottom:8px;font-size:1.2rem}.page-blog__marketing-text{color:#555;font-size:.9rem;margin-bottom:12px}.page-blog__marketing-cta{color:#2F6BFF;font-weight:700}.page-blog__latest{padding:16px}.page-blog__latest-list{display:flex;flex-direction:column;gap:12px}.page-blog__list-item{display:flex;align-items:center;gap:16px;padding:20px;background:#FFFFFF;border-radius:12px;border:1px solid #eef2f7}.page-blog__list-number{font-size:1.8rem;font-weight:800;color:#D6E2FF;flex-shrink:0}.page-blog__list-text{flex:1}.page-blog__list-title{font-size:1rem;margin-bottom:4px}.page-blog__list-title a{text-decoration:none;color:#1F2D3D}.page-blog__list-title a:hover{color:#2F6BFF}.page-blog__list-meta{color:#999;font-size:.8rem}.page-blog__read-more{font-size:.9rem;color:#2F6BFF;text-decoration:none;font-weight:600;white-space:nowrap}.page-blog__read-more:hover{text-decoration:underline}.page-blog__newsletter-preview{max-width:1200px;margin:0 auto;padding:16px}.page-blog__newsletter-card{background:linear-gradient(135deg,#eaf2ff,#ffffff);border-radius:24px;padding:40px 32px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center}.page-blog__newsletter-title{color:#1F2D3D}.page-blog__newsletter-text{color:#555}.page-blog__newsletter-action{flex-shrink:0}@media(max-width:768px){.page-blog__hero{padding:10px 10px 0}.page-blog__hero-content{padding:20px 8px 16px}.page-blog__hero-image-wrap{border-radius:12px}.page-blog__hero-description{font-size:.9rem}.page-blog__hero-actions{padding:8px 0 16px}.page-blog__hero-actions .page-blog__btn{flex-basis:100%}.page-blog__category-nav{padding:12px 8px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;gap:8px;-webkit-overflow-scrolling:touch}.page-blog__category-item{white-space:nowrap}.page-blog__directories{grid-template-columns:1fr;padding:12px}.page-blog__directory-body{padding:18px}.page-blog__featured-grid{grid-template-columns:1fr;gap:16px}.page-blog__guide{padding:8px}.page-blog__guide-grid{grid-template-columns:1fr;gap:24px}.page-blog__guide-figure{margin:0;width:100%}.page-blog__guide-image{aspect-ratio:2/1}.page-blog__marketing{padding:8px}.page-blog__marketing-grid{grid-template-columns:1fr;gap:16px}.page-blog__marketing-image{aspect-ratio:2/1}.page-blog__newsletter-card{padding:24px 16px;text-align:center}.page-blog__newsletter-action{width:100%}.page-blog__featured,.page-blog__latest{padding:12px}.page-blog__featured-heading{align-items:center}.page-blog__more-link{font-size:.9rem}.page-blog__latest-list{gap:8px}.page-blog__list-item{flex-wrap:wrap;padding:14px}.page-blog__list-number{font-size:1.2rem;width:24px}.page-blog__list-title{font-size:.85rem}.page-blog__btn{font-size:.95rem;padding:12px 20px}.page-blog img{max-width:100%!important;height:auto!important}}