.hb-sec{margin:0 0 26px}
.hb-head h2{margin:0 0 14px;font-size:calc(22px * var(--ayde-fs-scale, 1));font-weight:800;border-left:4px solid var(--ayde-accent,#FF7831);padding-left:12px;display:flex;align-items:center;gap:8px}
.hb-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.hb-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:118px;padding:12px;border-radius:14px;background-size:cover;background-position:center;color:#fff !important;text-decoration:none;box-shadow:0 4px 14px rgba(15,23,42,.12);transition:transform .2s,box-shadow .2s}
.hb-tile:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(15,23,42,.2)}
.hb-tile b{font-size:calc(15.5px * var(--ayde-fs-scale, 1));font-weight:800}
.hb-tile small{font-size:calc(12px * var(--ayde-fs-scale, 1));opacity:.9;line-height:1.3}
.hb-livedot{width:10px;height:10px;border-radius:50%;background:#e11d48;box-shadow:0 0 0 0 rgba(225,29,72,.6);animation:hbpulse 1.6s infinite}
@keyframes hbpulse{70%{box-shadow:0 0 0 10px rgba(225,29,72,0)}100%{box-shadow:0 0 0 0 rgba(225,29,72,0)}}
@media (prefers-reduced-motion:reduce){.hb-livedot{animation:none}}
.hb-live{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.hb-live__card{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:14px;border:1px solid var(--ayde-card-border,#e8ecf1);background:var(--ayde-card-bg,#fff);color:inherit !important;text-decoration:none}
.hb-live__card b{font-size:calc(14px * var(--ayde-fs-scale, 1));line-height:1.35}
.hb-live__card em{font-style:normal;color:var(--ayde-accent,#FF7831);font-weight:800;margin:0 4px}
.hb-live__card small{font-size:calc(12px * var(--ayde-fs-scale, 1));opacity:.7}
.hb-tag{align-self:flex-start;font-size:calc(11px * var(--ayde-fs-scale, 1));font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:#e11d48;border-radius:999px;padding:2px 8px}
.hb-row .hb-media{aspect-ratio:16/10}
.hb-row .fs-track{grid-auto-columns:minmax(220px,1fr)}
html.dark .hb-live__card{background:#1b1f27;border-color:#2c323d}
@media (max-width:640px){.hb-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-tile{min-height:96px}}