:root {
    --policy-gap: calc(var(--gap) * 5/2);
    --policy-little-text-font-size: 14px;
    --policy-title-font-size: 20px;
    --policy-title-font-weight: 600;
    --policy-little-text-ls: 2px;
    --policy-section-padding: 30px;


    --privacy-max-width: 1200px;
    --privacy-section-gap: 50px;
    --privacy-text-color: rgba(255, 255, 255, 0.8);
    --privacy-border: rgba(255, 255, 255, 0.15);
    --privacy-accent: rgba(255, 255, 255, 0.12);
    --privacy-link-color: rgba(255, 255, 255, 0.85);
}

.privacy {
    padding: 0 var(--content-block-gap) calc(var(--policy-gap) * 4);
    box-sizing: border-box;
    width: 100%;
}

.privacy__container {
    max-width: var(--privacy-max-width);
    gap: var(--policy-gap);
    flex-direction: column;
    margin: 0 auto;
    display: flex;
}

.privacy__title {
    font-family: "Inter", Arial, sans-serif;
    letter-spacing: var(--h2-letter-spacing);
    font-weight: var(--h2-font-weight);
    line-height: var(--h2-line-height);
    color: var(--hover-text-color);
    font-size: var(--h2-font-size);
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}

.privacy__updated {
    font-size: var(--policy-little-text-font-size);
    letter-spacing: var(--policy-little-text-ls);
    color: var(--hover-text-color-opacity-link);
    font-family: "Raleway", Arial, sans-serif;
    text-align: end;
    margin: 0;
}

.privacy__section {
    border-top: 1px solid var(--hover-text-color-opacity-link);
    padding-top: var(--policy-section-padding);
    flex-direction: column;
    gap: var(--gap);
    display: flex;
}

.privacy__section-title {
    letter-spacing: var(--policy-little-text-ls);
    font-weight: var(--policy-title-font-weight);
    font-size: var(--policy-title-font-size);
    font-family: "Inter", Arial, sans-serif;
    color: var(--hover-text-color);
    text-transform: uppercase;
    line-height: normal;
    margin: 0;
}

.privacy p {

    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: 1px;

    color: var(--hover-text-color-opacity-link);
    font-family: "Raleway", Arial, sans-serif;
    margin: 0;
}

.privacy strong {
    color: var(--hover-text-color);
    font-weight: 500;
}

.privacy ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.privacy ul li {
    font-family: "Raleway", Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: 1px;
    color: var(--privacy-text-color);
    padding-left: 18px;
    position: relative;
}

.privacy ul li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: var(--hover-text-color-opacity-link);
    font-size: 14px;
    line-height: 26px;
}

.privacy ul li strong {
    color: var(--hover-text-color);
    font-weight: 500;
}

.privacy a {
    color: var(--privacy-link-color);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-color: var(--hover-text-color-opacity-link);
    transition: color var(--transition), text-decoration-color var(--transition);
}

.privacy a:hover {
    color: var(--hover-text-color);
    text-decoration-color: var(--hover-text-color-opacity-link);
}

@media (max-width: 960px) {
    :root {
        --privacy-padding: 60px 30px;
        --privacy-section-gap: 40px;
    }
}

@media (max-width: 640px) {
    :root {
        --privacy-padding: 50px 20px;
        --privacy-section-gap: 30px;
    }

    .privacy__section {
        gap: 14px;
        padding-top: 24px;
    }

    .privacy p,
    .privacy ul li {
        font-size: 15px;
        line-height: 26px;
    }
}