.rules-page {
    width: min(1120px, 96%);
    margin: 0 auto;
    padding-top: clamp(76px, 9vw, 150px);
    padding-bottom: 8vh;
}

.rules-page p[role="link"] {
    cursor: pointer;
}

.rules-shell {
    margin-top: clamp(14px, 2.2vw, 30px);
}

.rules-title {
    margin: 0;
    color: var(--til-color--);
    font-family: "Inter";
    font-weight: 300;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-size: clamp(58px, 7.2vw, 150px);
    line-height: 0.9;
}

.rules-document {
    margin-top: clamp(20px, 2.4vw, 38px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.05);
    padding: clamp(18px, 2vw, 32px);
    backdrop-filter: blur(10px);
}

.rules-document-title {
    margin: 0;
    color: #ffffff;
    font-size: clamp(18px, 1.28vw, 24px);
    line-height: 1.4;
    font-weight: 700;
}

.rules-document-title + .rules-document-title {
    margin-top: 4px;
}

.rules-block {
    margin-top: clamp(22px, 2vw, 30px);
}

.rules-block-title {
    margin: 0 0 12px;
    color: var(--til-color--);
    font-size: clamp(22px, 1.8vw, 34px);
    line-height: 1.06;
    font-weight: 800;
}

.rules-paragraph {
    margin: 0;
    color: rgba(255, 255, 255, 0.92);
    font-size: clamp(16px, 1.05vw, 19px);
    line-height: 1.55;
    font-weight: 500;
}

.rules-paragraph + .rules-paragraph {
    margin-top: 10px;
}

.rules-list {
    margin: 12px 0 0;
    padding-left: 1.5em;
    color: rgba(255, 255, 255, 0.92);
    font-size: clamp(16px, 1.05vw, 19px);
    line-height: 1.55;
    font-weight: 500;
}

.rules-list li + li {
    margin-top: 8px;
}

@media (max-width: 980px) {
    .rules-page {
        width: 94%;
        padding-top: max(74px, 21vw);
    }

    .rules-title {
        font-size: clamp(48px, 16vw, 86px);
        line-height: 0.88;
    }

    .rules-document {
        margin-top: 14px;
        border-radius: 18px;
        padding: 16px 14px;
    }

    .rules-document-title {
        font-size: clamp(16px, 4.4vw, 19px);
    }

    .rules-block {
        margin-top: 18px;
    }

    .rules-block-title {
        margin-bottom: 10px;
        font-size: clamp(20px, 6vw, 28px);
    }

    .rules-paragraph,
    .rules-list {
        font-size: clamp(14px, 4vw, 17px);
        line-height: 1.5;
    }
}