/* The matching workspace meets the navigation and viewport edges. */
.directory-home-shell .directory-main.directory-main-matching {
  padding-top: 0;
  padding-inline: 0;
}

.directory-main-matching .match-board {
  gap: 0;
}

.directory-main-matching .match-rail,
.directory-main-matching .match-main,
.directory-main-matching .match-columns {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.directory-main-matching .match-rail {
  border-right: 1px solid var(--match-line);
}

@media (min-width: 901px) {
  .directory-main-matching .match-board {
    padding-top: 82px;
  }
}

@media (min-width: 651px) {
  .directory-home-shell .directory-main.directory-main-matching {
    padding-bottom: 0;
  }
}

/* Intrinsic-width actions place the first and last controls at opposite edges. */
.match-board .post-interaction-bar,
.match-comments .match-comment-body > .match-comment-actions {
  display: flex;
  justify-content: space-between;
  column-gap: 4px;
}

.match-board .post-interaction-bar .post-interaction,
.match-comments .match-comment-body > .match-comment-actions > .match-comment-action {
  flex: 0 1 auto;
  width: auto;
}

.match-board .post-interaction-bar .post-interaction:first-child {
  justify-content: flex-start;
}

.match-board .post-interaction-bar .post-interaction:last-child {
  justify-content: flex-end;
}

.match-comments .match-comment-body > .match-comment-actions > .match-comment-action {
  padding-inline: 0;
}