:root {
    --max-content-width: 867px;
}
.content-base {
    background: linear-gradient(to bottom, var(--help-content-background) 0%, #000 100%);
    width: 100%;
    height: 78vh;
    justify-content: center;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    gap: 40px;
}
.content {
    max-width: var(--max-content-width);
}
.content-rules-header {
    max-width: calc(var(--max-content-width) - 96px);
    border: 1px solid #F5F5F5;
    padding: 32px 48px;
    color: #F3F2F1;
    font-family: var(--family-overpass);
    font-size: 21px;
    font-weight: 400;
    letter-spacing: 1.1px;
    max-height: fit-content;
}
.content-rules-base {
    max-width: var(--max-content-width);
    height: 58vh;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin: 56px 0 80px 0;
    cursor: default;
}
.content-rules-base::-webkit-scrollbar {
    height: 0px;
    width: 0px;
}
.rules-chapter {
    display: grid;
    grid-template-columns: 68px 1fr;
    font-family: var(--family-vipnagorgialla);
    font-size: 46px;
    font-weight: 400;
    letter-spacing: 3px;
    color: #FAFAF9;
    line-height: 57.6px;
    text-transform: uppercase;
}
.rule {
    display: grid;
    grid-template-columns: 68px 1fr;
    font-family: var(--family-overpass);
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #FAFAF9;
    line-height: 26px;
}
.anchors-base {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 20%;
    flex: 0 0 auto;
}
.anchor-title {
    text-transform: uppercase;
    font-family: var(--family-tektur);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #BBCBD3;
    line-height: 17.5px;
    cursor: default;
    padding: 20px;
}
.anchor {
    display: grid;
    grid-template-columns: 20px 1fr;
    font-family: var(--family-tektur);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #FFFFFFB2;
    line-height: 24.3px;
    cursor: pointer;
    padding: 12px 20px;
    user-select: none;
}
.anchor:hover {
    background: #1055DB33;
    color: #FFFFFF;
}
.anchor.current {
    background: #1055DB33;
    color: #FFFFFF;
}