/* Keep the original form layout; feedback only appears after interaction. */
.local-form-status { margin-top: 24px; }
.local-form-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
/* Reuse Typology's original buttons, cards, type and spacing for the leeslijst. */
.reading-list-toggle { cursor: pointer; vertical-align: top; }
.reading-list-toggle[aria-pressed="true"] { color: #474747; background: #f3f3f3; }
.reading-list-toggle:focus-visible { outline: 2px solid #474747; outline-offset: 3px; }
.reading-list-intro, #reading-list-feedback { max-width: 740px; margin: 0 auto 35px; }
.reading-list-intro p { margin-bottom: 12px; }
.reading-list-note { font-size: 14px; color: #777; line-height: 1.8; }
.reading-list-announcement { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 99999; margin: 0; width: max-content; max-width: calc(100% - 32px); padding: 12px 20px; color: #fff; background: #474747; box-shadow: 0 3px 12px #0002; font-size: 14px; line-height: 1.6; visibility: hidden; }
.reading-list-announcement.is-visible { visibility: visible; }
/* Named controls keep the original icon size, spacing and colour. */
.site-action { appearance: none; background: none; border: 0; border-radius: 0; box-shadow: none; color: inherit; cursor: pointer; display: block; font: inherit; margin: 0; min-width: 0; }
.typology-header .site-action { color: #fff; line-height: 1.3; padding: 13px 14px; }
.site-action:focus-visible, .typology-search-form input:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.typology-header .site-action:hover { background: rgba(255,255,255,.1); }
.typology-header .typology-action-search > .sub-menu { right: 0; left: auto; }
.typology-header .typology-action-search:not(.site-search-open) > .sub-menu { opacity: 0; visibility: hidden; pointer-events: none; }
.typology-header .typology-action-search.site-search-open > .sub-menu { opacity: 1; visibility: visible; pointer-events: auto; left: auto; right: 0; }
.typology-sidebar-close.site-action { color: #fff; padding: 10px; }

#site-sidebar .typology-responsive-menu { display: block !important; }
.typology-header .typology-main-navigation { opacity: 1; }
.typology-header .slot-r { right: 0; }
@media (max-width: 1220px) { .typology-site-description { display: none; } }
@media (max-width: 900px) {
 .typology-header .slot-l { max-width: calc(100% - 45px); }
 .typology-header .typology-main-navigation { display: none; }
}
.site-menu-toggle i { pointer-events: none; }
.poem-preview p:last-child { margin-bottom: 0; }
.poem-sources { margin-top: 36px; font-size: 13px; line-height: 1.8; color: #777; }
.poem-sources p { margin-bottom: 10px; }
.poem-sources a { text-decoration: underline; text-underline-offset: 3px; }
.entry-content .poem-part { font: inherit; margin: 1.6em 0 .6em; }
.entry-content .poem-divider { text-align: center; }
.entry-content .poem-context { font-size: .8em; }
.catalog-introduction { margin-bottom: 55px; color: #777; font-size: 14px; }
.catalog-introduction a { text-decoration: underline; text-underline-offset: 3px; }
.poets-overview, .anthologies-overview { list-style: none; padding: 0; }
.poets-overview > li { margin: 0; padding: 14px 0; border-bottom: 1px solid #e5e5e5; }
.poets-overview .topic-count { display: inline-block; margin-left: 12px; }
.anthologies-overview > li { margin: 0; padding: 25px 0; border-bottom: 1px solid #e5e5e5; }
.anthologies-overview h2 { font-size: 23px; line-height: 1.4; margin: 0 0 8px; }
.anthologies-overview p { font-size: 14px; margin: 0 0 8px; }
.anthologies-overview .anthology-credit { font-size: 13px; color: #777; }
.typology-sidebar-open .typology-sidebar-overlay { opacity: 1; visibility: visible; }
.typology-sidebar-open .typology-sidebar { transform: translate3d(0,0,0); }
.typology-header { transition: height .2s; }
.typology-header.site-scrolled { height: 70px !important; }

/* Onderwerpen volgen de bestaande, sobere Typology-opmaak. */
.poem-topics { margin: 28px 0 22px; font-size: 13px; line-height: 1.8; }
.poem-topics-label { display: block; color: #888; margin-bottom: 4px; }
.poem-topics ul { display: flex; flex-wrap: wrap; gap: 4px 18px; list-style: none; padding: 0; margin: 0; }
.poem-topics li { margin: 0; padding: 0; }
.poem-topics li::before { display: none; }
.poem-topics a, .topic-overview-link { text-decoration: underline; text-underline-offset: 3px; }
.poem-topics a:focus-visible, .topics-overview a:focus-visible, .topic-navigation a:focus-visible { outline: 2px solid #474747; outline-offset: 3px; }
.topic-count { color: #888; font-size: 13px; white-space: nowrap; }
.topic-navigation a[aria-current="page"] { font-weight: bold; }
.topic-overview-link { display: inline-block; margin-top: 15px; font-size: 13px; }
.topics-overview { list-style: none; padding: 0; margin: 0; }
.topics-overview > li { margin: 0; padding: 25px 0; border-bottom: 1px solid #e5e5e5; }
.topics-overview > li:first-child { padding-top: 0; }
.topics-overview h2 { font-size: 24px; line-height: 1.4; margin-bottom: 12px; }
.topics-overview h2 a { text-decoration: none; }
.topics-overview p { margin-bottom: 0; font-size: 15px; }
.topic-introduction { margin-bottom: 65px; }
.topic-introduction p { margin-bottom: 14px; }
.topic-introduction a { font-size: 14px; }
@media (max-width: 480px) { .topics-overview h2 { font-size: 20px !important; } .topic-introduction { margin-bottom: 40px; } }