











.home-sec-head { margin: 0 0 12px; }
.home-sec-head a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: inherit;
  text-decoration: none;
  border-radius: var(--radius);
  transition: color 0.15s;
}

.home-sec-head .t {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  color: inherit;
}

.home-sec-head a::after {
  content: "\25B8";
  font-size: 11px;
  color: var(--text-muted);
}


.home-sec-head a:hover { color: var(--text); }

.home-sec-head a:hover .t { color: inherit; transform: none; }


.home-sec-head a:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }


.home-sec-head__note {
  order: 1;
  flex: 0 0 auto;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.08em;
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
}







.home-section { margin-bottom: 26px; }
.home-section--lead { margin-bottom: 34px; }
.home-section--compact { margin-bottom: 22px; }


.home-section--lead .home-sec-head { font-size: var(--t-body); margin-bottom: 14px; }



.home-section--lead + .home-section--compact {
  border-top: 1px solid var(--border);
  padding-top: 10px;
}








.home-banners .event-card.status-active   .event-card__imgwrap::after,
.home-banners .event-card.status-upcoming .event-card__imgwrap::after,
.home-banners .event-card.status-expired  .event-card__imgwrap::after {
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 2px 8px;
  


  border-radius: var(--radius);
  border: var(--hair) solid var(--border-soft);
  background: var(--bg-sunken);
  font-family: var(--font-game);
  font-size: var(--t-micro);
  line-height: 16px;
  letter-spacing: var(--track-caps);
  text-transform: uppercase;
  color: var(--text-muted);          
}
.home-banners .event-card.status-active .event-card__imgwrap::after {
  content: "Live";
  color: var(--accent-green);
  border-color: rgba(111, 221, 139, 0.5);
}
.home-banners .event-card.status-upcoming .event-card__imgwrap::after {
  content: "Upcoming";
  color: var(--accent-blue);
  border-color: rgba(111, 157, 255, 0.5);
}
.home-banners .event-card.status-expired .event-card__imgwrap::after {
  content: "Ended";
}



.home-banners .event-card__count { font-variant-numeric: tabular-nums; }














@media (min-width: 780px) {
  .home-section--equip .eq-grid {
    grid-template-columns: none;
    grid-template-rows: repeat(3, auto);
    grid-auto-flow: column;
    justify-content: center;
    gap: 4px 10px;
  }
}






.home-section--news .events-grid.home-news {
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.home-section--news .event-card__title { font-size: var(--t-body); }
.home-section--news .event-card__body { padding: 9px 12px 11px; }


.home-section--news .event-card__imgwrap:empty { display: none; }

@media (max-width: 900px) {
  .home-section--news .events-grid.home-news { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 620px) {
  .home-section--news .events-grid.home-news { grid-template-columns: 1fr; }
}






.news-page .page__title {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}








.news-page .news-count {
  max-width: 760px;
  margin: 0 auto 14px;
}












.news-page .news-card {
  background: none;
  border: var(--hair) solid var(--rule);
  border-radius: var(--radius-panel);
  transition: border-color 0.15s ease;
}
.news-page .news-card:hover {
  transform: none;                    
  border-color: var(--rule-strong);   
}
.news-page .news-card:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--focus); 
}

.news-page .news-card__date { font-variant-numeric: tabular-nums; }








.news-page .news-pagination a:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}















.news-detail__body {
  max-width: 70ch;
  margin-inline: auto;
  padding: 18px 16px 30px;
  border-radius: var(--radius-card);
}




.home-more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  margin-top: 12px;
  padding: 0 18px;
  




  border: var(--hair) solid var(--rule-strong);   
  border-radius: var(--radius);
  color: var(--accent);
  font-size: var(--t-body);
  font-weight: 700;
  letter-spacing: var(--track-caps);
  text-transform: uppercase;
  text-decoration: none;
}
.home-more:hover,
.home-more:focus-visible { border-color: var(--accent); }



@media (prefers-reduced-motion: reduce) {
  .home-sec-head a,
  .news-page .news-card { transition: none; }
  

}
