/* Three independent columns prevent early status wrapping and overlaps. */
.headerbar {
 display: grid;
 grid-template-columns: minmax(0, 1fr) max-content max-content;
 align-items: center;
 column-gap: 18px;
}
.headerbar > .inner { display: contents; }
.headerbar .site-description {
 grid-column: 1;
 grid-row: 1;
 float: none;
 width: auto;
 min-width: 0;
}
.headerbar .blackdps-bot-status {
 grid-column: 2;
 grid-row: 1;
 position: static;
 transform: none;
 margin: 0;
 padding: 8px 0;
 white-space: pre-line;
 color: white;
 font-size: 11px;
 line-height: 1.25;
}
.headerbar .search-header {
 grid-column: 3;
 grid-row: 1;
 float: none;
 margin: 0 5px 0 0;
}
.site_logo { background-image: url("./images/site_logo.gif"); }
/* On tablets keep title and status together; move only search below. */
@media (min-width: 701px) and (max-width: 850px) {
 .headerbar { grid-template-columns: minmax(0, 1fr) max-content; column-gap: 12px; }
 .headerbar .search-header { grid-column: 1 / -1; grid-row: 2; justify-self: end; margin-bottom: 5px; }
}
@media (max-width: 700px) {
 .headerbar { grid-template-columns: minmax(0, 1fr); }
 .headerbar .site-description { grid-column: 1; grid-row: 1; }
 .headerbar .blackdps-bot-status { grid-column: 1; grid-row: 2; justify-self: center; padding: 8px 12px; }
 .headerbar .search-header { display: none; }
}