/* ── Scrollbar ── */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: #1a1a1a; }
::-webkit-scrollbar-thumb { background: #be3bff; border-radius: 2px; }

body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #000;
    font-family: abcdiatype-medium, Arial, sans-serif;
}

.releases-page {
    max-width: 1000px;
    margin: 100px auto 80px auto;
    padding: 0 20px;
}

.releases-table {
    width: 100%;
    border-collapse: collapse;
}

.releases-table thead tr { border-bottom: 1px solid #b400fb; }

.releases-table th {
    text-align: left;
    padding: 14px 16px;
    font-size: 0.75rem;
    letter-spacing: 2px;
    color: #999;
    font-weight: normal;
    text-transform: uppercase;
}

.releases-table tbody tr {
    border-bottom: 1px solid #b400fb;
    cursor: pointer;
    transition: background 0.15s;
}

.releases-table tbody tr:hover { background: #b400fb; }
.releases-table tbody tr:hover td { color: #fff; }

.releases-table td {
    padding: 18px 16px;
    font-size: 0.9rem;
    color: #000;
    transition: color 0.15s;
}

.releases-table td:first-child {
    color: #999;
    font-size: 0.8rem;
    letter-spacing: 1px;
    white-space: nowrap;
}

.releases-table tbody tr:hover td:first-child { color: #fff; }

/* ══════════════════════════════
   MEDIA QUERIES
══════════════════════════════ */

@media screen and (max-width: 1024px) and (orientation: portrait) {
    .releases-page { margin-top: 70px; padding: 0 10px; }
    .releases-table th, .releases-table td { padding: 14px 8px; font-size: 0.8rem; }
    .releases-table th:nth-child(4), .releases-table td:nth-child(4) { display: none; }
}

@media screen and (max-width: 1024px) and (orientation: landscape) {
    .releases-page { margin-top: 60px; padding: 0 10px; }
    .releases-table th:nth-child(4), .releases-table td:nth-child(4) { display: none; }
}

@media screen and (max-width: 400px) {
    .releases-table th, .releases-table td { padding: 12px 6px; font-size: 0.75rem; }
    .releases-table th:first-child, .releases-table td:first-child { display: none; }
}