/* EVENTS tab: the next-fight card, the calendar, results and the rankings table. */

.hero--events{ grid-template-columns:minmax(0, 1.1fr) minmax(320px, .9fr); align-items:center; min-height:auto; padding-bottom:clamp(40px, 6vw, 80px); }
.next{ padding:clamp(22px, 2.6vw, 34px); display:flex; flex-direction:column; gap:10px; border-color:rgba(178,107,255,.38);
  background:radial-gradient(120% 90% at 100% 0%, rgba(138,43,226,.28), transparent 60%), rgba(12,9,18,.7); }
.next__wait{ color:var(--bone-dim); margin:0; }
.next__vs{ margin:4px 0 0; font-family:var(--display); font-weight:900; text-transform:uppercase; font-size:clamp(2.2rem, 4.4vw, 3.6rem); line-height:1; }
.next__vs span{ color:var(--blood-lift); font-size:.5em; vertical-align:.4em; margin-right:.2em; }
.next__vs--tba{ color:var(--bone-dim); }
.next__event{ margin:0; font-weight:500; }
.next__when{ margin:0; color:var(--bone-dim); font-size:.88rem; line-height:1.5; }
.count{ display:flex; gap:18px; margin-top:8px; }
.count span{ display:flex; flex-direction:column; }
.count b{ font-family:var(--display); font-weight:800; font-size:2.4rem; line-height:1; }
.count small{ font:500 .62rem/1.4 var(--label); letter-spacing:.2em; text-transform:uppercase; color:var(--bone-dim); }
.next__last{ margin-top:12px; padding-top:14px; border-top:1px solid rgba(242,243,245,.1); display:grid; gap:4px; }
.next__last p{ margin:0; }
.is-win{ color:#7dffb0; } .is-loss{ color:#ff8a9a; }

.ev-sec{ scroll-margin-top:90px; }
.events{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.events__wait{ color:var(--bone-dim); padding:18px 0; margin:0; }
.ev{ display:grid; grid-template-columns:76px minmax(0, 1fr); gap:clamp(14px, 2vw, 26px); padding:clamp(16px, 2vw, 22px); align-items:start; }
.ev--dione{ border-color:var(--blood-lift); box-shadow:0 0 0 1px rgba(178,107,255,.35), 0 10px 40px rgba(138,43,226,.25); }
.ev__date{ display:flex; flex-direction:column; align-items:center; padding:10px 0; border:1px solid rgba(178,107,255,.3); background:rgba(138,43,226,.1); }
.ev__dd{ font-size:2.1rem; line-height:1; }
.ev__mon{ font:600 .66rem/1 var(--label); letter-spacing:.22em; text-transform:uppercase; color:var(--blood-lift); margin-top:4px; }
.ev__body{ min-width:0; display:grid; gap:6px; }
.ev__when{ margin:0; font-size:.62rem; color:var(--bone-dim); text-shadow:none; }
.ev__her{ color:var(--blood-lift); font-weight:600; }
.ev__name{ margin:0; font-family:var(--display); font-weight:800; text-transform:uppercase; font-size:clamp(1.25rem, 2vw, 1.6rem); line-height:1.05; }
.ev__venue{ margin:0; color:var(--bone-dim); font-size:.84rem; }
.ev__main{ margin:2px 0 0; font-size:.95rem; }
.ev__how{ color:var(--bone-dim); font-size:.82rem; margin-left:.4em; }
.vs{ font-style:normal; color:var(--bone-faint); font-size:.78em; margin:0 .3em; }
.who--won{ font-weight:600; color:var(--bone); }
.events--results .who:not(.who--won){ color:var(--bone-dim); }
.who--dione{ color:var(--blood-lift) !important; font-weight:600; }
.belt{ font-style:normal; font:700 .55rem/1 var(--label); background:#c9a227; color:#140f02; padding:.25em .4em; border-radius:2px; vertical-align:.2em; }

.ev__card summary{ cursor:pointer; color:var(--blood-lift); font:600 .7rem/1.2 var(--label); letter-spacing:.18em; text-transform:uppercase; padding:6px 0; list-style:none; }
.ev__card summary::-webkit-details-marker{ display:none; }
.ev__card summary::before{ content:"+ "; }
.ev__card[open] summary::before{ content:"− "; }
.bouts{ list-style:none; padding:0; margin:6px 0 0; border-top:1px solid rgba(242,243,245,.08); }
.bout-row{ display:grid; grid-template-columns:minmax(120px, .7fr) minmax(0, 1.6fr) minmax(0, .9fr); gap:4px 14px; padding:9px 0; border-bottom:1px solid rgba(242,243,245,.08); font-size:.88rem; align-items:baseline; }
.events:not(.events--results) .bout-row{ grid-template-columns:minmax(120px, .7fr) minmax(0, 2.5fr); }
.bout-row__div{ color:var(--bone-dim); font-size:.74rem; }
.bout-row__div b{ color:var(--bone); font-weight:600; }
.bout-row__how{ color:var(--bone-dim); font-size:.8rem; }
.bout-row--dione{ background:rgba(138,43,226,.12); }

.divisions{ margin-bottom:18px; }
.ranking{ padding:clamp(18px, 2.4vw, 30px); }
.ranking__head{ display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:10px 24px; margin-bottom:14px; }
.ranking__head h3{ margin:0; font-family:var(--display); font-weight:900; text-transform:uppercase; font-size:clamp(1.6rem, 3vw, 2.4rem); line-height:1; }
.ranking__champ{ margin:0; display:flex; gap:10px; align-items:baseline; }
.ranking__champ .label{ color:#e0c25a; text-shadow:none; font-size:.64rem; }
.ranking a{ color:var(--bone); text-decoration:none; }
.ranking a:hover{ color:var(--blood-lift); }
.ranking__list{ list-style:none; padding:0; margin:0; columns:2; column-gap:clamp(20px, 4vw, 60px); }
.ranking__list li{ break-inside:avoid; display:flex; align-items:baseline; gap:14px; padding:10px 0; border-bottom:1px solid rgba(242,243,245,.08); }
.ranking__list li.is-dione{ background:rgba(138,43,226,.14); }
.ranking__n{ width:2ch; text-align:right; color:var(--blood-lift); font-size:1.3rem; }
.move{ margin-left:auto; font:600 .62rem/1 var(--label); letter-spacing:.06em; }
.move--up{ color:#7dffb0; } .move--down{ color:#ff8a9a; } .move--new{ color:var(--blood-lift); letter-spacing:.18em; }
.ranking__note{ margin:16px 0 0; color:var(--bone-dim); font-size:.86rem; }
.ev-updated{ margin:-40px 0 60px; color:var(--bone-faint); font-size:.78rem; }

@media (max-width: 900px){
  .hero--events{ grid-template-columns:1fr; }
}
@media (max-width: 640px){
  .ev{ grid-template-columns:56px minmax(0, 1fr); }
  .ev__dd{ font-size:1.6rem; }
  .bout-row, .events:not(.events--results) .bout-row{ grid-template-columns:1fr; }
  .ranking__list{ columns:1; }
}