:root {
  --dimglare-accent: #3d6b8c;
}

.brand {
  text-decoration: none;
}

header.container nav {
  border-bottom: 1px solid var(--pico-muted-border-color);
}

main.container {
  padding-top: 1.5rem;
  padding-bottom: 2rem;
}

footer.container {
  color: var(--pico-muted-color);
  border-top: 1px solid var(--pico-muted-border-color);
  padding-top: 1rem;
  padding-bottom: 2rem;
}

article.placeholder {
  border-left: 4px solid var(--dimglare-accent);
}

.auth-card {
  max-width: 28rem;
  margin: 0 auto;
}

nav form.logout {
  display: inline;
  margin: 0;
}

nav form.logout button {
  width: auto;
  margin: 0;
  padding: 0.35rem 0.75rem;
  font-size: 0.9rem;
}

.flash,
.flash-error {
  padding: 0.75rem 1rem;
  border-radius: var(--pico-border-radius);
}

.flash {
  border: 1px solid var(--pico-primary);
}

.flash-error {
  border: 1px solid var(--pico-form-element-invalid-border-color, #c62828);
  color: var(--pico-form-element-invalid-border-color, #c62828);
}

.table-wrap {
  overflow-x: auto;
}