/* Privacy policy page */

.privacy-page {
    padding-bottom: clamp(3rem, 8vw, 6rem);
}

.privacy {
    max-width: 820px;
    margin: 0 auto;
    padding: clamp(1.25rem, 4vw, 3rem);
    background-color: var(--color-cards-bg);
    border: solid 1px var(--color-cards-border);
    border-radius: clamp(0.625rem, 0.353rem + 1.09vw, 1.25rem);
    box-shadow: 2px 4px 10px 1px hsla(0, 0%, 0%, 25%);
    /* body is user-select:none; a legal text and its e-mail address must be selectable */
    -webkit-user-select: text;
    user-select: text;
}

.privacy__head {
    margin-bottom: 1.75rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.privacy h1 {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    color: var(--color-text);
}

.privacy .privacy__updated {
    margin-top: 0.75rem;
    font-size: 0.875rem;
    color: rgba(240, 248, 255, 0.6);
}

.privacy section + section {
    margin-top: 2rem;
}

.privacy h2 {
    margin-bottom: 0.75rem;
    font-size: clamp(1.125rem, 2.2vw, 1.375rem);
    color: #fff;
}

.privacy p,
.privacy li {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    line-height: 1.75;
    color: rgba(240, 248, 255, 0.85);
}

.privacy p + p,
.privacy p + ul,
.privacy ul + p {
    margin-top: 0.75rem;
}

.privacy ul {
    padding-left: 1.25rem;
    list-style: disc;
}

/* css/base/reset.css sets "ul li { list-style: none }" */
.privacy ul li {
    list-style: disc;
}

.privacy li + li {
    margin-top: 0.5rem;
}

.privacy li::marker {
    color: var(--color-primary);
}

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

.privacy a {
    color: var(--color-primary);
    text-decoration: underline;
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
}

.privacy a:hover {
    color: var(--color-accent);
}

@media (max-width: 500px) {
    .privacy {
        border: none;
        box-shadow: none;
        padding: 0.25rem 0 0;
        background-color: transparent;
    }

    .privacy p,
    .privacy li {
        font-size: 0.9375rem;
    }
}