/* Extend the existing palette and readable article layout. */
.learning-choices { margin: 1.5rem 0; display: grid; gap: .7rem; }
.learning-choices details { border: 1px solid #cce1df; border-radius: 12px; padding: 1rem 1.2rem; background: #f5faf9; }
.learning-choices summary { color: #12495a; cursor: pointer; font-weight: 700; min-height: 28px; }
.learning-choices details p:last-child { margin-bottom: 0; }
.research-article #faq details { margin: .8rem 0; border-bottom: 1px solid #dce7eb; padding: .7rem 0 1rem; }
.research-article #faq summary { cursor: pointer; color: #123d50; font-weight: 700; }
.research-article #bronnen li { margin: .65rem 0; overflow-wrap: anywhere; }
.article-meta a { color: inherit; text-underline-offset: 3px; }
.research-context-link { font-size: 1rem; line-height: 1.7; margin-top: 1.5rem; }
.research-hero .image-zoom { width: 100%; }
.research-hero img { width: 100%; height: auto; object-fit: contain; }
.research-article details summary:focus-visible { outline: 3px solid #327c78; outline-offset: 5px; }
@media (max-width: 600px) { .research-article .article-toc { padding: 18px; } .learning-choices details { padding: .9rem; } }
@media print { .learning-choices details > *, .research-article #faq details > * { display: block !important; } }