.dbz-hub{max-width:1100px;margin:0 auto;padding:18px 16px}
.dbz-hub-head{margin:10px 0 18px}
.dbz-hub-title{font-size:32px;line-height:1.1;margin:0 0 8px;font-weight:900}
.dbz-hub-ico{margin-right:8px}
.dbz-hub-sub{margin:0;color:rgba(100,116,139,.95);font-weight:600}
.dbz-hub-block{margin:20px 0}
.dbz-hub-h2{font-size:18px;margin:0 0 12px;font-weight:900}
.dbz-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.dbz-hub-card{display:block;border:1px solid rgba(15,23,42,.12);border-radius:16px;padding:12px 14px;background:#fff;text-decoration:none}
.dbz-hub-card-title{font-weight:900;color:#0f172a}
.dbz-hub-card-meta{margin-top:6px;color:rgba(100,116,139,.95);font-size:13px;font-weight:700}
.dbz-hub-list{border:1px solid rgba(15,23,42,.12);border-radius:18px;background:#fff;overflow:hidden}
.dbz-hub-row{padding:12px 14px;border-bottom:1px solid rgba(15,23,42,.08)}
.dbz-hub-row:last-child{border-bottom:none}
.dbz-hub-row-title{display:block;font-weight:900;color:#0f172a;text-decoration:none}
.dbz-hub-row-meta{margin-top:6px;color:rgba(100,116,139,.95);font-size:13px;font-weight:700;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.dbz-hub-dot{opacity:.6}
.dbz-hub-cat{color:#0f172a;text-decoration:none;border-bottom:1px dashed rgba(15,23,42,.25)}
.dbz-hub-empty{padding:12px 14px;margin:0;color:rgba(100,116,139,.95);font-weight:700}
@media (max-width:900px){.dbz-hub-grid{grid-template-columns:1fr}}


.dbz-hub-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-top:1px solid rgba(15,23,42,.08)}
.dbz-hub-page{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#fff;font-weight:900;text-decoration:none;color:#0f172a}
.dbz-hub-page:hover{border-color:rgba(245,130,32,.35)}
.dbz-hub-page--info{background:transparent;border-color:transparent;color:rgba(100,116,139,.95)}

.dbz-hub-chips{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 0}
.dbz-hub-chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:#fff;font-weight:900;color:#0f172a;text-decoration:none}
.dbz-hub-chip:hover{border-color:rgba(245,130,32,.35)}
.dbz-hub-chip.is-active{background:rgba(245,130,32,.10);border-color:rgba(245,130,32,.35);color:#F58220}
.dbz-hub-chip.is-clear{background:transparent;border-style:dashed;color:rgba(100,116,139,.95)}

.dbz-hub-mini{margin-top:12px;border:1px solid rgba(15,23,42,.10);border-radius:16px;background:rgba(255,255,255,.75);padding:12px 12px}
.dbz-hub-mini-title{font-weight:900;margin:0 0 8px;color:#0f172a}
.dbz-hub-mini-list{display:flex;flex-direction:column;gap:8px}
.dbz-hub-mini-row{font-weight:800;color:#0f172a;text-decoration:none}
.dbz-hub-mini-row:hover{color:#F58220}

.dbz-hub-topgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dbz-hub-topcard{border:1px solid rgba(15,23,42,.10);border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(2,6,23,.06);padding:12px 12px}
.dbz-hub-toplist{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.dbz-hub-toprow{font-weight:900;color:#0f172a;text-decoration:none}
.dbz-hub-toprow:hover{color:#F58220}
@media (max-width:980px){
  .dbz-hub-topgrid{grid-template-columns:1fr}
}

.dbz-hub-intro{margin:10px 0 16px;padding:12px 14px;border:1px solid rgba(15,23,42,.10);border-radius:18px;background:rgba(255,255,255,.85);box-shadow:0 10px 26px rgba(2,6,23,.05)}
.dbz-hub-faq{display:flex;flex-direction:column;gap:10px}
.dbz-hub-faq-item{border:1px solid rgba(15,23,42,.10);border-radius:16px;background:#fff;padding:10px 12px}
.dbz-hub-faq-item summary{cursor:pointer;font-weight:900}
.dbz-hub-faq-a{margin-top:8px;color:rgba(15,23,42,.85);font-weight:700}