.blog-page{background:var(--ss-light);min-height:80vh}.blog-badge{font-family:var(--ss-heading-font);letter-spacing:.1em;text-transform:uppercase;background:var(--ss-primary);color:#fff;border-radius:20px;padding:3px 10px;font-size:.65rem;font-weight:700;display:inline-block}.blog-badge.badge-outline{color:var(--ss-primary);border:1.5px solid var(--ss-primary);background:0 0}.blog-card{background:#fff;border-radius:16px;flex-direction:column;height:100%;transition:transform .22s,box-shadow .22s;display:flex;overflow:hidden;box-shadow:0 2px 12px #0f172a12}.blog-card:hover{transform:translateY(-4px);box-shadow:0 10px 32px #0f172a21}.blog-card__img-wrap{aspect-ratio:16/9;background:#e2e8f0;width:100%;position:relative;overflow:hidden}.blog-card__img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card:hover .blog-card__img-wrap img{transform:scale(1.05)}.blog-card__body{flex-direction:column;flex:1;padding:1.1rem 1.2rem 1.4rem;display:flex}.blog-card__title{font-family:var(--ss-heading-font);color:var(--ss-dark);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:.5rem 0;font-size:1rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.blog-card__excerpt{color:var(--ss-text-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.855rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card__meta{color:var(--ss-text-muted);align-items:center;gap:.75rem;margin-top:1rem;font-size:.775rem;display:flex}.blog-card__meta .sep{color:var(--ss-border)}.blog-card__read-more{font-family:var(--ss-heading-font);color:var(--ss-primary);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:4px;margin-top:.9rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:gap .2s;display:inline-flex}.blog-card__read-more:hover{color:var(--ss-primary-dark);gap:8px}.featured-card{cursor:pointer;border-radius:18px;height:420px;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 4px 24px #0f172a26}.featured-card.featured-card--sm{height:200px}.featured-card__img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.featured-card:hover .featured-card__img{transform:scale(1.04)}.featured-card__overlay{background:linear-gradient(#0000 0%,#0f172a4d 50%,#0f172ae0 100%);position:absolute;inset:0}.featured-card__content{color:#fff;padding:1.5rem 1.8rem;position:absolute;bottom:0;left:0;right:0}.featured-card__title{font-family:var(--ss-heading-font);color:#fff;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:.5rem 0 .75rem;font-size:1.35rem;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.featured-card--sm .featured-card__title{-webkit-line-clamp:2;line-clamp:2;font-size:.95rem}.featured-card__meta{opacity:.85;font-size:.78rem}.blogs-hero{background:linear-gradient(135deg, var(--ss-dark) 0%, #1a1f36 100%);text-align:center;color:#fff;padding:calc(3.5rem + 90px) 0 4rem}.blogs-hero__eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--ss-primary);font-size:.7rem;font-weight:700;font-family:var(--ss-heading-font)}.blogs-hero__title{font-family:var(--ss-heading-font);color:#fff;margin:.5rem 0 1rem;font-size:clamp(2rem,4vw,3rem);font-weight:800}.blogs-hero__title span{color:var(--ss-primary)}.blogs-hero__sub{color:#ffffffb3;max-width:500px;margin:0 auto;font-size:1.05rem}.blog-filter-bar{z-index:10;background:#fff;border-radius:14px;margin-top:-2rem;padding:1rem 1.25rem;position:relative;box-shadow:0 2px 16px #0f172a1a}.blog-filter-bar .form-control,.blog-filter-bar .form-select{border:1.5px solid var(--ss-border);border-radius:10px;padding:.55rem .9rem;font-size:.875rem}.blog-filter-bar .form-control:focus,.blog-filter-bar .form-select:focus{border-color:var(--ss-primary);outline:none;box-shadow:0 0 0 3px #f973161f}.blog-filter-bar .search-icon{color:var(--ss-text-muted);pointer-events:none;font-size:.85rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.category-section{padding:2.5rem 0}.category-section__header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.category-section__title{font-family:var(--ss-heading-font);color:var(--ss-dark);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;display:flex}.category-section__title:before{content:"";background:var(--ss-primary);border-radius:4px;width:4px;height:22px;display:inline-block}.category-section__view-all{font-family:var(--ss-heading-font);color:var(--ss-primary);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;align-items:center;gap:4px;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex}.category-section__view-all:hover{color:var(--ss-primary-dark);text-decoration:underline}.category-scroll{scrollbar-width:thin;scrollbar-color:var(--ss-border) transparent;gap:1.1rem;padding-bottom:.75rem;display:flex;overflow-x:auto}.category-scroll::-webkit-scrollbar{height:4px}.category-scroll::-webkit-scrollbar-thumb{background:var(--ss-border);border-radius:4px}.category-scroll .blog-card-wrap{flex:0 0 280px;max-width:280px}.section-title-bar{align-items:center;gap:.75rem;margin-bottom:1.75rem;display:flex}.section-title-bar h2{font-family:var(--ss-heading-font);color:var(--ss-dark);margin:0;font-size:1.5rem;font-weight:800}.section-title-bar:after{content:"";background:var(--ss-border);border-radius:2px;flex:1;height:2px}.blog-listing__header{background:linear-gradient(135deg, var(--ss-dark) 0%, #1a1f36 100%);text-align:center;color:#fff;padding:calc(3rem + 90px) 0 3rem}.blog-listing__role-tag{background:var(--ss-primary);color:#fff;font-family:var(--ss-heading-font);letter-spacing:.12em;text-transform:uppercase;border-radius:20px;margin-bottom:.75rem;padding:5px 14px;font-size:.7rem;font-weight:700;display:inline-block}.blog-listing__title{font-family:var(--ss-heading-font);color:#fff;margin:0;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800}.blog-card-h{color:inherit;background:#fff;border-radius:14px;gap:0;margin-bottom:1.35rem;text-decoration:none;transition:box-shadow .22s,transform .22s;display:flex;overflow:hidden;box-shadow:0 2px 10px #0f172a12}.blog-card-h:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0f172a21}.blog-card-h__img{flex:0 0 200px;min-height:160px;position:relative;overflow:hidden}.blog-card-h__img img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card-h:hover .blog-card-h__img img{transform:scale(1.06)}.blog-card-h__body{flex-direction:column;flex:1;justify-content:center;padding:1.25rem 1.4rem;display:flex}.blog-card-h__title{font-family:var(--ss-heading-font);color:var(--ss-dark);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:.4rem 0 .6rem;font-size:1.05rem;font-weight:700;display:-webkit-box;overflow:hidden}.blog-card-h__excerpt{color:var(--ss-text-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.86rem;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-card-h__read-more{font-family:var(--ss-heading-font);color:var(--ss-primary);text-transform:uppercase;letter-spacing:.04em;border:1.5px solid var(--ss-primary);border-radius:8px;align-items:center;gap:4px;width:fit-content;margin-top:1rem;padding:5px 14px;font-size:.8rem;font-weight:700;transition:background .2s,color .2s;display:inline-flex}.blog-card-h:hover .blog-card-h__read-more{background:var(--ss-primary);color:#fff}.blog-pagination{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.blog-pagination__btn{border:1.5px solid var(--ss-border);width:38px;height:38px;color:var(--ss-text);font-family:var(--ss-heading-font);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;transition:all .18s;display:flex}.blog-pagination__btn:hover,.blog-pagination__btn.active{background:var(--ss-primary);border-color:var(--ss-primary);color:#fff}.blog-sidebar{position:sticky;top:90px}.sidebar-widget{background:#fff;border-radius:14px;margin-bottom:1.5rem;padding:1.4rem;box-shadow:0 2px 12px #0f172a12}.sidebar-widget__title{font-family:var(--ss-heading-font);color:var(--ss-dark);border-bottom:2px solid var(--ss-border);align-items:center;gap:.4rem;margin-bottom:1rem;padding-bottom:.6rem;font-size:.95rem;font-weight:800;display:flex}.sidebar-widget__title:before{content:"";background:var(--ss-primary);border-radius:3px;width:3px;height:16px;display:inline-block}.related-item{border-bottom:1px solid var(--ss-border);color:inherit;align-items:flex-start;gap:.75rem;padding:.75rem 0;text-decoration:none;transition:opacity .2s;display:flex}.related-item:last-child{border-bottom:none}.related-item:hover{opacity:.8}.related-item__img{background:#e2e8f0;border-radius:8px;flex:0 0 64px;height:48px;overflow:hidden}.related-item__img img{object-fit:cover;width:100%;height:100%}.related-item__title{font-family:var(--ss-heading-font);color:var(--ss-dark);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.related-item__date{color:var(--ss-text-muted);margin-top:2px;font-size:.72rem}.blog-breadcrumb{color:var(--ss-text-muted);padding:.75rem 0;font-size:.82rem}.blog-breadcrumb a{color:var(--ss-primary);text-decoration:none}.blog-breadcrumb a:hover{text-decoration:underline}.blog-breadcrumb .sep{margin:0 6px}.blog-detail__banner{background:var(--ss-dark);width:100%;height:clamp(260px,45vw,500px);margin-top:80px;position:relative;overflow:hidden}.blog-detail__banner img{object-fit:cover;opacity:.88;width:100%;height:100%}.blog-detail__meta-bar{border-bottom:1px solid var(--ss-border);flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.75rem;padding:1.25rem 0;display:flex}.blog-detail__meta-item{color:var(--ss-text-muted);align-items:center;gap:.4rem;font-size:.83rem;display:flex}.blog-detail__meta-item i{color:var(--ss-primary)}.blog-detail__title{font-family:var(--ss-heading-font);color:var(--ss-dark);margin-bottom:1.25rem;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;line-height:1.3}.blog-detail__content{color:var(--ss-text);font-size:1rem;line-height:1.85}.blog-detail__content h1,.blog-detail__content h2,.blog-detail__content h3{font-family:var(--ss-heading-font);color:var(--ss-dark);margin-top:2rem;margin-bottom:.75rem}.blog-detail__content p{margin-bottom:1.25rem}.blog-detail__content img{border-radius:12px;max-width:100%;margin:1.5rem 0}.blog-detail__content ul,.blog-detail__content ol{margin-bottom:1.25rem;padding-left:1.5rem}.blog-detail__content a{color:var(--ss-primary);text-decoration:underline}.blog-tags{flex-wrap:wrap;gap:.5rem;padding:1.5rem 0;display:flex}.blog-tag{font-family:var(--ss-heading-font);color:var(--ss-primary);border:1.5px solid var(--ss-primary);border-radius:20px;padding:4px 14px;font-size:.78rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s}.blog-tag:hover{background:var(--ss-primary);color:#fff}.author-box{background:linear-gradient(135deg,#fff5ee 0%,#fff 100%);border:1.5px solid #f973162e;border-radius:16px;align-items:flex-start;gap:1.25rem;margin:2.5rem 0;padding:1.75rem;display:flex}.author-box__avatar{border:3px solid var(--ss-primary);background:#e2e8f0;border-radius:50%;flex:0 0 72px;height:72px;overflow:hidden}.author-box__avatar img{object-fit:cover;width:100%;height:100%}.author-box__name{font-family:var(--ss-heading-font);color:var(--ss-dark);margin-bottom:.15rem;font-size:1.05rem;font-weight:800}.author-box__role{color:var(--ss-primary);font-size:.78rem;font-weight:600;font-family:var(--ss-heading-font);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}.author-box__bio{color:var(--ss-text-muted);margin:0;font-size:.88rem;line-height:1.65}.blog-share{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.share-btn{cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--ss-heading-font);border:none;border-radius:10px;align-items:center;gap:6px;padding:7px 16px;transition:opacity .2s;display:inline-flex}.share-btn:hover{opacity:.85}.share-btn.tw{color:#fff;background:#1da1f2}.share-btn.fb{color:#fff;background:#1877f2}.share-btn.wa{color:#fff;background:#25d366}.share-btn.li{color:#fff;background:#0a66c2}.share-btn.cp{background:var(--ss-border);color:var(--ss-dark)}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/800px 100%;border-radius:8px;animation:1.4s linear infinite skeleton-shimmer}.skeleton-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0f172a12}.skeleton-img{aspect-ratio:16/9;width:100%}.skeleton-body{padding:1.1rem 1.2rem}.skeleton-line{height:12px;margin-bottom:.6rem}.skeleton-line.w-60{width:60%}.skeleton-line.w-80{width:80%}.skeleton-line.w-40{width:40%}.blog-empty{text-align:center;color:var(--ss-text-muted);padding:4rem 1rem}.blog-empty__icon{color:var(--ss-border);margin-bottom:1rem;font-size:3rem}.blog-empty__title{font-family:var(--ss-heading-font);color:var(--ss-dark);margin-bottom:.4rem;font-size:1.2rem;font-weight:700}@media (max-width:768px){.blog-card-h{flex-direction:column}.blog-card-h__img{flex:none;width:100%;height:200px}.featured-card{height:260px}.featured-card.featured-card--sm{height:180px}.blog-sidebar{position:static}.author-box{flex-direction:column}}