:root{--bc-apex:#3B82F6;--bc-architecture:#8B5CF6;--bc-integration:#10B981;--bc-flows:#F59E0B;--bc-lwc:#EC4899;--bc-devops:#6366F1;--bc-admin:#14B8A6;--bc-tips:#F97316;--bc-announcement:#6366F1;--bc-diff-beginner:#059669;--bc-diff-beginner-bg:#ECFDF5;--bc-diff-intermediate:#D97706;--bc-diff-intermediate-bg:#FFFBEB;--bc-diff-advanced:#DC2626;--bc-diff-advanced-bg:#FEF2F2;--bc-code-bg:#1E1E2E}[data-theme=dark]{--bc-diff-beginner-bg:#064E3B;--bc-diff-intermediate-bg:#78350F;--bc-diff-advanced-bg:#7F1D1D}[data-theme=reader]{--bc-diff-beginner-bg:#e8f5e9;--bc-diff-intermediate-bg:#fff8e1;--bc-diff-advanced-bg:#fce4ec}.bc-cat-apex{background:#3b82f61f;color:var(--bc-apex)}.bc-cat-architecture{background:#8b5cf61f;color:var(--bc-architecture)}.bc-cat-integration{background:#10b9811f;color:var(--bc-integration)}.bc-cat-flows{background:#f59e0b1f;color:var(--bc-flows)}.bc-cat-lwc{background:#ec48991f;color:var(--bc-lwc)}.bc-cat-devops{background:#6366f11f;color:var(--bc-devops)}.bc-cat-admin{background:#14b8a61f;color:var(--bc-admin)}.bc-cat-tips{background:#f973161f;color:var(--bc-tips)}.bc-cat-announcement{background:#6366f11f;color:var(--bc-announcement)}.bc-bar-apex:before{background:var(--bc-apex)!important}.bc-bar-architecture:before{background:var(--bc-architecture)!important}.bc-bar-integration:before{background:var(--bc-integration)!important}.bc-bar-flows:before{background:var(--bc-flows)!important}.bc-bar-lwc:before{background:var(--bc-lwc)!important}.bc-bar-devops:before{background:var(--bc-devops)!important}.bc-bar-admin:before{background:var(--bc-admin)!important}.bc-bar-tips:before{background:var(--bc-tips)!important}.bc-bar-announcement:before{background:var(--bc-announcement)!important}.bc-cat-badge{padding:3px 10px;border-radius:999px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.bc-diff-badge{padding:2px 8px;border-radius:999px;font-size:.65rem;font-weight:600;margin-left:auto;white-space:nowrap}.bc-diff-beginner{background:var(--bc-diff-beginner-bg);color:var(--bc-diff-beginner)}.bc-diff-intermediate{background:var(--bc-diff-intermediate-bg);color:var(--bc-diff-intermediate)}.bc-diff-advanced{background:var(--bc-diff-advanced-bg);color:var(--bc-diff-advanced)}.bc-read-time{font-size:.72rem;color:var(--text-dim);display:flex;align-items:center;gap:3px}.bc-card-header{display:flex;align-items:center;gap:6px;margin-bottom:10px;flex-wrap:wrap}.bc-card-title{font-size:1rem;font-weight:600;line-height:1.35;margin-bottom:8px;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bc-card-takeaways{margin-bottom:12px;flex:1}.bc-takeaway-label{font-size:.68rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.bc-card-takeaway{font-size:.78rem;color:var(--text-muted);line-height:1.45;padding:2px 0;display:flex;gap:6px}.bc-card-takeaway:before{content:"›";color:var(--text-dim);flex-shrink:0;font-weight:700}.bc-card-excerpt{font-size:.85rem;color:var(--text-muted);line-height:1.55;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bc-code-preview{background:var(--bc-code-bg);border-radius:6px;padding:10px 12px;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:.7rem;line-height:1.55;color:#cdd6f4;overflow:hidden;position:relative;max-height:80px}.bc-code-preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:24px;background:linear-gradient(to top,var(--bc-code-bg),transparent)}.bc-code-preview .bc-code-lang{position:absolute;top:6px;right:8px;font-size:.6rem;color:#585b70;font-weight:500;text-transform:uppercase}.bc-code-preview .kw{color:#cba6f7}.bc-code-preview .str{color:#a6e3a1}.bc-code-preview .fn{color:#89b4fa}.bc-code-preview .cm{color:#585b70}.bc-code-preview .num{color:#fab387}.bc-code-preview .type{color:#f9e2af}.bc-card-footer{display:flex;align-items:center;gap:8px;padding:.65rem .85rem;border-top:1px solid var(--border);margin-top:auto}.bc-author-avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--bc-apex),var(--bc-architecture));display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;color:#fff}.bc-author-name{font-size:.75rem;font-weight:500;color:var(--text)}.bc-card-date{font-size:.72rem;color:var(--text-dim);margin-left:auto}.bc-hero-cover{aspect-ratio:auto;min-height:280px}.bc-side-card{flex:1;border-radius:14px;padding:0;background:var(--card);border:1px solid var(--border);cursor:pointer;display:flex;flex-direction:column;transition:all .28s cubic-bezier(.16,1,.3,1);overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 2px 8px var(--shadow)}.bc-side-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px var(--shadow-md)}.bc-side-card .bc-og-cover{aspect-ratio:1200/630}.bc-side-card:hover .bc-og-cover{background-size:105%}.bc-article-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:0;cursor:pointer;position:relative;overflow:hidden;transition:all .28s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit;box-shadow:0 2px 8px var(--shadow)}.bc-article-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px var(--shadow-md)}.bc-og-cover{aspect-ratio:1200/630;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-size .4s}.bc-article-card:hover .bc-og-cover{background-size:105%}.bc-card-body{padding:.65rem .85rem}.bc-card-read{margin-left:auto;font-size:.78rem;font-weight:600;color:var(--accent);transition:letter-spacing .2s}.bc-article-card:hover .bc-card-read{letter-spacing:.04em}.bc-spotlight{display:grid;grid-template-columns:2fr 3fr;gap:0;background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .28s cubic-bezier(.16,1,.3,1);text-decoration:none;color:inherit}.bc-spotlight:hover{transform:translateY(-3px);box-shadow:0 12px 32px var(--shadow-md)}.bc-spotlight-visual{position:relative;min-height:260px;background:linear-gradient(135deg,#1e3a5f,#2d1b69);display:flex;align-items:center;justify-content:center;overflow:hidden}.bc-spotlight-visual img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.bc-spotlight:hover .bc-spotlight-visual img{transform:scale(1.04)}.bc-spot-pattern{position:absolute;inset:0;opacity:.1;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.03) 10px,rgba(255,255,255,.03) 20px)}.bc-spot-icon{font-size:3rem;opacity:.3;color:#fff;font-family:"DM Serif Display",Georgia,serif;font-style:italic}.bc-spotlight-body{padding:2rem;display:flex;flex-direction:column;justify-content:center;position:relative}.bc-spotlight-body:before{content:"";position:absolute;left:0;top:10%;bottom:10%;width:3px;border-radius:2px}.bc-spotlight-body .bc-card-header{margin-bottom:8px}.bc-spot-title{font-size:1.2rem;-webkit-line-clamp:3}.bc-spotlight-excerpt{font-size:.88rem;color:var(--text-muted);line-height:1.55;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:1024px){.bc-spotlight{grid-template-columns:1fr}.bc-spotlight-visual{min-height:180px}}@media (max-width:768px){.bc-hero-cover{min-height:200px}.bc-spotlight{grid-template-columns:1fr}.bc-spotlight-visual{min-height:140px}.bc-code-preview{display:none}}