.bbc{--bbc-bg:#fff;--bbc-muted:#6b7280;--bbc-border:#e5e7eb;--bbc-soft:#f9fafb;--bbc-text:#111827;}
.bbc{max-width:900px;margin:10px;padding:0 1rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";color:var(--bbc-text);}
.bbc__header{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;}
.bbc__title{font-size:1.25rem;line-height:1.2;}
.bbc__count{font-size:.9rem;color:var(--bbc-muted);}
.bbc__list{display:flex;flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;}
.bbc-item{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:20px;border:1px solid var(--bbc-border);background:var(--bbc-bg);border-radius:14px;box-shadow:0 1px 2px rgba(0,0,0,.03);}
.bbc-item__avatar img{border-radius:999px;display:block;}
.bbc-item__meta{display:flex;flex-wrap:wrap;gap:.4rem .8rem;align-items:center;margin-bottom:.35rem;}
.bbc-item__author{font-weight:600;}
.bbc-item__date{color:var(--bbc-muted);font-size:.9rem;}
.bbc-item__content{line-height:1.6;}
.bbc-item__content p{margin:.4rem 0;}
.bbc--empty,.bbc--notice{padding:1rem;border:1px dashed var(--bbc-border);background:var(--bbc-soft);border-radius:12px;color:var(--bbc-muted);}
.bbc__pagination{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.25rem;}
.bbc__page{padding:.5rem .75rem;border:1px solid var(--bbc-border);border-radius:10px;text-decoration:none;}
.bbc__page[aria-current="page"], .bbc__page:hover{background:var(--bbc-soft);}
@media (max-width:640px){
  .bbc-item{grid-template-columns:48px 1fr;}
}