/* Fit the added archive search link without wrapping the historic desktop navigation. */
@media(min-width:851px) {
 header:has(> nav[aria-label="Project sections"]) { display:flex; }
 header > #logo-container { flex:0 0 130px; }
 header > nav[aria-label="Project sections"] { flex:1; min-width:0; float:none; }
 header #nav-list { display:flex; justify-content:space-evenly; align-items:stretch; height:40px; margin:0; padding:0 6px; }
 header #nav-list li { float:none; margin:0; padding:10px 5px; white-space:nowrap; font-size:12px; }
}
#news21-header #news21-search { display:flex; gap:6px; float:right; width:340px; max-width:calc(100% - 150px); margin:0; }
#news21-header #news21-search input { min-width:0; width:100%; flex:1; box-sizing:border-box; height:30px; padding:4px 6px; font:12px/20px Arial,sans-serif; color:#222; background:#fff; }
#news21-header #news21-search button { min-height:30px; padding:4px 8px; font:12px/20px Arial,sans-serif; border:1px solid #bbb; background:#fff; color:#222; cursor:pointer; }
@media(max-width:1000px) and (min-width:851px) { header #nav-list li { font-size:10px; padding-left:3px; padding-right:3px; } }

.hvr:has(> #news21-header) { width:100%; max-width:1000px; }
#news21-header { width:100%; max-width:100%; }