/* Reduce vertical margin of paragraphs in statuses */
.reply-indicator__content p, .status__content p {
    margin-bottom: 8px;
}

/* Improve layout of number of toots/follower counts, profile header */
.account__header__extra__links {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin: 0 -20px;
}
.account__header__extra__links > a {
    padding: 0;
}

/* Notifications: Tighten vertical space, remove avatar and user name */
:is(.notification-favourite, .notification-reblog) .status__info {
    margin-bottom: 2px;
}
:is(.notification-favourite, .notification-reblog) .attachment-list.compact {
    margin-top: 2px;
}
:is(.notification-favourite, .notification-reblog) .status__avatar {
    display: none;
}
:is(.notification-favourite, .notification-reblog) .display-name__html {
    display: none;
}
:is(.notification-favourite, .notification-reblog) .status__relative-time {
    height: auto;
}
.status__content--with-action.status__content--with-spoiler > p {
    margin-bottom: 8px;
}

/* Give direct messages a slight blue tint */
.status-direct, .detailed-status-direct {
  background: rgba(99, 100, 246, 0.1);
}

/* Hide blurred registration form when logged in/instance closed */
.simple_form__overlay-area__blurred form {
  opacity: 0;
}
.simple_form__overlay-area__overlay {
  background: rgba(40,44,55,0.9);
}

/* Some improved styles for the about page/rules */
/* (might be outdated, not sure) */
.table-of-contents li a {
  white-space: initial;
  overflow: initial;
  line-height: 1.5;
}
.table-of-contents li li a {
  font-weight: 400;
  padding-right: 25px;
}
h2#unavailable-content ~ table tr {
  border: none;
  line-height: 1;
}
h2#unavailable-content ~ table thead,
h2#unavailable-content ~ table tr td:nth-child(2) {
  display: none;
}
h2#unavailable-content ~ table tr td:nth-child(1) span {
  white-space: initial;
  overflow: initial;
  text-overflow: initial;
}
.contact-widget > a {
  display: block;
}

.user-role-1 {
  --user-role-accent: #14e136;
  --user-role-background: #14e13619;
  --user-role-border: #14e13680;
}

.user-role-2 {
  --user-role-accent: #ff8800;
  --user-role-background: #ff880019;
  --user-role-border: #ff880080;
}