/* Policy Pages Common Styles (cookies.css + privacy.css consolidated) */

#cookies-policy,
#privacy-policy {
    max-width: 56.25rem;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 150px;
}

#cookies-content,
#privacy-content {
    padding: 0 20px;
}

#cookies-content h1,
#privacy-content h1 {
    font-size: 2.625rem;
    font-weight: 700;
    color: var(--brand-mid);
    margin-bottom: 30px;
}

#cookies-content h2,
#privacy-content h2 {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--brand-mid);
    margin-top: 40px;
    margin-bottom: 20px;
}

#cookies-content h3 {
    font-size: 1.375rem;
    font-weight: 600;
    color: var(--brand-mid);
    margin-top: 30px;
    margin-bottom: 15px;
}

#cookies-content p,
#privacy-content p {
    font-size: 1rem;
    font-weight: 400;
    color: #333;
    line-height: 1.7;
    margin-bottom: 20px;
}

#cookies-content p a,
#privacy-content p a {
    color: var(--brand);
    text-decoration: none;
}

#cookies-content p a:hover,
#privacy-content p a:hover {
    text-decoration: underline;
}

#cookies-content ul,
#privacy-content ul {
    list-style: disc;
    margin-bottom: 20px;
    padding-left: 40px;
    margin-top: 15px;
}

#cookies-content ul li,
#privacy-content ul li {
    font-size: 1rem;
    font-weight: 400;
    color: #333;
    line-height: 1.7;
    margin-bottom: 10px;
}

#cookies-content ul li::marker,
#privacy-content ul li::marker {
    color: var(--brand);
}

#cookies-content ul li strong {
    color: var(--brand-mid);
    font-weight: 600;
}

#cookies-content a,
#privacy-content a {
    color: var(--brand);
    text-decoration: none;
}

#cookies-content a:hover,
#privacy-content a:hover {
    text-decoration: underline;
}