.brand {
  gap: 8px;
  padding: 0 8px;
  color: var(--text, #25342e);
}

.brand-logo {
  display: block;
  flex: 0 0 auto;
  width: 62px;
  height: 62px;
}

.brand-wordmark {
  display: grid;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.05;
}

.brand-wordmark > span {
  color: #806128;
}

.login .brand { padding: 0; }
.login .brand-wordmark { font-size: 22px; }
.nav a:hover { background: #e7ece4; color: #274e3b; }

.listhead:has(#thread-query) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.listhead:has(#thread-query) .flex { grid-column: 1 / -1; }
.listhead #thread-query { min-width: 0; margin-top: 0; }
.heading .actions [data-action="refresh"]:first-child { display: inline-flex; }

@media (min-width: 641px) and (max-width: 880px) {
  .sidebar .brand { justify-content: center; padding: 0; }
  .sidebar .brand-logo { width: 40px; height: 40px; }
  .sidebar .brand-wordmark { display: none; }
}

@media (max-width: 640px) {
  .mobilebar { gap: 8px; }
  .mobilebar .brand { gap: 3px; padding: 0; }
  .mobilebar .brand-logo { width: 28px; height: 28px; }
  .mobilebar .brand-wordmark { font-size: 9px; }
  .mobilebar select { min-width: 0; width: auto; max-width: min(35vw, 155px); }
}