.bl-page{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:2rem 1.5rem 4rem}.bl-page-title{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--text);margin-bottom:.25rem}.bl-page-subtitle{color:var(--text-2);font-size:1rem;margin-bottom:2rem}.bl-hero{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);border:1px solid var(--border);margin-bottom:2.5rem;display:block;transition:border-color .2s}.bl-hero:hover{border-color:var(--border-hover)}.bl-hero-inner{display:flex;gap:2rem;padding:2rem;align-items:center}.bl-hero-image{flex-shrink:0;width:340px;height:220px;border-radius:var(--radius);overflow:hidden}.bl-hero-gradient{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:rgba(255,255,255,.7)}.bl-hero-body{flex:1 1;min-width:0}.bl-hero-badge{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--green-dim);padding:.2rem .6rem;border-radius:4px;margin-bottom:.75rem}.bl-hero-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:.5rem;line-height:1.3}.bl-hero-excerpt{color:var(--text-2);font-size:.95rem;line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bl-hero-meta{display:flex;align-items:center;gap:1rem;font-size:.8rem;color:var(--text-3)}.bl-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.bl-filter-tab{padding:.4rem 1rem;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text-2);font-size:.85rem;font-family:var(--font-body);cursor:pointer;transition:all .2s;white-space:nowrap}.bl-filter-tab:hover{border-color:var(--border-hover);color:var(--text)}.bl-filter-tab.active{background:var(--green-dim);border-color:var(--accent);color:var(--accent)}.bl-filter-count{font-size:.75rem;opacity:.6;margin-left:.25rem}.bl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2.5rem}.bl-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s,transform .2s;display:flex;flex-direction:column}.bl-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.bl-card-image{width:100%;height:180px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1rem;font-weight:600;color:rgba(255,255,255,.5)}.bl-card-body{padding:1.25rem;flex:1 1;display:flex;flex-direction:column}.bl-card-badge{display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--green-dim);padding:.15rem .5rem;border-radius:4px;margin-bottom:.6rem;align-self:flex-start}.bl-card-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin-bottom:.5rem;line-height:1.35;-webkit-line-clamp:2}.bl-card-title,.bl-card-tldr{color:var(--text);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.bl-card-tldr{font-size:.9rem;line-height:1.6;margin-bottom:1rem;flex:1 1;-webkit-line-clamp:4;border-left:2px solid var(--accent);padding-left:.75rem}.bl-card-footer{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--text-3);margin-bottom:.6rem}.bl-read-more{color:var(--accent);font-weight:600;white-space:nowrap}.bl-card:hover .bl-read-more{text-decoration:underline}.bl-card-tags{display:flex;gap:.35rem;flex-wrap:wrap}.bl-card-tag{font-size:.7rem;color:var(--text-3);background:var(--bg-elevated);padding:.1rem .4rem;border-radius:3px}.bl-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem}.bl-page-btn{padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-2);font-size:.85rem;font-family:var(--font-body);cursor:pointer;transition:all .2s}.bl-page-btn:hover:not(:disabled){border-color:var(--border-hover);color:var(--text)}.bl-page-btn:disabled{opacity:.3;cursor:default}.bl-page-btn.active{background:var(--green-dim);border-color:var(--accent);color:var(--accent)}.bl-page-info{font-size:.8rem;color:var(--text-3);margin:0 .5rem}.bl-empty{text-align:center;padding:4rem 2rem;color:var(--text-3)}.bl-empty h3{font-family:var(--font-display);font-size:1.25rem;color:var(--text-2);margin-bottom:.5rem}.bl-post{position:relative;z-index:1;max-width:740px;margin:0 auto;padding:2rem 1.5rem 4rem}.bl-breadcrumbs{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-3);margin-bottom:2rem;flex-wrap:wrap}.bl-breadcrumbs a{color:var(--text-2);transition:color .2s}.bl-breadcrumbs a:hover{color:var(--accent)}.bl-breadcrumbs .sep{color:var(--text-3);opacity:.5}.bl-post-header{margin-bottom:2.5rem}.bl-post-badge{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--green-dim);padding:.2rem .6rem;border-radius:4px;margin-bottom:1rem}.bl-post-title{font-family:var(--font-display);font-size:2.25rem;font-weight:700;color:var(--text);line-height:1.2;margin-bottom:.5rem}.bl-post-subtitle{font-size:1.15rem;color:var(--text-2);margin-bottom:1.25rem;line-height:1.5}.bl-post-meta{display:flex;align-items:center;gap:1rem;font-size:.85rem;color:var(--text-3);flex-wrap:wrap}.bl-post-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:1rem}.bl-post-tag{font-size:.75rem;color:var(--text-2);background:var(--bg-elevated);padding:.2rem .6rem;border-radius:4px;transition:color .2s}.bl-post-tag:hover{color:var(--accent)}.bl-content{line-height:1.8;color:var(--text);font-size:1.05rem}.bl-content h2{font-size:1.5rem;font-weight:700;margin:2.5rem 0 1rem}.bl-content h2,.bl-content h3{font-family:var(--font-display);color:var(--text)}.bl-content h3{font-size:1.2rem;font-weight:600;margin:2rem 0 .75rem}.bl-content p{margin-bottom:1.25rem}.bl-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.bl-content a:hover{opacity:.8}.bl-content img{max-width:100%;border-radius:var(--radius);margin:1.5rem 0}.bl-content blockquote{border-left:3px solid var(--accent);margin:1.5rem 0;padding:.75rem 1.25rem;background:var(--green-dim);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-2)}.bl-content code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-elevated);padding:.15rem .4rem;border-radius:4px}.bl-content pre{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem 1.25rem;overflow-x:auto;margin:1.5rem 0}.bl-content pre code{background:none;padding:0}.bl-content ol,.bl-content ul{margin-bottom:1.25rem;padding-left:1.5rem}.bl-content li{margin-bottom:.4rem}.bl-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}.bl-content td,.bl-content th{padding:.6rem 1rem;border:1px solid var(--border);text-align:left}.bl-content th{background:var(--bg-card);font-weight:600}.bl-share{display:flex;align-items:center;gap:.75rem;padding:1.5rem 0;margin:2.5rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.bl-share-label{font-size:.85rem;color:var(--text-3);margin-right:.25rem}.bl-share-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-2);font-size:.8rem;font-family:var(--font-body);cursor:pointer;transition:all .2s}.bl-share-btn:hover{border-color:var(--border-hover);color:var(--text)}.bl-related{margin-top:3rem}.bl-related-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:1.25rem}.bl-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:1rem;gap:1rem}.bl-cover-img{width:100%;height:100%;object-fit:cover;display:block}.bl-post-cover{width:100%;max-height:400px;border-radius:var(--radius);overflow:hidden;margin-bottom:2rem}.bl-post-cover .bl-cover-img{height:auto;max-height:400px}.bl-grad-pokemon{background:linear-gradient(135deg,#ff6b35,#ffc107)}.bl-grad-magic{background:linear-gradient(135deg,#6366f1,#a855f7)}.bl-grad-yugioh{background:linear-gradient(135deg,#e11d48,#f97316)}.bl-grad-onepiece{background:linear-gradient(135deg,#0ea5e9,#06b6d4)}.bl-grad-lorcana{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.bl-grad-general{background:linear-gradient(135deg,#00d2be,#6366f1)}@media (max-width:768px){.bl-page{padding:1.5rem 1rem 3rem}.bl-hero-inner{flex-direction:column;gap:1rem;padding:1.25rem}.bl-hero-image{width:100%;height:160px}.bl-hero-title{font-size:1.25rem}.bl-grid{grid-template-columns:1fr}.bl-post{padding:1.5rem 1rem 3rem}.bl-post-title{font-size:1.75rem}.bl-content{font-size:1rem}.bl-related-grid{grid-template-columns:1fr}}@media (max-width:480px){.bl-page-title{font-size:1.5rem}.bl-filters{gap:.35rem}.bl-filter-tab{font-size:.78rem;padding:.3rem .75rem}.bl-card-image{height:140px}.bl-post-title{font-size:1.5rem}.bl-share{flex-wrap:wrap}}