/* Zoekvenster van het statische archief */
.zoek { position: fixed; inset: 0; z-index: 9999; }
.zoek[hidden] { display: none; }
.zoek-achter { position: absolute; inset: 0; background: rgba(0, 0, 0, .45); }
.zoek-venster {
  position: relative; margin: 8vh auto 0; width: min(640px, calc(100% - 32px));
  max-height: 80vh; display: flex; flex-direction: column;
  background: #fff; border-radius: 6px; box-shadow: 0 20px 60px rgba(0, 0, 0, .3);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #333;
}
.zoek-balk { display: flex; align-items: center; border-bottom: 1px solid #e5e5e5; }
.zoek-veld {
  flex: 1; border: 0; outline: 0; padding: 18px 20px; font: inherit; font-size: 18px; background: transparent; color: inherit;
}
.zoek-veld::-webkit-search-cancel-button { display: none; }
.zoek-sluit { border: 0; background: transparent; font-size: 28px; line-height: 1; padding: 0 18px; cursor: pointer; color: #999; }
.zoek-sluit:hover { color: #333; }
.zoek-status { padding: 10px 20px; font-size: 14px; color: #999; }
.zoek-status:empty { display: none; }
.zoek-lijst { list-style: none; margin: 0; padding: 0 0 8px; overflow-y: auto; }
.zoek-lijst a { display: block; padding: 10px 20px; text-decoration: none; color: inherit; }
.zoek-lijst li.actief a, .zoek-lijst a:hover { background: #f6f6f6; }
.zoek-titel { font-weight: 600; font-size: 16px; line-height: 1.3; }
.zoek-titel mark, .zoek-tekst mark { background: #fff2a8; color: inherit; padding: 0; }
.zoek-datum { font-size: 13px; color: #999; margin-top: 2px; }
.zoek-tekst { font-size: 14px; color: #666; margin-top: 4px; line-height: 1.4; }
@media (max-width: 767px) {
  .zoek-venster { margin-top: 12px; max-height: calc(100vh - 24px); }
  .zoek-veld { font-size: 16px; padding: 14px 16px; }
}