
/* SHIPSAK V9.8.9 SEO Content Hub */
.blog-seo-toolbar{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin:26px 0}.blog-search{height:50px;border:1px solid var(--line);border-radius:15px;padding:0 16px;background:var(--surface);color:var(--ink);font-weight:700}.blog-category-nav{display:flex;gap:8px;flex-wrap:wrap}.blog-category-nav a,.blog-category-nav button{padding:9px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:12px;font-weight:850;cursor:pointer}.blog-category-nav .active{background:var(--ink);color:var(--surface)}
.blog-featured{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin:28px 0 44px}.blog-featured-main,.blog-featured-side{border:1px solid var(--line);border-radius:26px;background:var(--surface);overflow:hidden}.blog-featured-main{padding:34px;min-height:340px;background:linear-gradient(135deg,#071426,#0b2c4d);color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.blog-featured-main p{color:#c9d6e1;max-width:700px;line-height:1.7}.blog-featured-main h2{font-size:clamp(32px,4vw,52px);margin:12px 0}.blog-featured-side{padding:24px;display:grid;gap:12px}.featured-link{display:block;padding:16px;border-radius:17px;background:var(--surface2);border:1px solid var(--line)}.featured-link small{color:var(--muted);font-weight:800}.featured-link strong{display:block;margin-top:6px;line-height:1.35}
.blog-card[data-hidden="true"]{display:none}.blog-card .blog-tagline{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.blog-card .blog-tagline span{font-size:9px;font-weight:850;color:var(--muted);background:var(--surface2);padding:5px 7px;border-radius:8px}.blog-card:hover{transform:translateY(-4px);transition:.2s;box-shadow:var(--shadow)}
.blog-breadcrumb{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:18px}.blog-breadcrumb a{color:var(--blue);font-weight:800}.blog-article .blog-section-anchor{scroll-margin-top:100px}.blog-related{margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}.blog-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.blog-related a{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface2);font-size:13px;font-weight:850;line-height:1.45}.blog-faq{margin-top:34px}.blog-faq details{border:1px solid var(--line);border-radius:15px;padding:16px 18px;background:var(--surface);margin:10px 0}.blog-faq summary{font-weight:900;cursor:pointer}.blog-faq p{margin-bottom:0!important}.seo-updated{font-size:11px;color:var(--muted);margin-top:8px}.category-hero{padding-bottom:45px}.category-count{display:inline-flex;margin-top:12px;padding:7px 10px;border-radius:999px;background:rgba(200,239,53,.14);border:1px solid rgba(200,239,53,.3);color:var(--lime);font-size:11px;font-weight:900}.category-intro{max-width:820px;line-height:1.8;color:var(--muted)}
@media(max-width:900px){.blog-seo-toolbar,.blog-featured{grid-template-columns:1fr}.blog-related-grid{grid-template-columns:1fr}}


/* Blog visuals enhancement */
.blog-card .blog-cover{position:relative;height:220px;overflow:hidden;border-bottom:1px solid var(--line);background:#071426}
.blog-card .blog-cover img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.01)}
.blog-card .blog-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,9,18,.05) 0%,rgba(3,9,18,.18) 50%,rgba(3,9,18,.46) 100%);pointer-events:none}
.blog-featured-main.with-image{position:relative;display:block;color:#fff;text-decoration:none;padding:0;min-height:360px;background:#071426}
.blog-featured-main.with-image .blog-featured-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.blog-featured-main.with-image::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(7,20,38,.84),rgba(8,27,52,.55) 45%,rgba(7,20,38,.92));z-index:1}
.blog-featured-main.with-image .blog-featured-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;min-height:360px;padding:34px}
.blog-post-hero{margin:20px 0 24px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--surface2);box-shadow:var(--shadow)}
.blog-post-hero img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.blog-post-hero figcaption{padding:12px 16px;font-size:12px;color:var(--muted);background:var(--surface)}
.category-hero.has-image{position:relative;overflow:hidden;isolation:isolate}
.category-hero.has-image .category-hero-media{position:absolute;inset:0;z-index:0}
.category-hero.has-image .category-hero-media img{width:100%;height:100%;object-fit:cover;display:block;opacity:.26;filter:saturate(1.05)}
.category-hero.has-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,14,24,.52),rgba(6,14,24,.74));z-index:1}
.category-hero.has-image .container{position:relative;z-index:2}
