/* SAUDI ARENA IDENTITY REFRESH — scoped fixes + new league */
:root{--sa-font-body:'Almarai',sans-serif;--sa-font-display:'Lexend','Almarai',sans-serif;}
body,button,input,select,textarea{font-family:var(--sa-font-body)}

.hsp2-arena-root,
.hsp2-arena-root *{box-sizing:border-box}
.hsp2-arena-root{font-family:var(--sa-font-body);overflow-x:hidden}
.hsp2-arena-root .fl,
.hsp2-arena-root .logo,
.hsp2-arena-root .font-lexend,
.hsp2-arena-root .font-headline,
.hsp2-arena-root .st-pts,
.hsp2-arena-root .st-box-v,
.hsp2-arena-root .sq-num,
.hsp2-arena-root .m-score-val,
.hsp2-arena-root .status-badge,
.hsp2-arena-root .bio-val.fl,
.hsp2-arena-root .fl *{font-family:var(--sa-font-display)!important}

/* Strong page-type scoping to stop class collisions */
.hsp2-arena-player .pl-hero,
.hsp2-arena-club .lg-hero,
.hsp2-arena-national .lg-hero,
.hsp2-arena-competition .lg-hero{margin-inline:-16px;padding-inline:16px}
@media(min-width:768px){
  .hsp2-arena-player .pl-hero,
  .hsp2-arena-club .lg-hero,
  .hsp2-arena-national .lg-hero,
  .hsp2-arena-competition .lg-hero{margin-inline:-24px;padding-inline:24px}
}

/* Player page scoped */
.hsp2-arena-player .pl-hero{background:var(--s-low);padding:32px 0;margin-bottom:32px;border-radius:0 0 var(--r-xl) var(--r-xl);box-shadow:var(--shadow)}
.hsp2-arena-player .pl-grid{display:grid;grid-template-columns:1fr;gap:24px;width:100%}
@media(min-width:992px){.hsp2-arena-player .pl-grid{grid-template-columns:1fr 350px}}
.hsp2-arena-player .grid-col{min-width:0}
.hsp2-arena-player .sec{margin-bottom:40px}
.hsp2-arena-player .news-bento{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:640px){.hsp2-arena-player .news-bento{grid-template-columns:repeat(2,1fr)}}
.hsp2-arena-player .n-card{position:relative;border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:4/3;box-shadow:var(--shadow);cursor:pointer}
.hsp2-arena-player .n-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hsp2-arena-player .n-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.2) 60%,transparent)}
.hsp2-arena-player .n-content{position:relative;z-index:2;padding:16px;color:#fff}
.hsp2-arena-player .n-title{font-size:14px;font-weight:800;line-height:1.5;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.6)}
.hsp2-arena-player .n-meta{font-size:10px;color:#e0e0e0;display:flex;align-items:center;gap:4px;font-weight:700}
.hsp2-arena-player .n-badge{position:absolute;top:12px;right:12px;background:var(--pri);color:#fff;padding:4px 10px;font-size:10px;font-weight:900;border-radius:6px;z-index:2}
.hsp2-arena-player .n-card.featured{aspect-ratio:auto;height:280px}
@media(min-width:640px){.hsp2-arena-player .n-card.featured{grid-column:1/-1;height:350px}}
.hsp2-arena-player .n-card.featured .n-title{font-size:18px}
@media(min-width:768px){.hsp2-arena-player .n-card.featured .n-title{font-size:24px}}
.hsp2-arena-player .bio-card{background:var(--s-high);border-radius:var(--r-xl);padding:20px;box-shadow:var(--shadow)}
.hsp2-arena-player .bio-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.05);font-size:13px}
html.dark .hsp2-arena-player .bio-row{border-bottom-color:rgba(255,255,255,.05)}
.hsp2-arena-player .bio-row:last-child{border-bottom:none;padding-bottom:0}
.hsp2-arena-player .bio-lbl{color:var(--on-s-v);font-weight:700}.hsp2-arena-player .bio-val{font-weight:900;text-align:left}

/* Club page scoped */
.hsp2-arena-club .sec{margin-bottom:48px}
.hsp2-arena-club .lg-hero{background:var(--s-low);padding:32px 0;margin-bottom:32px;position:relative;overflow:hidden}
.hsp2-arena-club .lg-hero-in{display:flex;align-items:center;gap:24px;position:relative;z-index:2}
.hsp2-arena-club .lg-hero-logo{width:80px;height:80px;object-fit:contain;flex-shrink:0;background:var(--s-high);border-radius:50%;padding:10px;box-shadow:var(--shadow-lg)}
@media(min-width:768px){.hsp2-arena-club .lg-hero-logo{width:110px;height:110px;padding:15px}}
.hsp2-arena-club .lg-hero-info h1{font-size:28px;font-weight:900}
@media(min-width:768px){.hsp2-arena-club .lg-hero-info h1{font-size:40px}}
.hsp2-arena-club .lg-hero-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.hsp2-arena-club .lg-hero-tag{font-size:12px;font-weight:800;padding:4px 12px;border-radius:8px;background:var(--s-cont);color:var(--on-s);display:flex;align-items:center;gap:4px}
.hsp2-arena-club .sec-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.hsp2-arena-club .sec-t{font-size:22px;font-weight:900;display:flex;align-items:center;gap:10px}
.hsp2-arena-club .sec-t .material-symbols-outlined{color:var(--pri);font-size:26px}
.hsp2-arena-club .news-bento{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:640px){.hsp2-arena-club .news-bento{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.hsp2-arena-club .news-bento{grid-template-columns:repeat(3,1fr)}}
.hsp2-arena-club .n-card{position:relative;border-radius:var(--r-xl);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:4/3;box-shadow:var(--shadow);transition:transform .3s ease;cursor:pointer}
.hsp2-arena-club .n-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.hsp2-arena-club .n-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.hsp2-arena-club .n-card:hover img{transform:scale(1.05)}
.hsp2-arena-club .n-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.3) 60%,transparent)}
.hsp2-arena-club .n-content{position:relative;z-index:2;padding:20px;color:#fff}
.hsp2-arena-club .n-title{font-size:16px;font-weight:800;line-height:1.5;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.6)}
.hsp2-arena-club .n-meta{font-size:11px;color:#e0e0e0;display:flex;align-items:center;gap:4px;font-weight:700}
.hsp2-arena-club .n-badge{position:absolute;top:16px;right:16px;background:var(--pri);color:#fff;padding:6px 12px;font-size:11px;font-weight:900;border-radius:8px;z-index:2}
.hsp2-arena-club .n-card.featured{aspect-ratio:auto;height:320px}
@media(min-width:640px){.hsp2-arena-club .n-card.featured{grid-column:1/-1;height:400px}}
.hsp2-arena-club .n-card.featured .n-title{font-size:24px}

/* National page scoped */
.hsp2-arena-national{--t-pri:#008c3c;--t-pri-c:rgba(0,140,60,.15);--t-sec:#fff}
.hsp2-arena-national .nt-hero,.hsp2-arena-national .lg-hero{position:relative;margin-bottom:40px;border-radius:0 0 var(--r-xl) var(--r-xl);overflow:hidden;background:var(--s-cont);border-bottom:1px solid var(--t-pri)}
.hsp2-arena-national .nt-hero-in,.hsp2-arena-national .lg-hero-in{position:relative;z-index:2;padding:40px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
.hsp2-arena-national .sq-group{margin-bottom:28px}
.hsp2-arena-national .sq-track,.hsp2-arena-club .sq-track{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}
.hsp2-arena-national .sq-card,.hsp2-arena-club .sq-card{flex:0 0 140px;scroll-snap-align:start;background:var(--s-high);border-radius:20px;padding:16px;text-align:center;box-shadow:var(--shadow)}
.hsp2-arena-national .sq-img,.hsp2-arena-club .sq-img{width:72px;height:72px;border-radius:50%;object-fit:cover;margin:0 auto 12px;border:3px solid var(--s-low)}
.hsp2-arena-national .sq-num,.hsp2-arena-club .sq-num{font-weight:900;color:var(--pri);font-size:16px;display:block;margin-bottom:4px}
.hsp2-arena-national .sq-name,.hsp2-arena-club .sq-name{font-size:13px;font-weight:800;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hsp2-arena-national .sq-nat,.hsp2-arena-club .sq-nat{font-size:11px;color:var(--on-s-v);margin-top:4px;display:block}

/* Competition helpers: dark, modern, closer to prototypes */
.hsp2-arena-competition .hz-cp{color:#e5e2e1}
.hsp2-arena-competition .hz-cp-hero{background:var(--s-low)!important;color:var(--on-s)!important;border-bottom:1px solid rgba(255,255,255,.05);padding:40px 24px 32px!important}
.hsp2-arena-competition .hz-cp-hero::after{display:none}
.hsp2-arena-competition .hz-cp-hero-bg{opacity:.08;filter:none;background-size:cover!important;mask-image:linear-gradient(to top,transparent,black)}
.hsp2-arena-competition .hz-cp-logo{width:100px;height:100px;background:var(--s-high)!important;border-radius:50%;padding:15px;box-shadow:0 0 40px rgba(233,195,73,.15);border:2px solid var(--sec);display:flex;align-items:center;justify-content:center}
.hsp2-arena-competition .hz-cp-logo img{width:100%;height:100%;object-fit:contain}
.hsp2-arena-competition .hz-cp-badge{background:var(--pri-c);color:var(--pri);padding:6px 16px;border-radius:12px;font-size:13px;font-weight:900;display:inline-flex;align-items:center;gap:6px}
.hsp2-arena-competition .hz-cp-name{font-size:32px;font-weight:900;line-height:1.2;margin-bottom:8px;color:var(--on-s)}
.hsp2-arena-competition .hz-cp-desc{color:var(--on-s-v)}
.hsp2-arena-competition .hz-cp-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.hsp2-arena-competition .hz-cp-fact{background:var(--s-high);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:10px 14px;display:flex;gap:8px;align-items:center}
.hsp2-arena-competition .hz-cp-fact span{color:var(--on-s-v);font-size:12px;font-weight:800}
.hsp2-arena-competition .hz-cp-fact strong{font-size:13px}
.hsp2-arena-competition .hz-cp-leader{background:var(--s-high);border:1px solid rgba(255,255,255,.06);border-radius:22px;padding:18px;box-shadow:var(--shadow)}
.hsp2-arena-competition .hz-cp-leader-top strong{font-family:var(--sa-font-display);font-size:28px;color:var(--pri)}
.hsp2-arena-competition .hz-cp-sec-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px}
.hsp2-arena-competition .hz-cp-sec-t{font-size:20px;font-weight:900;display:flex;align-items:center;gap:10px}
.hsp2-arena-competition .hz-cp-table-wrap{overflow-x:auto;border-radius:24px;background:var(--s-high);box-shadow:var(--shadow);margin:0;max-width:none}
.hsp2-arena-competition .hz-cp-table{width:100%;border-collapse:collapse;min-width:560px}
.hsp2-arena-competition .hz-cp-table th{background:var(--s-low);color:var(--on-s-v);font-size:11px;font-weight:800;padding:14px 8px}
.hsp2-arena-competition .hz-cp-table td{padding:14px 8px;font-size:14px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--on-s)}
.hsp2-arena-competition .hz-cp-row-top td{background:rgba(128,217,150,.08)}
.hsp2-arena-competition .hz-cp-row-danger td{background:rgba(255,180,171,.06)}
.hsp2-arena-competition .hz-cp-td-pts{font-family:var(--sa-font-display);font-weight:900;color:var(--pri)}
.hsp2-arena-competition .hz-cp-team-cell img{width:24px;height:24px;object-fit:contain}
.hsp2-arena-competition .hz-cp-zone-badge{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:900}
.hsp2-arena-competition .hz-cp-zone-top{background:var(--pri-c);color:var(--pri)}
.hsp2-arena-competition .hz-cp-zone-dn{background:var(--err-c);color:var(--err)}
.hsp2-arena-competition .hz-cp-round-tabs,.hsp2-arena-competition .hz-cp-acl-toggle,.hsp2-arena-competition .bracket-nav-wrap{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:24px}
.hsp2-arena-competition .hz-cp-round-tab,.hsp2-arena-competition .hz-cp-acl-btn,.hsp2-arena-competition .b-nav-btn{white-space:nowrap;background:var(--s-high);border:1px solid rgba(255,255,255,.05);color:var(--on-s-v);font-family:var(--sa-font-body);font-weight:800;font-size:13px;padding:10px 20px;border-radius:12px;cursor:pointer;transition:.3s}
.hsp2-arena-competition .hz-cp-round-tab.active,.hsp2-arena-competition .hz-cp-acl-btn.active,.hsp2-arena-competition .b-nav-btn.active{background:var(--pri-c);color:var(--pri);border-color:var(--pri)}
.hsp2-arena-competition .hz-cp-ko-match{background:var(--s-high);border-radius:16px;border:1px solid rgba(255,255,255,.05);padding:14px;box-shadow:var(--shadow);position:relative;transition:all .3s ease;display:block;text-align:right;margin-bottom:16px}
.hsp2-arena-competition a.hz-cp-ko-match:hover{transform:translateY(-4px);border-color:var(--pri);box-shadow:0 12px 40px rgba(128,217,150,.15)}
.hsp2-arena-competition .hz-cp-ko-match.hz-cp-ko-final{border:2px solid var(--sec);background:linear-gradient(135deg,var(--s-high),rgba(233,195,73,.08))}
.hsp2-arena-competition .hz-cp-ko-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:900;color:var(--on-s-v);background:var(--s-low);padding:4px 8px;border-radius:6px;margin-bottom:12px}
.hsp2-arena-competition .hz-cp-ko-status.live{color:var(--err)}
.hsp2-arena-competition .hz-cp-ko-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;font-weight:800}
.hsp2-arena-competition .hz-cp-ko-row + .hz-cp-ko-row{border-top:1px solid rgba(255,255,255,.05)}
.hsp2-arena-competition .hz-cp-ko-team{display:flex;align-items:center;gap:10px}.hsp2-arena-competition .hz-cp-ko-team img{width:24px;height:24px;object-fit:contain}
.hsp2-arena-competition .hz-cp-ko-score{font-family:var(--sa-font-display);font-weight:900;font-size:16px;color:var(--on-s-v);background:var(--s-low);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px}
.hsp2-arena-competition .hz-cp-ko-row.winner .hz-cp-ko-score{color:var(--pri);background:var(--pri-c)}
.hsp2-arena-competition .hz-cp-stars{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:768px){.hsp2-arena-competition .hz-cp-stars{grid-template-columns:1fr 1fr}}
.hsp2-arena-competition .hz-cp-stars-panel{background:var(--s-high);border-radius:24px;padding:24px;box-shadow:var(--shadow)}
.hsp2-arena-competition .hz-cp-stars-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.hsp2-arena-competition .hz-cp-star{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.hsp2-arena-competition .hz-cp-star:last-child{border-bottom:none}
.hsp2-arena-competition .hz-cp-star-r{width:24px;text-align:center;font-family:var(--sa-font-display);font-weight:900;color:var(--pri)}
.hsp2-arena-competition .hz-cp-star-info{flex:1;min-width:0}.hsp2-arena-competition .hz-cp-star-info strong{display:block;font-size:14px}.hsp2-arena-competition .hz-cp-star-info small{color:var(--on-s-v)}
.hsp2-arena-competition .hz-cp-star-val b{font-family:var(--sa-font-display);font-size:18px;color:var(--pri)}
.hsp2-arena-competition .hsp2-news{display:grid;grid-template-columns:1fr;gap:16px}.hsp2-arena-competition .hsp2-news-hero,.hsp2-arena-competition .hsp2-news-card{display:block;background:var(--s-high);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
.hsp2-arena-competition .hsp2-news-hero-img,.hsp2-arena-competition .hsp2-news-card-img{aspect-ratio:16/9;background:var(--s-low)}
.hsp2-arena-competition .hsp2-news-card{display:grid;grid-template-columns:110px 1fr}.hsp2-arena-competition .hsp2-news-card-img{aspect-ratio:auto;height:100%}
.hsp2-arena-competition .hsp2-news-hero-body,.hsp2-arena-competition .hsp2-news-card-body{padding:18px}.hsp2-arena-competition .hsp2-news-hero-body h4{font-size:22px;line-height:1.45}.hsp2-arena-competition .hsp2-news-card-body h4{font-size:14px;line-height:1.55}
.hsp2-arena-competition .hsp2-news-hero time,.hsp2-arena-competition .hsp2-news-card time{display:block;margin-top:8px;color:var(--on-s-v);font-size:11px;font-weight:800}
@media(min-width:900px){.hsp2-arena-competition .hsp2-news{grid-template-columns:1.2fr .8fr}.hsp2-arena-competition .hsp2-news-card{grid-template-columns:96px 1fr}}

/* Match page font normalization */
.hsp2-m3-shell,.hsp2-m3-shell *{font-family:var(--sa-font-body)}
.hsp2-m3-shell .fl,.hsp2-m3-shell .m-score-val,.hsp2-m3-shell .scorer-time,.hsp2-m3-shell .status-badge{font-family:var(--sa-font-display)!important}


/* ═══════════════════════════════════════════════════════════
   LEAGUE PAGE — V-MAX ULTIMATE DESIGN SYSTEM
   Exact match of the approved prototype.
   Scoped under .hz-league-vmax to prevent collisions.
   ═══════════════════════════════════════════════════════════ */

/* ── 1. Design Tokens ── */
.hz-league-vmax {
    --hz-bg: var(--bg,#f5f7fb);
    --hz-card: var(--s,#ffffff);
    --hz-card-hover: var(--s-high,#f7fafc);
    --hz-text: var(--on-s,#0f172a);
    --hz-text-muted: var(--on-s-v,#61758a);
    --hz-border: var(--s-brd,#dbe5ef);
    --hz-primary: var(--pri,#0ea86b);
    --hz-primary-light: var(--pri-c,rgba(14,168,107,.10));
    --hz-secondary: var(--sec,#d89b2b);
    --hz-danger: var(--err,#dc2626);
    --hz-danger-light: var(--err-c,#fee2e2);
    --hz-radius-xl: 20px;
    --hz-radius-lg: 14px;
    --hz-shadow: 0 4px 20px rgba(0,0,0,0.04);

    background: var(--hz-bg);
    color: var(--hz-text);
    font-family: 'Almarai', sans-serif;
    line-height: 1.6;
    padding: 0 0 90px;
    margin: 0;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
}
html.dark .hz-league-vmax,html.dark-mode .hz-league-vmax,html[data-theme="dark"] .hz-league-vmax {
    --hz-bg: var(--bg,#0f1724);
    --hz-card: var(--s,#151f2f);
    --hz-card-hover: var(--s-high,#1b283a);
    --hz-text: var(--on-s,#e9f0f8);
    --hz-text-muted: var(--on-s-v,#98a8bc);
    --hz-border: var(--s-brd,#273246);
    --hz-primary: var(--pri,#19b97a);
    --hz-primary-light: var(--pri-c,rgba(25,185,122,.12));
    --hz-danger-light: var(--err-c,rgba(248,113,113,.12));
    --hz-shadow: 0 14px 36px rgba(2,6,23,.34);
}
@media (min-width: 768px) {
    .hz-league-vmax { padding-bottom: 0; }
}

/* ── 2. Base Reset ── */
.hz-league-vmax *, .hz-league-vmax *::before, .hz-league-vmax *::after { box-sizing: border-box; }
.hz-league-vmax a { text-decoration: none; color: inherit; }
.hz-league-vmax img { max-width: 100%; display: block; object-fit: cover; }
.hz-league-vmax .fl { font-family: 'Lexend', 'Almarai', sans-serif; }
.hz-league-vmax .no-sb::-webkit-scrollbar { display: none; }
.hz-league-vmax .no-sb { scrollbar-width: none; }

/* ── 3. Container ── */
.hz-lp-wrap {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 16px;
}

/* ── 4. Hero Section ── */
.hz-lp-hero {
    background: var(--hz-card);
    border-radius: var(--hz-radius-xl);
    border: 1px solid var(--hz-border);
    padding: 24px;
    margin: 24px 0;
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: var(--hz-shadow);
}
.hz-lp-hero-logo {
    width: 80px; height: 80px;
    object-fit: contain;
    background: #fff;
    border-radius: 50%;
    padding: 8px;
    border: 1px solid var(--hz-border);
    flex-shrink: 0;
}
html.dark .hz-lp-hero-logo {
    background: var(--hz-card-hover);
}
.hz-lp-hero-info h1 {
    font-size: 26px; font-weight: 900; margin: 0 0 8px; color: var(--hz-text);
}
.hz-lp-hero-tag {
    display: inline-flex; align-items: center; gap: 6px;
    background: var(--hz-primary-light); color: var(--hz-primary);
    padding: 4px 12px; border-radius: 12px;
    font-size: 13px; font-weight: 800;
}

/* ── 5. In-Page Tabs ── */
.hz-lp-tabs {
    display: flex; gap: 10px;
    overflow-x: auto;
    margin-bottom: 30px;
    padding-bottom: 5px;
    scrollbar-width: none;
}
.hz-lp-tabs::-webkit-scrollbar { display: none; }
.hz-lp-tab {
    padding: 10px 24px;
    border-radius: 30px;
    background: var(--hz-card);
    border: 1px solid var(--hz-border);
    color: var(--hz-text-muted);
    font-family: 'Almarai', sans-serif;
    font-weight: 800; font-size: 14px;
    cursor: pointer; white-space: nowrap;
    transition: 0.2s;
    text-decoration: none;
}
.hz-lp-tab:hover { color: var(--hz-primary); border-color: var(--hz-primary); }
.hz-lp-tab.on { background: var(--hz-primary); color: #fff; border-color: var(--hz-primary); }

/* ── 6. Sections & Titles ── */
.hz-lp-sec {
    margin-bottom: 50px;
    scroll-margin-top: 80px;
}
.hz-lp-sec-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 20px;
}
.hz-lp-sec-title {
    font-size: 24px; font-weight: 900; margin: 0;
    display: flex; align-items: center; gap: 8px;
    color: var(--hz-text);
}
.hz-lp-sec-title .material-symbols-outlined { color: var(--hz-primary); }

/* ── 7. Standings Table ── */
.hz-lp-tbl-card {
    background: var(--hz-card);
    border: 1px solid var(--hz-border);
    border-radius: var(--hz-radius-xl);
    overflow: hidden;
    box-shadow: var(--hz-shadow);
}
.hz-lp-tbl-wrap {
    width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
}
.hz-lp-tbl-wrap::-webkit-scrollbar { display: none; }
.hz-lp-tbl {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}
.hz-lp-tbl th {
    background: var(--hz-card-hover);
    color: var(--hz-text-muted);
    padding: 16px 10px;
    font-size: 12px;
    font-weight: 800;
    border-bottom: 1px solid var(--hz-border);
}
.hz-lp-tbl td {
    padding: 14px 10px;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid var(--hz-border);
    color: var(--hz-text);
}
.hz-lp-tbl tr:last-child td { border-bottom: none; }

/* Team Cell */
.hz-lp-td-team {
    text-align: right;
    display: flex;
    align-items: center;
    gap: 12px;
}
.hz-lp-td-team img { width: 30px; height: 30px; object-fit: contain; flex-shrink: 0; }
.hz-lp-td-team a,
.hz-lp-td-team span { font-weight: 900; white-space: nowrap; }
.hz-lp-td-team a:hover { color: var(--hz-primary); }

/* Rank Badge */
.hz-lp-td-rank {
    width: 26px; height: 26px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 12px; font-weight: 900;
    background: var(--hz-card-hover);
    margin: 0 auto;
    font-family: 'Lexend', sans-serif;
}
.hz-lp-rank-1 { background: var(--hz-primary); color: #fff; }
.hz-lp-rank-23 { border: 2px solid var(--hz-primary); color: var(--hz-primary); background: transparent; }
.hz-lp-rank-mid { background: transparent; color: var(--hz-text-muted); }
.hz-lp-rank-dn { background: var(--hz-danger-light); color: var(--hz-danger); }

/* Points */
.hz-lp-td-pts {
    font-family: 'Lexend', sans-serif;
    font-size: 18px; font-weight: 900;
    color: var(--hz-primary);
}

/* Row Highlights */
.hz-lp-tr-top td { background: rgba(5, 150, 105, 0.03); }
html.dark .hz-lp-tr-top td { background: rgba(16, 185, 129, 0.04); }
.hz-lp-tr-dn td { background: rgba(220, 38, 38, 0.03); }
html.dark .hz-lp-tr-dn td { background: rgba(220, 38, 38, 0.05); }

/* Mobile: Hide non-essential columns */
@media (max-width: 768px) {
    .hz-lp-hide-mo { display: none !important; }
    .hz-lp-tbl th, .hz-lp-tbl td { padding: 12px 6px; }
    .hz-lp-td-team { gap: 8px; font-size: 13px; }
    .hz-lp-td-team img { width: 24px; height: 24px; }
    .hz-lp-td-pts { font-size: 16px; }
}

/* ── 8. Matches ── */
.hz-lp-mx-label {
    font-size: 14px; font-weight: 900;
    color: var(--hz-text-muted);
    margin: 0 0 12px;
    display: flex; align-items: center; gap: 6px;
}
.hz-lp-live-dot {
    display: inline-block;
    width: 6px; height: 6px;
    background: var(--hz-primary);
    border-radius: 50%;
    margin-left: 4px;
    animation: hz-lp-pulse 1.5s infinite;
}
@keyframes hz-lp-pulse { 0%{opacity:1} 50%{opacity:0.3} 100%{opacity:1} }

.hz-lp-mx-track {
    display: flex; gap: 16px;
    overflow-x: auto;
    padding-bottom: 24px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}
.hz-lp-mx-track::-webkit-scrollbar { display: none; }

.hz-lp-mx-card {
    flex: 0 0 280px;
    scroll-snap-align: start;
    background: var(--hz-card);
    border: 1px solid var(--hz-border);
    border-radius: var(--hz-radius-lg);
    padding: 16px;
    box-shadow: var(--hz-shadow);
    transition: 0.3s;
    display: block;
    color: inherit;
}
.hz-lp-mx-card:hover { transform: translateY(-3px); }
.hz-lp-mx-card.is-live { border-color: var(--hz-primary); background: var(--hz-primary-light); }
.hz-lp-mx-card.is-done { opacity: 0.7; }
.hz-lp-mx-card.is-done:hover { opacity: 1; }

.hz-lp-mx-top {
    display: flex; justify-content: space-between;
    font-size: 11px; font-weight: 800;
    color: var(--hz-text-muted);
    margin-bottom: 16px;
}
.hz-lp-mx-teams {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hz-lp-mx-team {
    display: flex; flex-direction: column;
    align-items: center; gap: 8px;
    width: 35%; text-align: center;
}
.hz-lp-mx-team img { width: 44px; height: 44px; object-fit: contain; }
.hz-lp-mx-team span { font-size: 13px; font-weight: 900; line-height: 1.2; }
.hz-lp-mx-score {
    font-family: 'Lexend', sans-serif;
    font-size: 24px; font-weight: 900;
    color: var(--hz-text);
}

/* ── 9. Stats (Scorers & Assists) ── */
.hz-lp-stt-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
@media (min-width: 768px) { .hz-lp-stt-grid { grid-template-columns: 1fr 1fr; } }

.hz-lp-stt-card {
    background: var(--hz-card);
    border: 1px solid var(--hz-border);
    border-radius: var(--hz-radius-xl);
    padding: 20px;
    box-shadow: var(--hz-shadow);
}
.hz-lp-stt-heading {
    margin: 0 0 16px; font-size: 16px; font-weight: 900;
}
.hz-lp-stt-row {
    display: flex; align-items: center; gap: 12px;
    padding: 12px;
    background: var(--hz-card-hover);
    border-radius: 12px;
    margin-bottom: 8px;
}
.hz-lp-stt-row.is-top {
    border: 1px solid var(--hz-primary);
    background: var(--hz-primary-light);
}
.hz-lp-stt-row.is-top-sec {
    border: 1px solid var(--hz-secondary);
    background: rgba(217, 119, 6, 0.08);
}
html.dark .hz-lp-stt-row.is-top-sec {
    background: rgba(217, 119, 6, 0.12);
}
.hz-lp-stt-img {
    width: 44px; height: 44px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--hz-border);
    background: var(--hz-card);
    flex-shrink: 0;
}
.hz-lp-stt-info { flex: 1; min-width: 0; }
.hz-lp-stt-name {
    display: block; font-weight: 800; font-size: 14px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    color: var(--hz-text);
}
.hz-lp-stt-club { font-size: 11px; color: var(--hz-text-muted); }
.hz-lp-stt-val {
    font-family: 'Lexend', sans-serif;
    font-size: 20px; font-weight: 900;
    color: var(--hz-primary);
    flex-shrink: 0;
}

/* ── 10. News Bento ── */
.hz-lp-news-bento {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}
@media (min-width: 600px) { .hz-lp-news-bento { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px) { .hz-lp-news-bento { grid-template-columns: repeat(4, 1fr); } }

.hz-lp-news-item {
    position: relative;
    border-radius: var(--hz-radius-lg);
    overflow: hidden;
    aspect-ratio: 4/3;
    display: block;
}
/* Item 1 is the Hero */
.hz-lp-news-item:first-child {
    grid-column: 1 / -1;
    aspect-ratio: 16/9;
}
@media (min-width: 992px) {
    .hz-lp-news-item:first-child {
        grid-column: span 2;
        grid-row: span 2;
        aspect-ratio: unset;
    }
}
.hz-lp-news-item img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: 0.5s;
}
.hz-lp-news-item:hover img { transform: scale(1.05); }
.hz-lp-news-ov {
    position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 80%);
    display: flex; align-items: flex-end;
    padding: 16px;
}
.hz-lp-news-title {
    font-size: 14px; font-weight: 800;
    color: #fff; margin: 0; line-height: 1.4;
}
.hz-lp-news-item:first-child .hz-lp-news-title { font-size: 22px; }
.hz-lp-news-ph {
    width: 100%; height: 100%;
    background: var(--hz-card-hover);
    display: flex; align-items: center; justify-content: center;
    font-size: 32px; color: var(--hz-text-muted);
}

/* ── 11. Bottom Nav ── */
.hz-lp-bnav {
    position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100;
    background: var(--hz-card);
    border-top: 1px solid var(--hz-border);
    padding: 10px 16px calc(12px + env(safe-area-inset-bottom));
    display: flex; justify-content: space-around;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -5px 20px rgba(0,0,0,0.05);
}
html.dark .hz-lp-bnav { box-shadow: 0 -5px 20px rgba(0,0,0,0.3); }
@media (min-width: 768px) { .hz-lp-bnav { display: none; } }

.hz-lp-bnav-item {
    display: flex; flex-direction: column;
    align-items: center; gap: 4px;
    color: var(--hz-text-muted);
    font-size: 11px; font-weight: 800;
    transition: 0.2s;
}
.hz-lp-bnav-item .material-symbols-outlined { font-size: 26px; }
.hz-lp-bnav-item.on { color: var(--hz-primary); }

/* ── 12. Empty States ── */
.hz-lp-empty {
    padding: 32px;
    border-radius: var(--hz-radius-xl);
    background: var(--hz-card-hover);
    border: 1px dashed var(--hz-border);
    color: var(--hz-text-muted);
    text-align: center;
    font-size: 14px; font-weight: 700;
}

/* ═══════════════════════════════════════════════════════════
   V-MAX SHARED DESIGN SYSTEM
   Common tokens + components for Club, Player, ACL pages
   Scoped under .hsp2-arena-root
   ═══════════════════════════════════════════════════════════ */

/* ── Shared Design Tokens ── */
.hsp2-arena-root {
    --hz-bg: var(--bg,#f5f7fb); --hz-card: var(--s,#ffffff); --hz-card-hover: var(--s-high,#f7fafc);
    --hz-text: var(--on-s,#0f172a); --hz-text-muted: var(--on-s-v,#61758a); --hz-border: var(--s-brd,#dbe5ef);
    --hz-primary: var(--pri,#0ea86b); --hz-primary-light: var(--pri-c,rgba(14,168,107,.10));
    --hz-secondary: var(--sec,#d89b2b); --hz-secondary-light: var(--sec-c,#fff3d6);
    --hz-danger: var(--err,#dc2626); --hz-danger-light: var(--err-c,#fee2e2);
    --hz-radius-xl: 20px; --hz-radius-lg: 14px;
    --hz-shadow: 0 8px 26px rgba(15,23,42,.05); --hz-shadow-hover: 0 18px 40px rgba(15,23,42,.12);
    background: var(--hz-bg); color: var(--hz-text);
    font-family: 'Almarai', sans-serif; line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    padding-bottom: 90px; min-height: 100vh;
}
html.dark .hsp2-arena-root,html.dark-mode .hsp2-arena-root,html[data-theme="dark"] .hsp2-arena-root {
    --hz-bg: var(--bg,#0f1724); --hz-card: var(--s,#151f2f); --hz-card-hover: var(--s-high,#1b283a);
    --hz-text: var(--on-s,#e9f0f8); --hz-text-muted: var(--on-s-v,#98a8bc); --hz-border: var(--s-brd,#273246);
    --hz-primary: var(--pri,#19b97a); --hz-primary-light: var(--pri-c,rgba(25,185,122,.12));
    --hz-secondary: var(--sec,#f2b24a); --hz-secondary-light: var(--sec-c,rgba(242,178,74,.14));
    --hz-danger: var(--err,#f87171); --hz-danger-light: var(--err-c,rgba(248,113,113,.12));
    --hz-shadow: 0 14px 36px rgba(2,6,23,.34); --hz-shadow-hover: 0 22px 48px rgba(2,6,23,.46);
}
@media(min-width:768px) { .hsp2-arena-root { padding-bottom: 0; } }
.hsp2-arena-root *, .hsp2-arena-root *::before, .hsp2-arena-root *::after { box-sizing: border-box; }
.hsp2-arena-root a { text-decoration: none; color: inherit; }
.hsp2-arena-root img { max-width: 100%; display: block; object-fit: cover; }
.hsp2-arena-root .fl { font-family: 'Lexend','Almarai',sans-serif; }
.hsp2-arena-root .no-sb::-webkit-scrollbar { display: none; }
.hsp2-arena-root .no-sb { scrollbar-width: none; }

/* ── Shared Container ── */
.hz-vx-wrap { max-width: 1300px; margin: 0 auto; padding: 0 16px; width: 100%; }

/* ── Shared Sections ── */
.hz-vx-sec { margin-bottom: 50px; scroll-margin-top: 80px; }
.hz-vx-sec-head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 20px; }
.hz-vx-sec-title { font-size: 22px; font-weight: 900; margin: 0; display: flex; align-items: center; gap: 8px; color: var(--hz-text); }
.hz-vx-sec-title .material-symbols-outlined { color: var(--hz-primary); }
.hz-vx-sec-link { font-size: 14px; font-weight: 800; color: var(--hz-primary); cursor: pointer; transition: 0.2s; }

/* ── Shared Bottom Nav ── */
.hz-vx-bnav { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100; background: var(--hz-card); border-top: 1px solid var(--hz-border); padding: 10px 16px calc(12px + env(safe-area-inset-bottom)); display: flex; justify-content: space-around; border-radius: 20px 20px 0 0; box-shadow: 0 -5px 20px rgba(0,0,0,0.05); }
html.dark .hz-vx-bnav { box-shadow: 0 -5px 20px rgba(0,0,0,0.3); }
@media(min-width:768px) { .hz-vx-bnav { display: none; } }
.hz-vx-bnav-item { display: flex; flex-direction: column; align-items: center; gap: 4px; color: var(--hz-text-muted); padding: 4px 12px; border-radius: 12px; transition: 0.2s; font-size: 11px; font-weight: 800; }
.hz-vx-bnav-item .material-symbols-outlined { font-size: 26px; }
.hz-vx-bnav-item.on { color: var(--hz-primary); background: var(--hz-primary-light); }

/* ── Shared News Bento ── */
.hz-vx-news { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media(min-width:640px) { .hz-vx-news { grid-template-columns: repeat(2,1fr); } }
@media(min-width:1024px) { .hz-vx-news { grid-template-columns: repeat(3,1fr); } }
.hz-vx-nc { position: relative; border-radius: var(--hz-radius-xl); overflow: hidden; aspect-ratio: 4/3; box-shadow: var(--hz-shadow); transition: 0.3s; display: block; }
.hz-vx-nc:hover { transform: translateY(-4px); box-shadow: var(--hz-shadow-hover); }
.hz-vx-nc img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.hz-vx-nc:hover img { transform: scale(1.05); }
.hz-vx-nc-ov { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.3) 60%, transparent 100%); display: flex; flex-direction: column; justify-content: flex-end; padding: 20px; color: #fff; }
.hz-vx-nc-badge { align-self: flex-start; background: var(--hz-primary); color: #fff; padding: 4px 10px; font-size: 11px; font-weight: 900; border-radius: 8px; margin-bottom: 12px; }
.hz-vx-nc-title { font-size: 15px; font-weight: 800; margin: 0 0 8px; line-height: 1.4; text-shadow: 0 2px 4px rgba(0,0,0,0.5); }
.hz-vx-nc-meta { font-size: 11px; color: #d1d5db; display: flex; align-items: center; gap: 4px; font-weight: 700; }
.hz-vx-nc.is-feat { aspect-ratio: auto; height: 320px; }
@media(min-width:640px) { .hz-vx-nc.is-feat { grid-column: 1/-1; height: 400px; } }
.hz-vx-nc.is-feat .hz-vx-nc-title { font-size: 22px; }
@media(min-width:768px) { .hz-vx-nc.is-feat .hz-vx-nc-title { font-size: 28px; } }
.hz-vx-nc-ph { width: 100%; height: 100%; background: var(--hz-card-hover); display: flex; align-items: center; justify-content: center; font-size: 32px; color: var(--hz-text-muted); }

/* ── Shared Table ── */
.hz-vx-tbl-card { background: var(--hz-card); border: 1px solid var(--hz-border); border-radius: var(--hz-radius-xl); overflow: hidden; box-shadow: var(--hz-shadow); }
.hz-vx-tbl-wrap { width: 100%; overflow-x: auto; scrollbar-width: none; }
.hz-vx-tbl-wrap::-webkit-scrollbar { display: none; }
.hz-vx-tbl { width: 100%; border-collapse: collapse; text-align: center; min-width: 500px; }
.hz-vx-tbl th { background: var(--hz-card-hover); color: var(--hz-text-muted); padding: 16px 10px; font-size: 12px; font-weight: 800; border-bottom: 1px solid var(--hz-border); }
.hz-vx-tbl td { padding: 14px 10px; font-size: 14px; font-weight: 700; border-bottom: 1px solid var(--hz-border); color: var(--hz-text); }
.hz-vx-tbl tr:last-child td { border-bottom: none; }
.hz-vx-td-team { text-align: right; display: flex; align-items: center; gap: 12px; }
.hz-vx-td-team img { width: 30px; height: 30px; object-fit: contain; flex-shrink: 0; }
.hz-vx-td-team a,.hz-vx-td-team span { font-weight: 900; white-space: nowrap; }
.hz-vx-td-team a:hover { color: var(--hz-primary); }
.hz-vx-td-rank { width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 900; background: var(--hz-card-hover); margin: 0 auto; font-family: 'Lexend',sans-serif; }
.hz-vx-rank-1 { background: var(--hz-primary); color: #fff; }
.hz-vx-td-pts { font-family: 'Lexend',sans-serif; font-size: 18px; font-weight: 900; color: var(--hz-primary); }
@media(max-width:768px) {
    .hz-vx-hide-mo { display: none !important; }
    .hz-vx-tbl { min-width: 100%; }
    .hz-vx-tbl th,.hz-vx-tbl td { padding: 12px 6px; }
    .hz-vx-td-team { gap: 8px; font-size: 13px; }
    .hz-vx-td-team img { width: 24px; height: 24px; }
    .hz-vx-td-pts { font-size: 16px; }
}

/* ── Shared Empty State ── */
.hz-vx-empty { padding: 32px; border-radius: var(--hz-radius-xl); background: var(--hz-card-hover); border: 1px dashed var(--hz-border); color: var(--hz-text-muted); text-align: center; font-size: 14px; font-weight: 700; }

/* ═══════════════════════════════════════════════════════════
   CLUB PAGE — hz-cl-
   ═══════════════════════════════════════════════════════════ */
.hz-cl-hero { background: var(--hz-card); border-radius: var(--hz-radius-xl); border: 1px solid var(--hz-border); margin: 24px 0 40px; position: relative; overflow: hidden; box-shadow: var(--hz-shadow); }
.hz-cl-hero-bg { position: absolute; inset: 0; opacity: 0.15; z-index: 1; pointer-events: none; background: linear-gradient(135deg, var(--hz-primary-light), transparent); }
.hz-cl-hero-in { position: relative; z-index: 2; padding: 32px 24px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px; }
@media(min-width:768px) { .hz-cl-hero-in { flex-direction: row; text-align: right; } }
.hz-cl-logo-wrap { width: 100px; height: 100px; flex-shrink: 0; background: var(--hz-card); border-radius: 50%; padding: 12px; border: 2px solid var(--hz-border); box-shadow: var(--hz-shadow); }
.hz-cl-logo-wrap img { width: 100%; height: 100%; object-fit: contain; }
.hz-cl-info h1 { font-size: 32px; font-weight: 900; margin: 0 0 12px; color: var(--hz-text); }
.hz-cl-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
@media(min-width:768px) { .hz-cl-meta { justify-content: flex-start; } }
.hz-cl-tag { display: inline-flex; align-items: center; gap: 6px; background: var(--hz-card-hover); border: 1px solid var(--hz-border); color: var(--hz-text); padding: 6px 14px; border-radius: 12px; font-size: 13px; font-weight: 800; }
.hz-cl-tag .material-symbols-outlined { font-size: 18px; color: var(--hz-primary); }

/* Next Match Hero Card */
.hz-cl-mx-hero { background: var(--hz-card); border-radius: var(--hz-radius-xl); padding: 24px; box-shadow: var(--hz-shadow); border: 1px solid var(--hz-border); border-top: 4px solid var(--hz-primary); }
.hz-cl-mx-lbl { font-size: 13px; font-weight: 900; color: var(--hz-text-muted); text-align: center; margin-bottom: 24px; display: block; }
.hz-cl-mx-teams { display: flex; justify-content: space-around; align-items: center; margin-bottom: 24px; }
.hz-cl-mx-team { display: flex; flex-direction: column; align-items: center; gap: 10px; width: 30%; }
.hz-cl-mx-team img { width: 64px; height: 64px; object-fit: contain; }
.hz-cl-mx-team span { font-size: 16px; font-weight: 900; text-align: center; }
.hz-cl-mx-time { display: flex; flex-direction: column; align-items: center; }
.hz-cl-mx-time strong { font-family: 'Lexend',sans-serif; font-size: 32px; font-weight: 900; color: var(--hz-text); line-height: 1; }
.hz-cl-mx-time span { font-size: 13px; font-weight: 800; color: var(--hz-text-muted); margin-top: 8px; }

/* H2H Bar */
.hz-cl-h2h { background: var(--hz-card-hover); border-radius: 12px; padding: 16px; display: flex; flex-direction: column; gap: 12px; align-items: center; border: 1px solid var(--hz-border); }
@media(min-width:600px) { .hz-cl-h2h { flex-direction: row; justify-content: space-between; } }
.hz-cl-h2h-title { font-size: 13px; font-weight: 800; color: var(--hz-text-muted); }
.hz-cl-h2h-badges { display: flex; gap: 8px; }
.hz-cl-h2h-b { width: 28px; height: 28px; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 900; font-family: 'Lexend',sans-serif; color: #fff; }
.hz-cl-h2h-w { background: var(--hz-primary); }
.hz-cl-h2h-d { background: var(--hz-secondary); }
.hz-cl-h2h-l { background: var(--hz-danger); }

/* Current club highlight in standings */
.hz-cl-tr-hl td { background: var(--hz-secondary-light); border-bottom-color: transparent; position: relative; }
.hz-cl-tr-hl td:first-child::before { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 4px; background: var(--hz-secondary); }

/* Squad */
.hz-cl-sq-group { margin-bottom: 32px; }
.hz-cl-sq-title { font-size: 18px; font-weight: 900; display: flex; align-items: center; gap: 8px; margin-bottom: 16px; color: var(--hz-text); }
.hz-cl-sq-count { font-size: 12px; background: var(--hz-card-hover); border: 1px solid var(--hz-border); padding: 4px 10px; border-radius: 12px; color: var(--hz-text-muted); }
.hz-cl-sq-track { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 16px; scrollbar-width: none; }
.hz-cl-sq-track::-webkit-scrollbar { display: none; }
.hz-cl-sq-card { flex: 0 0 140px; scroll-snap-align: start; background: var(--hz-card); border: 1px solid var(--hz-border); border-radius: var(--hz-radius-lg); padding: 20px 12px; text-align: center; box-shadow: var(--hz-shadow); transition: 0.3s; display: block; color: inherit; }
.hz-cl-sq-card:hover { border-color: var(--hz-primary); transform: translateY(-4px); box-shadow: var(--hz-shadow-hover); }
.hz-cl-sq-img { width: 70px; height: 70px; border-radius: 50%; object-fit: cover; margin: 0 auto 12px; border: 3px solid var(--hz-card-hover); background: var(--hz-bg); }
.hz-cl-sq-num { font-family: 'Lexend',sans-serif; font-weight: 900; color: var(--hz-primary); font-size: 18px; display: block; margin-bottom: 4px; }
.hz-cl-sq-name { font-size: 13px; font-weight: 800; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--hz-text); }
.hz-cl-sq-nat { font-size: 11px; color: var(--hz-text-muted); margin-top: 6px; display: block; }

/* ═══════════════════════════════════════════════════════════
   PLAYER PAGE — hz-pl-
   ═══════════════════════════════════════════════════════════ */
.hz-pl-hero { background: var(--hz-card); border-radius: 0 0 var(--hz-radius-xl) var(--hz-radius-xl); border-bottom: 1px solid var(--hz-border); margin-bottom: 32px; position: relative; overflow: hidden; box-shadow: var(--hz-shadow); padding: 40px 0; }
.hz-pl-hero-bg { position: absolute; inset: 0; background: linear-gradient(135deg, var(--hz-primary-light) 0%, transparent 100%); opacity: 0.5; z-index: 1; }
html.dark .hz-pl-hero-bg { opacity: 0.1; }
.hz-pl-hero-in { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 24px; }
@media(min-width:768px) { .hz-pl-hero-in { flex-direction: row; text-align: right; justify-content: flex-start; } }
.hz-pl-img-wrap { position: relative; width: 140px; height: 140px; flex-shrink: 0; }
@media(min-width:768px) { .hz-pl-img-wrap { width: 160px; height: 160px; } }
.hz-pl-img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 4px solid var(--hz-primary); background: var(--hz-card); box-shadow: var(--hz-shadow-hover); }
.hz-pl-num { position: absolute; bottom: 0; right: 0; background: var(--hz-secondary); color: #fff; font-family: 'Lexend',sans-serif; font-weight: 900; font-size: 22px; width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 4px solid var(--hz-card); box-shadow: var(--hz-shadow); }
.hz-pl-info h1 { font-size: 32px; font-weight: 900; margin: 0 0 16px; line-height: 1.2; color: var(--hz-text); }
@media(min-width:768px) { .hz-pl-info h1 { font-size: 44px; } }
.hz-pl-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
@media(min-width:768px) { .hz-pl-tags { justify-content: flex-start; } }
.hz-pl-tag { background: var(--hz-card); border: 1px solid var(--hz-border); color: var(--hz-text); padding: 6px 14px; border-radius: 12px; font-size: 13px; font-weight: 800; display: flex; align-items: center; gap: 6px; box-shadow: var(--hz-shadow); }
.hz-pl-tag img { width: 20px; height: 20px; object-fit: contain; }
.hz-pl-tag a { font-weight: 800; }
.hz-pl-tag a:hover { color: var(--hz-primary); }

/* Player Grid Layout */
.hz-pl-grid { display: grid; grid-template-columns: 1fr; gap: 24px; width: 100%; }
@media(min-width:992px) { .hz-pl-grid { grid-template-columns: 1fr 340px; } }
.hz-pl-grid-col { min-width: 0; width: 100%; }

/* Stats Bento */
.hz-pl-st-bento { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }
.hz-pl-st-box { background: var(--hz-card); border: 1px solid var(--hz-border); border-radius: var(--hz-radius-xl); padding: 20px; text-align: center; display: flex; flex-direction: column; justify-content: center; box-shadow: var(--hz-shadow); transition: 0.3s; }
.hz-pl-st-box:hover { transform: translateY(-4px); box-shadow: var(--hz-shadow-hover); border-color: var(--hz-primary); }
.hz-pl-st-v { font-family: 'Lexend',sans-serif; font-size: 32px; font-weight: 900; color: var(--hz-primary); line-height: 1; margin-bottom: 8px; }
.hz-pl-st-l { font-size: 13px; font-weight: 800; color: var(--hz-text-muted); }

/* Career Timeline */
.hz-pl-tl-container { position: relative; margin: 0 -16px; }
@media(min-width:768px) { .hz-pl-tl-container { margin: 0; } }
.hz-pl-tl-track { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 0 16px 20px; scrollbar-width: none; }
.hz-pl-tl-track::-webkit-scrollbar { display: none; }
@media(min-width:768px) { .hz-pl-tl-track { padding: 0 0 20px 0; } }
.hz-pl-tl-card { flex: 0 0 160px; scroll-snap-align: start; background: var(--hz-card); border: 1px solid var(--hz-border); border-radius: var(--hz-radius-lg); padding: 20px 16px; text-align: center; box-shadow: var(--hz-shadow); border-top: 4px solid var(--hz-card-hover); transition: 0.3s; }
.hz-pl-tl-card:hover { border-top-color: var(--hz-primary); transform: translateY(-4px); box-shadow: var(--hz-shadow-hover); }
.hz-pl-tl-year { font-family: 'Lexend',sans-serif; font-size: 12px; color: var(--hz-text-muted); font-weight: 900; margin-bottom: 12px; display: block; letter-spacing: 0.5px; }
.hz-pl-tl-img { width: 48px; height: 48px; margin: 0 auto 12px; object-fit: contain; }
.hz-pl-tl-club { font-size: 14px; font-weight: 900; margin-bottom: 12px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--hz-text); }

/* Bio Card */
.hz-pl-bio { background: var(--hz-card); border: 1px solid var(--hz-border); border-radius: var(--hz-radius-xl); padding: 24px; box-shadow: var(--hz-shadow); width: 100%; }
.hz-pl-bio-row { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--hz-border); font-size: 14px; }
.hz-pl-bio-row:last-child { border-bottom: none; padding-bottom: 0; }
.hz-pl-bio-lbl { color: var(--hz-text-muted); font-weight: 800; display: flex; align-items: center; gap: 8px; }
.hz-pl-bio-lbl .material-symbols-outlined { font-size: 18px; }
.hz-pl-bio-val { font-weight: 900; color: var(--hz-text); text-align: left; }

/* Trophies */
.hz-pl-trophy { display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: var(--hz-card-hover); border: 1px solid var(--hz-border); border-radius: 12px; }
.hz-pl-trophy-name { flex: 1; font-size: 14px; font-weight: 800; color: var(--hz-text); }
.hz-pl-trophy-count { font-family: 'Lexend',sans-serif; font-size: 16px; font-weight: 900; color: var(--hz-secondary); }

/* ═══════════════════════════════════════════════════════════
   ACL / TOURNAMENT PAGE — hz-acl-
   ═══════════════════════════════════════════════════════════ */
.hz-acl-hero { background: var(--hz-card); border-radius: 0 0 var(--hz-radius-xl) var(--hz-radius-xl); border-bottom: 1px solid var(--hz-border); margin-bottom: 32px; position: relative; overflow: hidden; box-shadow: var(--hz-shadow); padding: 40px 0; }
.hz-acl-hero-bg { position: absolute; inset: 0; opacity: 0.1; z-index: 1; mask-image: linear-gradient(to top, transparent, black); -webkit-mask-image: linear-gradient(to top, transparent, black); background: linear-gradient(135deg, var(--hz-primary-light), var(--hz-secondary-light)); }
.hz-acl-hero-in { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px; }
.hz-acl-logo { width: 120px; height: 120px; object-fit: contain; background: var(--hz-card); border-radius: 50%; padding: 16px; box-shadow: 0 0 30px rgba(217,119,6,0.2); border: 2px solid var(--hz-secondary); }
.hz-acl-info h1 { font-size: 32px; font-weight: 900; margin: 0 0 12px; line-height: 1.2; color: var(--hz-text); }
.hz-acl-tag { background: var(--hz-primary-light); color: var(--hz-primary); padding: 8px 16px; border-radius: 12px; font-size: 14px; font-weight: 800; display: inline-flex; align-items: center; gap: 6px; }

/* Bracket Navigator */
.hz-acl-bnav { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 12px; margin-bottom: 24px; scrollbar-width: none; }
.hz-acl-bnav::-webkit-scrollbar { display: none; }
.hz-acl-bnav-btn { white-space: nowrap; background: var(--hz-card); border: 1px solid var(--hz-border); color: var(--hz-text-muted); font-family: 'Almarai',sans-serif; font-weight: 800; font-size: 13px; padding: 10px 24px; border-radius: 12px; cursor: pointer; transition: 0.3s; box-shadow: var(--hz-shadow); }
.hz-acl-bnav-btn.active { background: var(--hz-primary); color: #fff; border-color: var(--hz-primary); }

/* Knockout Bracket Match Cards */
.hz-acl-ko-card { background: var(--hz-card); border-radius: var(--hz-radius-lg); border: 1px solid var(--hz-border); padding: 16px; box-shadow: var(--hz-shadow); transition: all 0.3s; display: block; text-align: right; margin-bottom: 16px; }
.hz-acl-ko-card:hover { transform: translateY(-4px); border-color: var(--hz-primary); box-shadow: var(--hz-shadow-hover); }
.hz-acl-ko-agg { font-size: 11px; font-weight: 800; color: var(--hz-text-muted); background: var(--hz-card-hover); padding: 6px 10px; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.hz-acl-ko-agg-score { color: var(--hz-primary); font-family: 'Lexend',sans-serif; font-weight: 900; font-size: 13px; }
.hz-acl-ko-team { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; font-size: 14px; font-weight: 800; }
.hz-acl-ko-team:first-of-type { border-bottom: 1px solid var(--hz-border); margin-bottom: 4px; padding-bottom: 12px; }
.hz-acl-ko-team-info { display: flex; align-items: center; gap: 10px; }
.hz-acl-ko-team-info img { width: 28px; height: 28px; object-fit: contain; }
.hz-acl-ko-score { font-family: 'Lexend',sans-serif; font-weight: 900; font-size: 16px; color: var(--hz-text-muted); background: var(--hz-card-hover); width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border-radius: 8px; border: 1px solid var(--hz-border); }
.hz-acl-ko-team.winner .hz-acl-ko-score { color: #fff; background: var(--hz-primary); border-color: var(--hz-primary); }
.hz-acl-ko-card.is-final { border: 2px solid var(--hz-secondary); background: linear-gradient(135deg, var(--hz-card), var(--hz-secondary-light)); }

/* Knockout Grid */
.hz-acl-ko-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media(min-width:768px) { .hz-acl-ko-grid { grid-template-columns: 1fr 1fr; } }

/* Knockout section panel (toggle) */
.hz-acl-panel { display: none; }
.hz-acl-panel.active { display: block; animation: hz-acl-fade 0.3s ease; }
@keyframes hz-acl-fade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* Group tabs */
.hz-acl-tabs { display: flex; background: var(--hz-card); border: 1px solid var(--hz-border); border-radius: 12px; padding: 6px; margin-bottom: 24px; width: fit-content; box-shadow: var(--hz-shadow); }
.hz-acl-tab { background: transparent; border: none; color: var(--hz-text-muted); font-family: 'Almarai',sans-serif; font-weight: 800; font-size: 14px; padding: 10px 32px; border-radius: 8px; cursor: pointer; transition: 0.2s; }
.hz-acl-tab.on { background: var(--hz-primary-light); color: var(--hz-primary); }

/* Qualified row highlight */
.hz-acl-row-q td { background: var(--hz-primary-light); position: relative; border-bottom-color: transparent; }
.hz-acl-row-q td:first-child::before { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 4px; background: var(--hz-primary); }

/* Stats panels (shared across ACL and League) */
.hz-vx-stt-grid { display: grid; grid-template-columns: 1fr; gap: 24px; }
@media(min-width:992px) { .hz-vx-stt-grid { grid-template-columns: 1fr 1fr; } }
.hz-vx-stt-panel { background: var(--hz-card); border: 1px solid var(--hz-border); border-radius: var(--hz-radius-xl); padding: 24px; box-shadow: var(--hz-shadow); }
.hz-vx-stt-panel-t { font-size: 18px; font-weight: 900; color: var(--hz-text); margin: 0 0 20px; display: flex; align-items: center; gap: 8px; }
.hz-vx-stt-row { display: flex; align-items: center; gap: 12px; padding: 12px; background: var(--hz-card-hover); border-radius: 12px; transition: 0.2s; border: 1px solid transparent; margin-bottom: 10px; }
.hz-vx-stt-row:hover { transform: translateX(-4px); border-color: var(--hz-primary); background: var(--hz-primary-light); }
.hz-vx-stt-rank { font-family: 'Lexend',sans-serif; font-size: 16px; font-weight: 900; color: var(--hz-text-muted); width: 24px; text-align: center; }
.hz-vx-stt-row:first-child .hz-vx-stt-rank { color: var(--hz-secondary); font-size: 20px; }
.hz-vx-stt-img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; border: 2px solid var(--hz-card); background: var(--hz-bg); flex-shrink: 0; }
.hz-vx-stt-info { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.hz-vx-stt-name { font-size: 14px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hz-vx-stt-club { font-size: 11px; color: var(--hz-text-muted); display: flex; align-items: center; gap: 6px; margin-top: 4px; }
.hz-vx-stt-club img { width: 14px; height: 14px; object-fit: contain; }
.hz-vx-stt-val { font-family: 'Lexend',sans-serif; font-size: 20px; font-weight: 900; color: var(--hz-primary); flex-shrink: 0; }

/* ACL News 5-item bento */
.hz-acl-news5 { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media(min-width:992px) { .hz-acl-news5 { grid-template-columns: repeat(3,1fr); grid-template-rows: repeat(2,220px); } .hz-acl-news5 .is-feat { grid-column: 1/3; grid-row: 1/3; } }

/* ═══ VISUAL BRACKET (Horizontal Scroll) ═══ */
.hz-acl-bracket-wrap { margin: 0 -16px; padding: 0 16px; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; }
.hz-acl-bracket-wrap::-webkit-scrollbar { display: none; }
@media(min-width:768px) { .hz-acl-bracket-wrap { margin: 0; padding: 0; } }
.hz-acl-bracket { display: flex; gap: 48px; padding-bottom: 32px; min-width: max-content; }
.hz-acl-bracket-col { display: flex; flex-direction: column; justify-content: space-around; gap: 24px; width: 280px; position: relative; }
.hz-acl-bracket-col-title { font-size: 13px; font-weight: 900; color: var(--hz-text-muted); text-align: center; padding: 8px 0 16px; border-bottom: 2px solid var(--hz-border); margin-bottom: 8px; }
.hz-acl-bracket-col.is-active .hz-acl-bracket-col-title { color: var(--hz-secondary); border-bottom-color: var(--hz-secondary); }

/* Match Card in Bracket */
.hz-acl-bm { background: var(--hz-card); border-radius: var(--hz-radius-lg); border: 1px solid var(--hz-border); padding: 16px; box-shadow: var(--hz-shadow); transition: all 0.3s ease; cursor: pointer; text-align: right; width: 100%; display: block; font-family: inherit; font-size: inherit; color: inherit; position: relative; z-index: 2; }
.hz-acl-bm:hover { transform: translateY(-4px); border-color: var(--hz-primary); box-shadow: var(--hz-shadow-hover); }
.hz-acl-bm.is-final { border: 2px solid var(--hz-secondary); background: linear-gradient(135deg, var(--hz-card), var(--hz-secondary-light)); }
.hz-acl-bm.is-live { border-color: var(--hz-primary); }

/* Active round highlight */
.hz-acl-bracket-col.is-active .hz-acl-bm { border-color: var(--hz-secondary); box-shadow: 0 0 20px rgba(217,119,6,0.1); }
.hz-acl-bracket-col.is-active .hz-acl-bm-agg { background: var(--hz-secondary-light); color: var(--hz-secondary); }

/* Aggregate bar */
.hz-acl-bm-agg { font-size: 11px; font-weight: 800; color: var(--hz-text-muted); background: var(--hz-card-hover); padding: 6px 10px; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.hz-acl-bm-agg-score { color: var(--hz-primary); font-family: 'Lexend',sans-serif; font-weight: 900; font-size: 13px; }

/* Team rows */
.hz-acl-bm-team { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; font-size: 14px; font-weight: 800; }
.hz-acl-bm-team:first-of-type { border-bottom: 1px solid var(--hz-border); margin-bottom: 4px; padding-bottom: 12px; }
.hz-acl-bm-team-info { display: flex; align-items: center; gap: 10px; }
.hz-acl-bm-team-info img { width: 28px; height: 28px; object-fit: contain; }
.hz-acl-bm-score { font-family: 'Lexend',sans-serif; font-weight: 900; font-size: 16px; color: var(--hz-text-muted); background: var(--hz-card-hover); width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border-radius: 8px; border: 1px solid var(--hz-border); }
.hz-acl-bm-team.winner .hz-acl-bm-score { color: #fff; background: var(--hz-primary); border-color: var(--hz-primary); }

/* CSS Connecting Lines (RTL) */
.hz-acl-bracket-col:not(:last-child) .hz-acl-bm::after { content: ''; position: absolute; left: -24px; top: 50%; width: 24px; height: 2px; background: var(--hz-border); z-index: 1; }
.hz-acl-bracket-col:not(:first-child) .hz-acl-bm::before { content: ''; position: absolute; right: -24px; top: 50%; width: 24px; height: 2px; background: var(--hz-border); z-index: 1; }

/* ═══ MATCH DETAIL MODAL ═══ */
.hz-acl-modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.6); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 999; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: 0.3s ease; padding: 16px; }
.hz-acl-modal-overlay.active { opacity: 1; pointer-events: all; }
.hz-acl-modal { background: var(--hz-card); width: 100%; max-width: 450px; border-radius: var(--hz-radius-xl); border: 1px solid var(--hz-border); box-shadow: var(--hz-shadow-hover); transform: translateY(20px) scale(0.95); transition: 0.3s ease; overflow: hidden; }
.hz-acl-modal-overlay.active .hz-acl-modal { transform: translateY(0) scale(1); }
.hz-acl-modal-header { background: var(--hz-card-hover); padding: 20px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--hz-border); }
.hz-acl-modal-title { font-size: 16px; font-weight: 900; color: var(--hz-primary); margin: 0; }
.hz-acl-modal-close { background: var(--hz-card); border: 1px solid var(--hz-border); color: var(--hz-text-muted); cursor: pointer; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; transition: 0.2s; }
.hz-acl-modal-close:hover { background: rgba(220,38,38,0.1); color: var(--hz-danger); border-color: var(--hz-danger); }
.hz-acl-modal-body { padding: 24px; max-height: 70vh; overflow-y: auto; }

/* Leg Card inside Modal */
.hz-acl-leg { background: var(--hz-card-hover); border-radius: 16px; padding: 20px; margin-bottom: 16px; border: 1px solid var(--hz-border); }
.hz-acl-leg:last-child { margin-bottom: 0; }
.hz-acl-leg-head { display: flex; justify-content: space-between; align-items: center; font-size: 12px; font-weight: 800; color: var(--hz-text-muted); margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px dashed var(--hz-border); }
.hz-acl-leg-badge { background: var(--hz-card); border: 1px solid var(--hz-border); padding: 4px 10px; border-radius: 8px; color: var(--hz-text); font-weight: 900; }
.hz-acl-leg-badge.is-sec { background: var(--hz-secondary-light); color: var(--hz-secondary); border-color: transparent; }
.hz-acl-leg-match { display: flex; justify-content: space-between; align-items: center; }
.hz-acl-leg-team { display: flex; flex-direction: column; align-items: center; gap: 8px; width: 30%; }
.hz-acl-leg-team img { width: 44px; height: 44px; object-fit: contain; }
.hz-acl-leg-team span { font-size: 13px; font-weight: 900; text-align: center; }
.hz-acl-leg-score { font-family: 'Lexend',sans-serif; font-size: 28px; font-weight: 900; color: var(--hz-text); }

/* ═════════ RELATED NEWS — unified across entity pages ═════════ */
.hsp2-relnews-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:700px){.hsp2-relnews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1180px){.hsp2-relnews-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.hsp2-relnews-card{display:flex;flex-direction:column;min-width:0;background:var(--hz-card);border:1px solid var(--hz-border);border-radius:24px;overflow:hidden;box-shadow:var(--hz-shadow);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.hsp2-relnews-card:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.45);box-shadow:var(--hz-shadow-hover)}
.hsp2-relnews-media{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,var(--hz-card-hover),var(--hz-card));overflow:hidden}
.hsp2-relnews-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.hsp2-relnews-card:hover .hsp2-relnews-media img{transform:scale(1.04)}
.hsp2-relnews-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:34px;color:var(--hz-text-muted)}
.hsp2-relnews-body{display:flex;flex-direction:column;gap:10px;padding:16px 16px 18px}
.hsp2-relnews-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.hsp2-relnews-kicker{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--hz-primary-light);color:var(--hz-primary);font-size:11px;font-weight:900}
.hsp2-relnews-time{display:inline-flex;align-items:center;gap:5px;color:var(--hz-text-muted);font-size:11px;font-weight:800}
.hsp2-relnews-time .material-symbols-outlined{font-size:14px}
.hsp2-relnews-title{margin:0;font-size:15px;line-height:1.75;font-weight:900;color:var(--hz-text)}
.hsp2-relnews-card.is-featured{position:relative}
@media(min-width:700px){.hsp2-relnews-card.is-featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:stretch}.hsp2-relnews-card.is-featured .hsp2-relnews-media{aspect-ratio:auto;min-height:260px}.hsp2-relnews-card.is-featured .hsp2-relnews-body{padding:24px;justify-content:flex-end}.hsp2-relnews-card.is-featured .hsp2-relnews-title{font-size:26px;line-height:1.55}}
@media(max-width:699px){.hsp2-relnews-card.is-featured .hsp2-relnews-title{font-size:18px}}


/* color polish for softer reading in theme-integrated plugin pages */
.hz-pl-hero,.hz-acl-hero,.hz-cl-mx-hero,.hz-cl-hero,.hz-nt-hero,.hz-cp-hero{background:linear-gradient(180deg,var(--hz-card),var(--hz-card-hover));}
.hz-pl-hero-bg,.hz-cl-hero-bg,.hz-acl-hero-bg{opacity:.26;}
html.dark .hz-pl-hero-bg,html.dark-mode .hz-pl-hero-bg,html[data-theme="dark"] .hz-pl-hero-bg,html.dark .hz-cl-hero-bg,html.dark-mode .hz-cl-hero-bg,html[data-theme="dark"] .hz-cl-hero-bg,html.dark .hz-acl-hero-bg,html.dark-mode .hz-acl-hero-bg,html[data-theme="dark"] .hz-acl-hero-bg{opacity:.12;}
.hz-pl-tag,.hz-cl-tag,.hz-acl-tag,.hz-vx-bnav,.hz-lp-bnav,.hz-cl-sq-card,.hz-pl-st-box,.hz-pl-bio,.hz-pl-tl-card,.hz-cp-stars-panel,.hz-cp-table-wrap,.hz-cp-ko-card,.hz-cp-news-card{box-shadow:0 8px 26px rgba(15,23,42,.06);}
html.dark .hz-pl-tag,html.dark-mode .hz-pl-tag,html[data-theme="dark"] .hz-pl-tag,html.dark .hz-cl-tag,html.dark-mode .hz-cl-tag,html[data-theme="dark"] .hz-cl-tag,html.dark .hz-acl-tag,html.dark-mode .hz-acl-tag,html[data-theme="dark"] .hz-acl-tag,html.dark .hz-vx-bnav,html.dark-mode .hz-vx-bnav,html[data-theme="dark"] .hz-vx-bnav,html.dark .hz-lp-bnav,html.dark-mode .hz-lp-bnav,html[data-theme="dark"] .hz-lp-bnav,html.dark .hz-cl-sq-card,html.dark-mode .hz-cl-sq-card,html[data-theme="dark"] .hz-cl-sq-card,html.dark .hz-pl-st-box,html.dark-mode .hz-pl-st-box,html[data-theme="dark"] .hz-pl-st-box,html.dark .hz-pl-bio,html.dark-mode .hz-pl-bio,html[data-theme="dark"] .hz-pl-bio,html.dark .hz-pl-tl-card,html.dark-mode .hz-pl-tl-card,html[data-theme="dark"] .hz-pl-tl-card,html.dark .hz-cp-stars-panel,html.dark-mode .hz-cp-stars-panel,html[data-theme="dark"] .hz-cp-stars-panel,html.dark .hz-cp-table-wrap,html.dark-mode .hz-cp-table-wrap,html[data-theme="dark"] .hz-cp-table-wrap,html.dark .hz-cp-ko-card,html.dark-mode .hz-cp-ko-card,html[data-theme="dark"] .hz-cp-ko-card,html.dark .hz-cp-news-card,html.dark-mode .hz-cp-news-card,html[data-theme="dark"] .hz-cp-news-card{box-shadow:0 14px 34px rgba(2,6,23,.28);}