/* Blog Page Styles - Synced from aleeshailyas.com/jeshuuupdf/blog.html */

*{box-sizing:border-box}
body{font-family:'Plus Jakarta Sans',sans-serif;background:#F5F4F0;min-height:100vh}
.dark body{background:#0b0b0b}
.fdisplay{font-family:'Fraunces',serif}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.fu{animation:fadeUp .5s ease both}
.d1{animation-delay:.05s}.d2{animation-delay:.1s}.d3{animation-delay:.15s}
.card-hover{transition:all .25s cubic-bezier(.34,1.56,.64,1)}
.card-hover:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(147,51,234,.15)}
.tag-pill{display:inline-block;background:#f3e8ff;color:#7e22ce;font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:100px;letter-spacing:.04em}
.dark .tag-pill{background:rgba(147,51,234,.2);color:#c084fc}
.featured-img{width:100%;height:220px;object-fit:cover;border-radius:16px 16px 0 0}
.featured-img-placeholder{width:100%;height:220px;border-radius:16px 16px 0 0;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,#f3e8ff,#e9d5ff)}
.dark .featured-img-placeholder{background:linear-gradient(135deg,#1e1a2e,#2d1b4e)}
.prose-content img{max-width:100%;border-radius:12px;margin:16px 0}
/* Search */
.search-wrap{position:relative}
.search-wrap input{width:100%;background:#fff;border:2px solid transparent;border-radius:14px;padding:13px 16px 13px 46px;font-family:inherit;font-size:.92rem;outline:none;transition:border-color .2s;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.dark .search-wrap input{background:#1a1a1a;color:#f0f0f0;border-color:rgba(255,255,255,.08)}
.search-wrap input:focus{border-color:#9333ea}
.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}
/* Pagination */
.page-btn{width:36px;height:36px;border-radius:10px;border:1.5px solid #e5e7eb;background:#fff;cursor:pointer;font-weight:700;font-size:.84rem;transition:all .2s;color:#374151;display:flex;align-items:center;justify-content:center}
.dark .page-btn{background:#1a1a1a;border-color:rgba(255,255,255,.1);color:#e5e7eb}
.page-btn.active,.page-btn:hover{background:#9333ea;border-color:#9333ea;color:#fff}
/* Empty state */
.empty-state{text-align:center;padding:60px 20px}