.site-header{position:sticky;top:0;background:rgba(8,120,155,.95);backdrop-filter:saturate(140%) blur(16px);box-shadow:0 1px 0 rgba(255,255,255,.06),0 10px 30px -16px rgba(0,0,0,.35);}
.blog-hero{background:linear-gradient(180deg,#F4F5FB,#fff);padding:150px 0 40px;text-align:center;}
.blog-hero .kicker{display:block;}
.blog-hero .section-title{margin-bottom:8px;}
.blog-list{padding:20px 0 110px;}
.blog-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:44px;}
.blog-filter{font-family:inherit;font-size:13.5px;font-weight:700;color:var(--slate);background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:9px 20px;cursor:pointer;transition:.2s;}
.blog-filter:hover{border-color:var(--indigo);color:var(--indigo);}
.blog-filter.is-active{background:var(--grad-indigo);border-color:transparent;color:#fff;}
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.blog-card{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;box-shadow:var(--shadow-sm);transition:transform .25s var(--ease),box-shadow .25s var(--ease);}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.blog-card[hidden]{display:none;}
.blog-card-tag{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.06em;padding:5px 12px;border-radius:999px;margin-bottom:14px;color:#fff;}
.tag-ai{background:linear-gradient(120deg,#4F46E5,#6D28D9);}
.tag-parent{background:linear-gradient(120deg,#EC4899,#F472B6);}
.tag-roblox{background:linear-gradient(120deg,#7C3AED,#06B6D4);}
.tag-news{background:linear-gradient(120deg,#0EA5E9,#0891B2);}
.tag-usage{background:linear-gradient(120deg,#0891B2,#14B8A6);}
.blog-card h3{font-size:18px;color:var(--ink);line-height:1.55;margin-bottom:10px;}
.blog-card p{font-size:13.5px;color:var(--slate);line-height:1.8;margin-bottom:16px;}
.blog-card-date{font-size:12px;color:var(--slate-2);font-weight:600;}
.blog-post{padding:150px 0 110px;}
.blog-back{display:inline-block;font-size:13.5px;font-weight:700;color:var(--indigo);margin-bottom:24px;}
.blog-post-title{font-size:clamp(24px,3.6vw,36px);color:var(--ink);line-height:1.5;margin:16px 0 12px;font-weight:900;}
.blog-post-meta{font-size:13px;color:var(--slate-2);font-weight:600;margin-bottom:36px;}
.blog-post-body{color:var(--ink-2);font-size:15.5px;line-height:2;display:flex;flex-direction:column;gap:20px;}
.blog-post-body h2{font-size:21px;color:var(--ink);margin-top:8px;}
.blog-post-body ul{list-style:disc;padding-left:22px;display:flex;flex-direction:column;gap:8px;}
@media (max-width:700px){
  .blog-grid{grid-template-columns:1fr;}
  .blog-hero{padding:130px 0 32px;}
}