.archive-search-page { margin:0; background:#f6f3ee; color:#222; font:17px/1.6 Arial,sans-serif; }
.archive-search-page * { box-sizing:border-box; }
.archive-search-page .search-header { background:#080808; color:#fff; padding:18px max(20px,calc((100% - 952px)/2)); }
.archive-search-page .search-brand { color:white; font:bold 28px/1.2 Georgia,serif; text-decoration:none; }
.archive-search-page .search-header nav { display:flex; flex-wrap:wrap; gap:8px 24px; margin-top:12px; }
.archive-search-page .search-header nav a { color:#fff; padding:6px 0; }
.archive-search-page main { max-width:1000px; margin:0 auto; padding:30px 24px; background:white; min-height:60vh; }
.archive-search-page h1 { font:40px/1.15 Georgia,serif; margin:0 0 18px; }
.archive-search-page a { color:#802027; text-underline-offset:.15em; }
.archive-search-page label { display:block; font-weight:bold; }
.archive-search-page .search-fields { display:flex; gap:10px; margin:8px 0 16px; }
.archive-search-page input { flex:1; min-width:0; }
.archive-search-page input,.archive-search-page button,.archive-search-page select { font:inherit; padding:10px 12px; min-height:44px; border:1px solid #666; border-radius:3px; background:#fff; color:#222; }
.archive-search-page button { background:#92161b; color:white; cursor:pointer; border-color:#92161b; }
.archive-search-page :focus-visible { outline:3px solid #006fba; outline-offset:3px; }
.archive-search-page #archive-search-results { padding-left:28px; }
.archive-search-page #archive-search-results li { padding:14px 0; border-bottom:1px solid #ccc; overflow-wrap:anywhere; }
.archive-search-page #archive-search-results h2 { font:24px/1.3 Georgia,serif; margin:0; }
.archive-search-page #archive-search-results p { margin:6px 0; }
.archive-search-page .search-result-kind { color:#555; font-size:14px; font-weight:bold; }
.archive-search-page .search-browse { margin-top:32px; border-top:1px solid #ccc; padding-top:20px; }
.archive-search-page .search-skip { position:absolute; left:-10000px; }
.archive-search-page .search-skip:focus { left:10px; top:10px; padding:12px; background:white; z-index:100; }
@media(max-width:600px) { .archive-search-page main { padding:24px 20px; } .archive-search-page h1 { font-size:32px; } .archive-search-page .search-header nav a { min-height:44px; padding:10px 0; } .archive-search-page select { max-width:100%; } }