/* Comparix Pro — Brand News (archive + single) */

/* Archive */
.cx-bn-archive{background:var(--cx-bg,#f8fafc);min-height:60vh}
.cx-bn-archive-wrap{max-width:960px;margin:0 auto;padding:24px 16px 60px;font-family:var(--cx-font,'Plus Jakarta Sans',system-ui,sans-serif)}
.cx-bn-archive-title{font-size:28px;font-weight:800;margin-bottom:4px;color:var(--cx-text,#0f172a)}
.cx-bn-archive-sub{font-size:14px;color:var(--cx-g500,#64748b);margin-bottom:20px}
.cx-bn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.cx-bn-card{display:block;background:var(--cx-card,#fff);border-radius:14px;overflow:hidden;border:1px solid var(--cx-border,#e2e8f0);text-decoration:none;color:var(--cx-text,#0f172a);transition:all .15s}
.cx-bn-card:hover{border-color:var(--cx-primary,#6366f1);box-shadow:0 4px 16px rgba(99,102,241,.08);transform:translateY(-2px)}
.cx-bn-card-img{width:100%;height:160px;object-fit:cover;display:block}
.cx-bn-card-placeholder{width:100%;height:160px;background:var(--cx-bg,#f1f5f9);display:flex;align-items:center;justify-content:center;font-size:40px;color:#cbd5e1}
.cx-bn-card-body{padding:14px}
.cx-bn-card-brand{display:flex;align-items:center;gap:5px;margin-bottom:6px}
.cx-bn-card-brand img{width:16px;height:16px;object-fit:contain;border-radius:3px}
.cx-bn-card-brand span{font-size:10px;font-weight:700;color:var(--cx-primary,#6366f1);text-transform:uppercase}
.cx-bn-card-title{font-size:15px;font-weight:700;line-height:1.3;margin-bottom:6px}
.cx-bn-card-excerpt{font-size:12px;color:var(--cx-g500,#64748b);line-height:1.5;margin-bottom:8px}
.cx-bn-card-meta{display:flex;gap:8px;font-size:12px;color:var(--cx-g500,#64748b)}
.cx-bn-pagination{margin-top:20px;text-align:center}
.cx-bn-empty{text-align:center;padding:40px;color:var(--cx-g400,#94a3b8)}
.cx-bn-empty-icon{font-size:48px;margin-bottom:8px}
.cx-bn-empty-text{font-size:16px}

/* Single */
.cx-bn{max-width:860px;margin:0 auto;padding:0 16px 60px;font-family:var(--cx-font,'Plus Jakarta Sans',system-ui,sans-serif)}
.cx-bn--has-sidebar{max-width:none}
.cx-bn--has-sidebar .cx-bn-wrap .cx-bn-main{max-width:none}
.cx-bn *{box-sizing:border-box}
.cx-bn-wrap{display:flex;gap:20px}
.cx-bn--sidebar-left .cx-bn-wrap{flex-direction:row-reverse}
.cx-bn-main{flex:1;min-width:0}
.cx-bn-sidebar{width:280px;flex-shrink:0}
.cx-bn-sidebar .cx-sw{background:var(--cx-card,#fff);border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:var(--cx-shadow-sm,0 1px 3px rgba(0,0,0,.04))}
.cx-bn-sidebar .cx-sw h4{font-size:13px;font-weight:800;margin-bottom:10px;color:var(--cx-text,#0f172a)}
.cx-bn-sidebar .cx-sw-item{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--cx-g100,#f1f5f9);text-decoration:none;color:var(--cx-g700,#334155);font-size:12px;font-weight:600}
.cx-bn-sidebar .cx-sw-item:last-child{border:none}
.cx-bn-sidebar .cx-sw-item img{width:36px;height:36px;object-fit:contain;border-radius:6px;background:var(--cx-bg,#f8fafc)}
.cx-bn-sidebar .cx-sw-item:hover{color:var(--cx-primary,#6366f1)}
.cx-bn-sticky{position:sticky;top:16px}
.cx-bn-hero{background:var(--cx-dark,#0c111d);color:#fff;padding:30px 0;margin-bottom:20px;width:100vw;margin-left:calc(-50vw + 50%)}
.cx-bn-hero-inner{max-width:860px;margin:0 auto;padding:0 16px}
.cx-bn--has-sidebar .cx-bn-hero-inner{max-width:1140px}
.cx-bn-brand{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:100px;margin-bottom:12px;text-decoration:none;color:rgba(255,255,255,.8);font-size:12px;font-weight:600;transition:.15s}
.cx-bn-brand:hover{background:rgba(255,255,255,.15);color:#fff}
.cx-bn-brand img{width:20px;height:20px;object-fit:contain;border-radius:3px}
.cx-bn-title{font-size:28px;font-weight:800;line-height:1.2;margin-bottom:8px}
.cx-bn-meta{display:flex;gap:12px;font-size:12px;color:rgba(255,255,255,.6);flex-wrap:wrap}
.cx-bn-featured{margin-bottom:14px}
.cx-bn-featured img{width:100%;border-radius:16px;object-fit:cover;max-height:400px;display:block}
.cx-bn-content{background:var(--cx-card,#fff);border-radius:16px;padding:24px;margin-bottom:14px;box-shadow:var(--cx-shadow-sm,0 1px 3px rgba(0,0,0,.04));font-size:15px;line-height:1.8;color:var(--cx-g700,#334155)}
.cx-bn-content p{margin-bottom:16px}
.cx-bn-content h2,.cx-bn-content h3{color:var(--cx-text,#0f172a);margin:24px 0 8px;font-weight:800}
.cx-bn-content img{border-radius:12px;max-width:100%}
.cx-bn-content a{color:var(--cx-primary,#6366f1)}
.cx-bn-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.cx-bn-tag{padding:4px 12px;border-radius:100px;font-size:11px;font-weight:600;background:var(--cx-bg,#f1f5f9);color:var(--cx-g500,#64748b);text-decoration:none;transition:.15s}
.cx-bn-tag:hover{background:var(--cx-border,#e2e8f0);color:var(--cx-g700,#334155)}
.cx-bn-share{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.cx-bn-share a{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:100px;font-size:11px;font-weight:600;text-decoration:none;border:1px solid var(--cx-border,#e2e8f0);color:var(--cx-g700,#334155);transition:.15s}
.cx-bn-share a:hover{border-color:var(--cx-primary,#6366f1);color:var(--cx-primary,#6366f1)}

/* More from brand */
.cx-bn-more{background:var(--cx-card,#fff);border-radius:16px;padding:20px;margin-bottom:14px;box-shadow:var(--cx-shadow-sm,0 1px 3px rgba(0,0,0,.04))}
.cx-bn-more h2{font-size:16px;font-weight:800;margin-bottom:12px}
.cx-bn-more-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.cx-bn-more-card{display:flex;gap:10px;padding:10px;border:1px solid var(--cx-border,#e2e8f0);border-radius:10px;text-decoration:none;color:var(--cx-text,#0f172a);transition:.15s}
.cx-bn-more-card:hover{border-color:var(--cx-primary,#6366f1)}
.cx-bn-more-card img{width:56px;height:42px;object-fit:cover;border-radius:6px;flex-shrink:0}
.cx-bn-more-title{font-size:12px;font-weight:700;line-height:1.3}
.cx-bn-more-date{font-size:10px;color:var(--cx-g400,#94a3b8);margin-top:2px}

/* Sidebar (shared with brand archive patterns) */
.cx-bn-sw-center{text-align:center;margin-bottom:8px}
.cx-bn-sw-logo{width:48px;height:48px;object-fit:contain;border-radius:10px;margin:0 auto 6px;display:block}
.cx-bn-sw-brand{margin:0;font-size:13px;font-weight:800}
.cx-bn-sw-meta{font-size:11px;color:var(--cx-g400,#94a3b8);margin:2px 0 0}
.cx-bn-sw-cta{display:block;text-align:center;padding:7px;background:var(--cx-primary,#6366f1);color:#fff;border-radius:8px;font-size:11px;font-weight:700;text-decoration:none;margin-bottom:6px}
.cx-bn-sw-cta:hover{color:#fff;opacity:.92}
.cx-bn-sw-link{display:block;text-align:center;padding:7px;border:1px solid var(--cx-border,#e2e8f0);border-radius:8px;font-size:11px;font-weight:600;text-decoration:none;color:var(--cx-g700,#334155)}
.cx-bn-sw-item-body{flex:1;min-width:0}
.cx-bn-sw-item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-bn-sw-item-meta{display:flex;gap:4px;align-items:center;margin-top:2px}
.cx-bn-score-badge{font-size:9px;font-weight:800;color:#fff;padding:1px 5px;border-radius:3px}
.cx-bn-score-badge--excellent{background:#10b981}
.cx-bn-score-badge--good{background:#3b82f6}
.cx-bn-score-badge--average{background:#f59e0b}
.cx-bn-sw-price{font-size:11px;color:var(--cx-primary,#6366f1);font-weight:700}
.cx-bn-brand-fallback{width:36px;height:36px;border-radius:6px;background:var(--cx-bg,#f1f5f9);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.cx-bn-brand-count{color:var(--cx-g400,#94a3b8);font-size:10px}
.cx-bn-news-link{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media(max-width:1023px){
.cx-bn-sidebar{display:none}
.cx-bn-wrap{flex-direction:column}
}
@media(max-width:640px){
.cx-bn-title{font-size:22px}
.cx-bn-content{padding:16px;font-size:14px}
.cx-bn-archive-title{font-size:22px}
}