.pcbv2 {
  --pc-accent: #8b5cf6;
  --pc-accent-2: #a78bfa;
  --pc-bg: rgba(16, 12, 29, .82);
  --pc-card: rgba(255,255,255,.035);
  --pc-border: rgba(255,255,255,.10);
  --pc-text: #f7f5ff;
  --pc-muted: #b9b2cb;
  position: relative;
  width: 100%;
  padding: clamp(3.5rem, 7vw, 6rem) 1.25rem;
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(circle at 12% 10%, rgba(139,92,246,.11), transparent 34%),
    radial-gradient(circle at 88% 92%, rgba(109,40,217,.08), transparent 30%);
}
.pcbv2[hidden] { display:none !important; }
.pcbv2 * { box-sizing: border-box; }
.pcbv2__shell { width:min(1180px,100%); margin:0 auto; }
.pcbv2__eyebrow {
  display:inline-flex; align-items:center; gap:.55rem;
  margin-bottom:.85rem; color:var(--pc-accent-2); font-size:.75rem;
  font-weight:800; letter-spacing:.15em;
}
.pcbv2__eyebrow:before { content:""; width:24px; height:1px; background:currentColor; opacity:.75; }
.pcbv2__heading-row { display:flex; justify-content:space-between; align-items:flex-end; gap:2rem; margin-bottom:1.8rem; }
.pcbv2__heading-row h2 { margin:0 0 .55rem; color:var(--pc-text); font-size:clamp(1.85rem,3.2vw,3rem); line-height:1.06; letter-spacing:-.035em; }
.pcbv2__heading-row p { margin:0; max-width:720px; color:var(--pc-muted); font-size:1rem; line-height:1.65; }
.pcbv2__count { flex:0 0 auto; color:#d9d2ec; font-size:.88rem; padding:.55rem .8rem; border:1px solid var(--pc-border); border-radius:999px; background:rgba(255,255,255,.025); }
.pcbv2__controls {
  display:grid; grid-template-columns:minmax(260px,1fr) minmax(190px,230px) minmax(160px,190px);
  gap:.75rem; padding:1rem; border:1px solid var(--pc-border); border-radius:18px;
  background:rgba(8,6,16,.48); box-shadow:0 18px 50px rgba(0,0,0,.18);
}
.pcbv2__search-wrap { position:relative; display:block; }
.pcbv2__search-wrap svg { position:absolute; left:1rem; top:50%; transform:translateY(-50%); width:18px; height:18px; fill:none; stroke:#a7a0b9; stroke-width:1.8; stroke-linecap:round; }
.pcbv2__search-wrap input,
.pcbv2__select-wrap select {
  width:100%; min-height:48px; margin:0; border:1px solid rgba(255,255,255,.11); border-radius:12px;
  background:rgba(255,255,255,.045); color:var(--pc-text); outline:none; font:inherit; transition:.2s ease;
}
.pcbv2__search-wrap input { padding:.75rem 1rem .75rem 2.8rem; }
.pcbv2__search-wrap input::placeholder { color:#8f879f; }
.pcbv2__search-wrap input:focus,
.pcbv2__select-wrap select:focus { border-color:rgba(167,139,250,.68); box-shadow:0 0 0 3px rgba(139,92,246,.12); }
.pcbv2__select-wrap { position:relative; }
.pcbv2__select-wrap > span { position:absolute; z-index:2; left:.85rem; top:.38rem; color:#9d95af; font-size:.62rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; pointer-events:none; }
.pcbv2__select-wrap select { padding:1.15rem 2rem .3rem .82rem; appearance:auto; }
.pcbv2__select-wrap option { color:#18141f; background:#fff; }
.pcbv2__areas { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1rem; }
.pcbv2__area {
  appearance:none; border:1px solid var(--pc-border); border-radius:999px; background:rgba(255,255,255,.025);
  color:#c8c1d8; padding:.58rem .88rem; font:inherit; font-size:.82rem; cursor:pointer; transition:.18s ease;
}
.pcbv2__area:hover { border-color:rgba(167,139,250,.45); color:#fff; transform:translateY(-1px); }
.pcbv2__area.is-active { color:#fff; border-color:rgba(139,92,246,.75); background:linear-gradient(135deg,rgba(124,58,237,.34),rgba(139,92,246,.17)); box-shadow:inset 0 0 0 1px rgba(167,139,250,.08); }
.pcbv2__active-row { min-height:36px; display:flex; align-items:center; margin:.45rem 0 .65rem; }
.pcbv2__clear { border:0; background:transparent; color:#b7aec9; font:inherit; font-size:.8rem; padding:.35rem 0; cursor:pointer; }
.pcbv2__clear:hover { color:#fff; }
.pcbv2__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.pcbv2__card {
  min-width:0; display:flex; flex-direction:column; min-height:280px; padding:1.25rem;
  border:1px solid var(--pc-border); border-radius:17px; background:var(--pc-card);
  box-shadow:0 12px 30px rgba(0,0,0,.10); transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.pcbv2__card:hover { transform:translateY(-3px); border-color:rgba(139,92,246,.40); background:rgba(255,255,255,.052); }
.pcbv2__meta { display:flex; align-items:center; flex-wrap:wrap; gap:.4rem .55rem; margin-bottom:1rem; color:#9f97b0; font-size:.72rem; }
.pcbv2__badge { display:inline-flex; max-width:100%; color:#c8b9ff; background:rgba(139,92,246,.12); border:1px solid rgba(139,92,246,.19); border-radius:999px; padding:.27rem .5rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pcbv2__dot { opacity:.45; }
.pcbv2__card h3 { margin:0 0 .7rem; font-size:1.08rem; line-height:1.34; letter-spacing:-.015em; }
.pcbv2__card h3 a { color:var(--pc-text); text-decoration:none; }
.pcbv2__card h3 a:hover { color:#c4b5fd; }
.pcbv2__excerpt { margin:0 0 1.15rem; color:#aaa3b9; font-size:.88rem; line-height:1.58; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; }
.pcbv2__read { margin-top:auto; display:inline-flex; align-items:center; gap:.45rem; color:#bba7ff; text-decoration:none; font-size:.82rem; font-weight:700; }
.pcbv2__read span { transition:transform .18s ease; }
.pcbv2__read:hover span { transform:translateX(3px); }
.pcbv2__empty { text-align:center; padding:3.3rem 1rem 2.5rem; color:var(--pc-muted); }
.pcbv2__empty-icon { width:48px; height:48px; margin:0 auto 1rem; display:grid; place-items:center; border:1px solid var(--pc-border); border-radius:50%; color:#b9a5ff; font-size:1.5rem; }
.pcbv2__empty h3 { margin:.2rem 0 .5rem; color:var(--pc-text); font-size:1.15rem; }
.pcbv2__empty p { margin:0 0 1rem; }
.pcbv2__empty button { border:1px solid rgba(139,92,246,.5); border-radius:10px; background:rgba(139,92,246,.13); color:#e6defe; padding:.62rem .9rem; cursor:pointer; }
.pcbv2__more-wrap { display:flex; justify-content:center; margin-top:1.45rem; }
.pcbv2__more { border:1px solid rgba(139,92,246,.42); border-radius:11px; background:rgba(139,92,246,.11); color:#e8e1ff; padding:.75rem 1.1rem; font:inherit; font-size:.86rem; font-weight:700; cursor:pointer; transition:.18s ease; }
.pcbv2__more:hover { background:rgba(139,92,246,.19); transform:translateY(-1px); }
@media (max-width:900px) {
  .pcbv2__controls { grid-template-columns:1fr 1fr; }
  .pcbv2__search-wrap { grid-column:1 / -1; }
  .pcbv2__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
  .pcbv2 { padding:3.25rem 1rem; }
  .pcbv2__heading-row { align-items:flex-start; flex-direction:column; gap:1rem; }
  .pcbv2__controls { grid-template-columns:1fr; padding:.75rem; }
  .pcbv2__search-wrap { grid-column:auto; }
  .pcbv2__grid { grid-template-columns:1fr; }
  .pcbv2__card { min-height:0; }
  .pcbv2__areas { flex-wrap:nowrap; overflow-x:auto; padding-bottom:.35rem; scrollbar-width:thin; }
  .pcbv2__area { flex:0 0 auto; }
}