:root {
    --mediator-blue: #06301e;
    --mediator-darkblue: #06301e;
    --mediator-lightblue: #e8f3ee;
    --mediator-yellow: #b8860a;
}

.rich-text h3 { margin-top: 1.5rem; margin-bottom: 0.75rem; font-family: 'Merriweather', serif; font-weight: 700; color: #06301e; }
.rich-text p { margin-bottom: 1rem; line-height: 1.8; color: #374151; }
.rich-text ul { list-style-type: disc; padding-left: 1.5rem; margin-bottom: 1rem; }
.rich-text ol { list-style-type: decimal; padding-left: 1.5rem; margin-bottom: 1rem; }
.rich-text blockquote { border-left: 4px solid #b8860a; padding-left: 1rem; font-style: italic; background-color: #FEF9EB; padding: 1rem; margin-bottom: 1rem; }
.rich-text a { color: #06301e; text-decoration: underline; text-decoration-color: #b8860a; text-underline-offset: 4px; }
.rich-text a:hover { color: #b8860a; }

.prose-text {
    font-family: 'Inter', sans-serif;
    color: #4b5563;
    line-height: 1.8;
}

/* Koppen */
.prose-text h1,
.prose-text h2,
.prose-text h3,
.prose-text h4 {
    font-family: 'Merriweather', serif;
    color: var(--mediator-darkblue);
    font-weight: 700;
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    line-height: 1.2;
}

.prose-text h1 { font-size: 2.25rem; }
.prose-text h2 { font-size: 1.875rem; }
.prose-text h3 { font-size: 1.5rem; }
.prose-text h4 { font-size: 1.25rem; }

.prose-text p {
    margin-bottom: 1.5em;
}

/* Lijstjes (Bullet points en Nummers) */
.prose-text ul {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin-bottom: 1.5em;
}

.prose-text ol {
    list-style-type: decimal;
    padding-left: 1.5rem;
    margin-bottom: 1.5em;
}

.prose-text li {
    margin-bottom: 0.2em;
    padding-left: 0.5em;
}

/* De "bolletjes" kleuren (werkt in moderne browsers) */
.prose-text li::marker {
    color: #b8860a; /* mediator-ocher */
    font-weight: bold;
}

/* Dikgedrukt */
.prose-text strong, .prose-text b {
    font-weight: 600;
    color: #1f2937; /* Iets donkerder grijs */
}

/* Linkjes */
.prose-text a {
    color: #06301e;
    text-decoration: underline;
    text-decoration-color: #b8860a;
    text-underline-offset: 3px;
    font-weight: 500;
    transition: color 0.2s;
}
.prose-text a:hover {
    color: #b8860a;
}

/* Quotes / Citaten */
.prose-text blockquote {
    border-left: 4px solid #b8860a;
    background-color: #FEF9EB; /* ocherlight */
    padding: 1.5rem;
    margin: 2rem 0;
    font-style: italic;
    color: #06301e;
    border-radius: 0 0.5rem 0.5rem 0;
}

/* Afbeeldingen in tekst */
.prose-text img {
    border-radius: 0.5rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    margin: 2rem 0;
    max-width: 100%;
    height: auto;
}

/* Tabellen */
.prose-text table {
    width: 100%;
    margin-bottom: 2rem;
    border-collapse: collapse;
    font-size: 0.95rem;
}
.prose-text th {
    background-color: #f9fafb;
    text-align: left;
    padding: 0.75rem 1rem;
    border-bottom: 2px solid #e5e7eb;
    color: #06301e;
    font-weight: 600;
}
.prose-text td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e5e7eb;
}
.prose-text tr:hover td {
    background-color: #FEF9EB;
}

.prose-text > *:first-child {
    margin-top: 0;
}

#logo {
    height: 50px;
    width: 214px;
}
#logo img {
    height: 80px;
}

#logo svg {
    height: 100%;
    width: 100%;
}