.blog-surface{background-color:#fff;color:#1e293b;font-family:Inter,system-ui,-apple-system,sans-serif}.blog-complete-index{margin-top:2rem;padding:1.5rem;border:1px solid #dbe3ef;background:#f8fafc}.blog-complete-index h2{margin:0 0 1rem;color:#0f172a;font-size:clamp(1.1rem,2.3vw,1.5rem);font-weight:800}.blog-complete-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1rem}.blog-complete-index-grid a{color:#1d4ed8;font-size:.9rem;line-height:1.45;text-decoration:underline;text-underline-offset:2px}.blog-complete-index-grid a:hover{color:#1e40af}@media(min-width:768px){.blog-complete-index-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1100px){.blog-complete-index-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:520px){.blog-complete-index{padding:1rem}.blog-complete-index-grid{grid-template-columns:1fr}}.blog-hero-mesh{background:radial-gradient(circle at 80% 20%,#2563eb14,#38bdf80d 40%,#fff0 70%),radial-gradient(circle at 10% 80%,#2563eb0a,#fff0 50%),#f8fafc}.blog-article-hero-dark{background:radial-gradient(circle at 80% 30%,#2563eb40,#0f172a00 60%),linear-gradient(135deg,#091224,#0d1b38,#081122)}.blog-card-shadow{box-shadow:0 4px 20px -2px #0f172a0f,0 2px 6px -1px #0f172a08}.blog-card-hover{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.blog-card-hover:hover{transform:translateY(-3px);box-shadow:0 12px 30px -4px #0f172a1a,0 4px 12px -2px #0f172a0d;border-color:#93c5fd}.blog-cat-scroll::-webkit-scrollbar{height:4px}.blog-cat-scroll::-webkit-scrollbar-track{background:transparent}.blog-cat-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}.blog-article-content{font-size:15.5px;line-height:1.8;color:#334155}.blog-article-content h2{font-size:1.45rem;font-weight:900;color:#0f172a;margin-top:2rem;margin-bottom:.85rem;line-height:1.3}.blog-article-content h3{font-size:1.2rem;font-weight:800;color:#0f172a;margin-top:1.5rem;margin-bottom:.65rem}.blog-article-content p{margin-bottom:1.25rem}.blog-article-content ul,.blog-article-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.blog-article-content li{margin-bottom:.4rem}.blog-article-content strong{color:#0f172a;font-weight:700}