/* Shared legal page typography and layout */

/* Containers for both Privacy and Algemene Voorwaarden */
.privacy-container,
.algemene-voorwaarden-tekst,
.legal-container {
    /* Outer width is governed by .site-container; keep spacing and card look only */
    margin: 40px auto;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.07);
    padding: 36px 32px;
}

/* Headings */
.privacy-container h1,
.algemene-voorwaarden-tekst h1,
.legal-container h1 {
    color: #1a4d8f;
    margin-bottom: 18px;
    font-size: 2em;
}
.privacy-content h2,
.voorwaarden-content h2,
.legal-container h2 {
    margin-top: 28px;
    color: #2a7ae2;
    font-size: 1.25em;
}

/* Paragraphs and lists */
.privacy-content p,
.voorwaarden-content p,
.legal-container p,
.legal-container li {
    margin-bottom: 18px;
    color: #444;
    line-height: 1.7;
}
.legal-container ul,
.legal-container ol {
    padding-left: 1.2em;
}

/* Links */
.legal-container a,
.privacy-container a,
.algemene-voorwaarden-tekst a {
    color: #6d00c7;
    text-decoration: underline;
}
.legal-container a:hover,
.privacy-container a:hover,
.algemene-voorwaarden-tekst a:hover {
    color: #5a00a5;
}

/* Responsive tweaks are moved to pages/legal.mobile.css */