.cookie-policy {
    background-color: var(--color-surface-primary);
    color: var(--color-text-primary);
    padding-block: var(--space-64);
}

.cookie-policy__container {
    width: 100%;
    max-width: var(--container-narrow-max);
    margin-inline: auto;
    padding-inline: var(--container-narrow-padding-inline);
    display: flex;
    flex-direction: column;
    gap: var(--space-48);
}

.cookie-policy__header {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
}

.cookie-policy__title {
    font-size: var(--text-h1-size);
    line-height: var(--text-h1-line-height);
    letter-spacing: var(--text-h1-letter-spacing);
    font-weight: 600;
    margin-block-end: 0;
}

.cookie-policy__lead {
    font-size: var(--text-body-large-size);
    line-height: var(--text-body-large-line-height);
    letter-spacing: var(--text-body-large-letter-spacing);
    margin-block-end: 0;
    color: var(--color-text-muted);
}

.cookie-policy__section {
    display: flex;
    flex-direction: column;
    gap: var(--space-24);
}

.cookie-policy__section-title {
    font-size: var(--text-h2-size);
    line-height: var(--text-h2-line-height);
    letter-spacing: var(--text-h2-letter-spacing);
    font-weight: 500;
    margin-block-end: 0;
}

.cookie-policy__content {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
}

.cookie-policy__subsection-title {
    font-size: var(--text-h3-size);
    line-height: var(--text-h3-line-height);
    letter-spacing: var(--text-h3-letter-spacing);
    font-weight: 500;
    margin-block-end: 0;
}

.cookie-policy__paragraph {
    font-size: var(--text-body-size);
    line-height: var(--text-body-line-height);
    letter-spacing: var(--text-body-letter-spacing);
    margin-block-end: 0;
    max-width: 72ch;
}

.cookie-policy__list {
    list-style: disc;
    padding-inline-start: var(--space-24);
    margin-block-end: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
}

.cookie-policy__list-item {
    font-size: var(--text-body-size);
    line-height: var(--text-body-line-height);
    letter-spacing: var(--text-body-letter-spacing);
    padding-inline-start: var(--space-4);
}

.cookie-policy__link {
    color: var(--color-warm-light);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-color: rgba(166, 111, 79, 0.4);
    transition: color var(--transition-fast), text-decoration-color var(--transition-fast);
}

.cookie-policy__link:hover {
    color: #8f5c40;
    text-decoration-color: #8f5c40;
}

@media (max-width: 767px) {
    .cookie-policy {
        padding-block: var(--space-48);
    }

    .cookie-policy__container {
        padding-inline: var(--space-24);
        gap: var(--space-32);
    }

    .cookie-policy__paragraph {
        max-width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cookie-policy {
        padding-block: var(--space-64);
    }

    .cookie-policy__container {
        padding-inline: var(--space-48);
    }
}

@media (min-width: 1024px) {
    .cookie-policy {
        padding-block: var(--space-96);
    }

    .cookie-policy__container {
        padding-inline: var(--space-48);
    }
}