.rules-list {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.rules-list ._rule {
    padding: 8px 12px;
    max-width: 300px;
    color: #fff;
    cursor: pointer;
}

.rules-list .title {
    padding: 8px 12px;
    font-weight: 600;
    display: flex;
    gap: 3px;
    align-items: center;
    color: #ffff;
    user-select: none;
}

._rule:hover {
    background: linear-gradient(90deg,#009dff6a 0.1%, rgba(0, 0, 0, 0) 100%);
    border-left: 2px solid #009cff;
    padding: 8px 12px;
    max-width: 300px;
    color: #fff;
    cursor: pointer;
}

/* Prawa kolumna */
.right-column {
    flex-grow: 1;
}

/* Treść regulaminu */
.rules-content {
    padding: 20px;
    width: 800px;
    min-height: 200px; 
}

.rules-content h2 {
    width: 100%;
    color: #fff;
    padding: 20px;
    background-color: black;
}

.rules-content p {
    width: 100%;
    color: #fff;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.57);
}

._rule.active {
    background: linear-gradient(90deg,#009dff6a 0.1%, rgba(0, 0, 0, 0) 100%);
    border-left: 2px solid #009cff;
    padding: 8px 12px;
    max-width: 300px;
    color: #fff;
    cursor: pointer;
}