/* De algemene voorwaarden en het privacybeleid.
 *
 * Tot 2 oktober 2026 stonden die als PDF op deze server. Een PDF leest op een
 * telefoon slecht, is niet te doorzoeken met de browser, en moet opnieuw
 * worden gemaakt bij elke wijziging - waardoor hij het niet wordt. Als pagina
 * staat de tekst bovendien in de versiegeschiedenis van de broncode, zodat
 * aantoonbaar is wanneer welke versie gold. Dat is bij voorwaarden geen
 * bijkomstigheid.
 *
 * Een lopende tekst wil een smalle kolom. Bij meer dan ongeveer vijfenzestig
 * tekens per regel raakt het oog de volgende regel kwijt.
 */

.juridisch {
    max-width: 760px;
    margin: 0 auto;
    padding: 48px 24px 72px;
    color: var(--sm-inkt);
}

.juridisch h1 {
    font-family: var(--sm-schreef);
    font-size: 34px;
    font-weight: 400;
    margin: 0 0 6px;
}

.juridisch .bijgewerkt {
    font-family: var(--sm-schreefloos);
    font-size: 11px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--sm-grijs-licht);
    margin-bottom: 28px;
}

.juridisch h2 {
    font-family: var(--sm-schreef);
    font-size: 23px;
    font-weight: 400;
    color: var(--sm-accent);
    margin: 44px 0 4px;
    padding-top: 20px;
    border-top: 1px solid var(--sm-lijn);
}

.juridisch h3 {
    font-family: var(--sm-schreefloos);
    font-size: 15px;
    font-weight: 500;
    margin: 30px 0 8px;
}

.juridisch p,
.juridisch li {
    font-family: var(--sm-schreefloos);
    font-weight: 300;
    font-size: 15px;
    line-height: 1.72;
    margin: 0 0 14px;
}

.juridisch ul {
    padding-left: 20px;
}

.juridisch li {
    margin-bottom: 9px;
}

.juridisch strong {
    font-weight: 500;
}

/* De inleidende regel onder een deel-kop: welk deel waarover gaat. */
.juridisch .deel {
    font-family: var(--sm-schreef);
    font-style: italic;
    font-size: 16px;
    color: var(--sm-grijs);
    margin-bottom: 26px;
}

/* De inhoudsopgave bovenaan. Bij een document van deze lengte wil een lezer
   naar het ene artikel dat hem aangaat, en niet alles doorscrollen. */
.juridisch .wegwijzer {
    background: var(--sm-papier);
    border: 1px solid var(--sm-lijn);
    border-radius: 2px;
    padding: 18px 22px 10px;
    margin-bottom: 36px;
}

.juridisch .wegwijzer p {
    font-size: 11px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--sm-grijs-licht);
    margin-bottom: 10px;
}

.juridisch .wegwijzer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.juridisch .wegwijzer li {
    margin-bottom: 6px;
    font-size: 14px;
}

.juridisch a {
    color: var(--sm-accent);
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media (max-width: 575px) {
    .juridisch {
        padding: 28px 16px 56px;
    }

    .juridisch h1 {
        font-size: 27px;
    }

    .juridisch h2 {
        font-size: 20px;
    }
}