.releases-layout-grid { grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.3fr); align-items: flex-start; }
@media (max-width: 992px) { .releases-layout-grid { grid-template-columns: minmax(0, 1fr); } .releases-sidebar { margin-top: var(--space-6); } }
.releases-hero-actions { flex-wrap: wrap; }
.releases-section-header { margin-bottom: var(--space-4); }
.releases-filters__form { display: flex; flex-direction: column; gap: var(--space-3); }
.releases-filters__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); }
@media (max-width: 992px) { .releases-filters__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .releases-filters__grid { grid-template-columns: minmax(0, 1fr); } }
.releases-filters__field { display: flex; flex-direction: column; gap: var(--space-1); font-size: var(--text-sm); }
.releases-filters__label { color: var(--gray-300); font-weight: 500; }
.releases-list { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1.2fr); gap: var(--space-4); align-items: stretch; }
.releases-list__media { border-radius: var(--radius-lg); overflow: hidden; align-self: stretch; }
.releases-list__media img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 900px) { .releases-list { grid-template-columns: minmax(0, 1fr); } .releases-list__media { order: -1; } }
.releases-list__items { display: grid; gap: var(--space-3); margin-top: var(--space-3); }
.releases-list__item { padding: var(--space-3); border-radius: var(--radius-md); background-color: rgba(15,23,42,0.9); border: 1px solid rgba(148,163,184,0.35); }
.releases-list__item h4 { margin-bottom: var(--space-1); font-size: var(--text-base); }
.releases-list__item p { margin-bottom: var(--space-2); }
.releases-list__meta { display: flex; flex-direction: column; gap: var(--space-2); }
.releases-list__meta dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-2); font-size: var(--text-xs); color: var(--gray-400); }
.releases-list__meta dt { font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: var(--space-1); color: var(--gray-300); }
.releases-list__meta dd { margin: 0; }
@media (max-width: 768px) { .releases-list__meta dl { grid-template-columns: minmax(0, 1fr); } }
.releases-calendar__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
@media (max-width: 1024px) { .releases-calendar__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .releases-calendar__grid { grid-template-columns: minmax(0, 1fr); } }
.releases-calendar__month h4 { margin-bottom: var(--space-2); font-size: var(--text-base); }
.releases-calendar__month ul { display: grid; gap: var(--space-2); font-size: var(--text-sm); }
.releases-calendar__month li { display: flex; flex-direction: column; gap: 0.1rem; padding: var(--space-2); border-radius: var(--radius-md); background-color: rgba(15,23,42,0.9); border: 1px solid rgba(148,163,184,0.25); }
.releases-calendar__date { font-weight: 600; color: var(--gray-200); }
.releases-calendar__game { color: var(--color-text-muted); }
.releases-versions { width: 100%; border-radius: var(--radius-md); border: 1px solid rgba(148,163,184,0.35); overflow: hidden; font-size: var(--text-sm); }
.releases-versions__header, .releases-versions__row { display: grid; grid-template-columns: 0.9fr 2fr 0.8fr 1.1fr; gap: var(--space-3); padding: var(--space-3); }
.releases-versions__header { background-color: rgba(15,23,42,0.98); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 0.08em; color: var(--gray-400); }
.releases-versions__row:nth-child(even) { background-color: rgba(15,23,42,0.96); }
.releases-versions__row:nth-child(odd) { background-color: rgba(15,23,42,0.9); }
@media (max-width: 900px) { .releases-versions__header { display: none; } .releases-versions__row { grid-template-columns: minmax(0, 1fr); gap: var(--space-1); } .releases-versions__row > div { position: relative; padding-top: 0.1rem; } .releases-versions__row > div::before { content: attr(data-label); display: block; font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 0.08em; color: var(--gray-500); margin-bottom: 0.15rem; } }
.releases-archive__columns { display: grid; grid-template-columns: 0.9fr 0.9fr minmax(0, 1.4fr); gap: var(--space-4); }
@media (max-width: 1024px) { .releases-archive__columns { grid-template-columns: repeat(2, minmax(0, 1fr)); } .releases-archive__preview { grid-column: 1 / -1; } }
@media (max-width: 640px) { .releases-archive__columns { grid-template-columns: minmax(0, 1fr); } }
.releases-archive h4 { margin-bottom: var(--space-2); font-size: var(--text-base); }
.releases-archive ul { display: grid; gap: var(--space-2); }
.releases-archive__link { width: 100%; text-align: left; background-color: rgba(15,23,42,0.96); border-radius: var(--radius-md); padding: var(--space-2) var(--space-3); border: 1px solid rgba(148,163,184,0.4); font-size: var(--text-sm); color: var(--gray-100); cursor: pointer; transition: background-color var(--transition-normal), border-color var(--transition-normal), transform var(--transition-fast); }
.releases-archive__link:hover { background-color: rgba(79,70,229,0.16); border-color: rgba(129,140,248,0.85); transform: translateY(-1px); }
.releases-archive__link:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.releases-archive__preview ul { display: grid; gap: var(--space-2); font-size: var(--text-sm); }
.releases-archive__preview strong { color: var(--gray-50); }
.releases-community__list { display: grid; gap: var(--space-3); }
.releases-community__item { padding: var(--space-3); border-radius: var(--radius-md); background-color: rgba(15,23,42,0.96); border: 1px solid rgba(148,163,184,0.35); }
.releases-community__item h4 { margin-bottom: var(--space-1); font-size: var(--text-base); }
.releases-community__meta { font-size: var(--text-xs); color: var(--gray-400); margin-bottom: var(--space-2); }
.releases-featured__media, .releases-editors__media { margin-top: var(--space-3); border-radius: var(--radius-lg); overflow: hidden; }
.releases-featured__list, .releases-editors__list { display: grid; gap: var(--space-3); margin-top: var(--space-3); font-size: var(--text-sm); }
.releases-featured__list h3, .releases-editors__list h3 { font-size: var(--text-base); margin-bottom: var(--space-1); }
.releases-featured__score { margin-top: var(--space-1); font-size: var(--text-xs); color: var(--gray-300); }
.newsletter-box a.button { margin-top: var(--space-3); }