.blog-header { background: linear-gradient(135deg, #1e3a8a 0%, #050b1a 100%); }
    .blog-view-btn{width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;font-size:.875rem;transition:all .2s;cursor:pointer}
    .blog-view-btn.active{background:#2563eb;color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.3)}
    .blog-view-btn:not(.active){color:#9ca3af;background:transparent}
    .blog-view-btn:not(.active):hover{background:rgba(255,255,255,.9);color:#2563eb}
    .blog-loader{position:absolute;inset:0;background:rgba(255,255,255,.8);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;border-radius:1rem;z-index:10;transition:opacity .3s}
    .blog-loader.hidden{opacity:0;pointer-events:none}
    .blog-spinner{width:2.5rem;height:2.5rem;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:blog-spin .6s linear infinite}
    @keyframes blog-spin{to{transform:rotate(360deg)}}
    .ajax-pagination nav{display:flex;justify-content:center}
    .ajax-pagination nav .flex{gap:.5rem;align-items:center}
    .ajax-pagination nav a,.ajax-pagination nav span{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;height:2.75rem;border-radius:.75rem;font-weight:800;font-size:.85rem;transition:all .3s}
    .ajax-pagination nav span.bg-blue-600{background:#2563eb;color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.3)}
    .ajax-pagination nav a{background:#fff;border:1.5px solid #e5e7eb;color:#6b7280}
    .ajax-pagination nav a:hover{border-color:#2563eb;color:#2563eb;box-shadow:0 4px 12px rgba(37,99,235,.1)}