.user-guide {
    max-width: 960px;
    margin: 0 auto;
    line-height: 1.8;
    overflow-wrap: anywhere;
}
.user-guide .guide-intro { margin-bottom: 2rem; }
.user-guide p { margin-top: 1rem; }
.user-guide h2 { margin-bottom: 1rem; }
.user-guide h3 { margin-bottom: .75rem; }
.user-guide h1 { max-width: 18ch; }
.user-guide .guide-lead { font-size: 1.2rem; }
.user-guide .guide-meta { font-size: .9rem; color: #52665f; }
.user-guide .guide-contents {
    padding: 1.5rem 2rem;
    background: #edf5f0;
    border: 1px solid #ceded5;
    border-radius: 16px;
}
.user-guide .guide-contents h2 { margin-top: 0; }
.user-guide .guide-contents ol { columns: 2; column-gap: 2rem; }
.user-guide .guide-contents li { break-inside: avoid; }
.user-guide a { color: #16564b; text-underline-offset: .2em; }
.user-guide a:focus-visible { outline: 3px solid #ac6823; outline-offset: 4px; }
.user-guide section { padding-top: 2rem; margin-top: 2rem; border-top: 1px solid #ceded5; }
.user-guide section, .user-guide #inhoud { scroll-margin-top: 2rem; }
.user-guide h2 { font-size: 1.65rem; line-height: 1.3; }
.user-guide h3 { margin-top: 1.75rem; font-size: 1.15rem; }
.user-guide li { margin: .65rem 0; padding-left: .25rem; }
.user-guide figure { margin: 1.75rem 0; }
.user-guide figure a { display: block; border: 1px solid #ceded5; border-radius: 12px; overflow: hidden; }
.user-guide figure img { display: block; width: 100%; height: auto; }
.user-guide figcaption { margin-top: .65rem; color: #52665f; font-size: .9rem; line-height: 1.6; }
.user-guide aside { margin: 1.5rem 0; padding: 1rem 1.25rem; border-left: 4px solid #337869; border-radius: 0 8px 8px 0; background: #edf5f0; }
.user-guide .guide-warning { background: #fff5e5; border-color: #ac6823; }
.user-guide .guide-example { background: #eef3fc; border-color: #3b619a; }
.user-guide .guide-definitions { margin: 1rem 0; }
.user-guide dt { margin-top: 1rem; font-weight: 700; }
.user-guide dd { margin: .25rem 0 0; }
.user-guide .guide-end { margin-top: 3rem; font-weight: 700; }
@media (max-width: 640px) {
    .user-guide .guide-contents { padding: 1rem; }
    .user-guide .guide-contents ol { columns: 1; padding-left: 1.5rem; }
    .user-guide h2 { font-size: 1.4rem; }
    .user-guide aside { padding: .85rem 1rem; }
}
@media print {
    .site-header, .site-footer, .skip-link, .user-guide .guide-end { display: none; }
    .information-page { padding: 0; }
    .user-guide { max-width: none; font-size: 10pt; }
    .user-guide h2, .user-guide h3 { break-after: avoid; }
    .user-guide figure, .user-guide aside { break-inside: avoid; }
    .user-guide figure img { max-height: 18cm; object-fit: contain; }
    .user-guide .guide-contents ol { columns: 2; }
}