/* Public forum visual rhythm. Load after forum.css and responsive_extra.css. */

html:not([data-admin]) .page-shell {
  padding-top: 18px;
}

html:not([data-admin]) .community-banner {
  min-height: 0;
  margin-bottom: 16px;
  padding: 14px 18px;
  border-radius: 2px;
}

html:not([data-admin]) .forum-heading {
  margin-bottom: 10px;
}

html:not([data-admin]) .forum-heading .eyebrow {
  letter-spacing: .12em;
}

html:not([data-admin]) .forum-layout {
  gap: 10px;
}

html:not([data-admin]) .category,
html:not([data-admin]) .side-panel,
html:not([data-admin]) .topic-list,
html:not([data-admin]) .post-card,
html:not([data-admin]) .reply-panel {
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(15, 35, 55, .06);
}

html:not([data-admin]) .category {
  margin-bottom: 13px;
}

html:not([data-admin]) .category-title {
  display: flex;
  align-items: center;
  min-height: 36px;
  padding: 6px 10px;
}

html:not([data-admin]) .category-title h2 {
  line-height: 1.25;
}

html:not([data-admin]) .forum-row {
  min-height: 55px;
  padding: 7px 9px;
  border-radius: 0;
}

html:not([data-admin]) .forum-copy {
  gap: 2px;
}

html:not([data-admin]) .forum-copy strong {
  font-size: 13px;
  line-height: 1.25;
}

html:not([data-admin]) .forum-copy small,
html:not([data-admin]) .forum-last small {
  line-height: 1.3;
}

html:not([data-admin]) .forum-last {
  gap: 7px;
}

html:not([data-admin]) .forum-last-empty {
  line-height: 1.3;
}

html:not([data-admin]) .forum-sidebar {
  gap: 10px;
}

html:not([data-admin]) .side-panel > h2,
html:not([data-admin]) .side-panel-heading {
  padding: 8px 10px 7px;
  border-bottom: 1px solid #edf0f2;
  line-height: 1.25;
}

html:not([data-admin]) .side-topic {
  padding: 8px 10px;
}

html:not([data-admin]) .forum-avatar,
html:not([data-admin]) .side-topic-avatar,
html:not([data-admin]) .post-avatar,
html:not([data-admin]) .reply-composer-avatar,
html:not([data-admin]) .profile-avatar,
html:not([data-admin]) .forum-detail-avatar,
html:not([data-admin]) .member-directory-row .post-avatar,
html:not([data-admin]) .topic-marker {
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

html:not([data-admin]) .forum-avatar img,
html:not([data-admin]) .side-topic-avatar img,
html:not([data-admin]) .post-avatar img,
html:not([data-admin]) .reply-composer-avatar img,
html:not([data-admin]) .profile-avatar img,
html:not([data-admin]) .forum-detail-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

html:not([data-admin]) .forum-detail {
  margin-top: 16px;
}

html:not([data-admin]) .forum-detail-breadcrumbs,
html:not([data-admin]) .thread-breadcrumbs {
  margin-bottom: 14px;
}

html:not([data-admin]) .forum-detail-heading {
  margin-bottom: 16px;
}

html:not([data-admin]) .forum-detail-thread,
html:not([data-admin]) .forum-detail-child {
  min-height: 58px;
}

html:not([data-admin]) .forum-detail-thread-title {
  line-height: 1.25;
}

html:not([data-admin]) .forum-detail-last {
  min-width: 0;
}

html:not([data-admin]) .forum-detail-last > a,
html:not([data-admin]) .forum-detail-last small {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html:not([data-admin]) .topic-head {
  margin-top: 18px;
  margin-bottom: 17px;
  padding-bottom: 14px;
}

html:not([data-admin]) .topic-head h1 {
  letter-spacing: -.025em;
}

html:not([data-admin]) .post-card {
  margin-bottom: 12px;
}

html:not([data-admin]) .post-card .post-author {
  padding: 15px 10px;
}

html:not([data-admin]) .post-content {
  min-width: 0;
}

html:not([data-admin]) .post-card .post-body {
  min-height: 68px;
}

html:not([data-admin]) .post-card .post-actions {
  min-height: 30px;
}

html[data-theme="dark"]:not([data-admin]) .side-panel > h2,
html[data-theme="dark"]:not([data-admin]) .side-panel-heading {
  border-bottom-color: #263e4e;
}

@media (prefers-color-scheme: dark) {
  html[data-theme="auto"]:not([data-admin]) .side-panel > h2,
  html[data-theme="auto"]:not([data-admin]) .side-panel-heading {
    border-bottom-color: #263e4e;
  }
}

@media (min-width: 821px) {
  html:not([data-admin]) .forum-layout {
    grid-template-columns: minmax(0, 1fr) 230px;
  }

  html:not([data-admin]) .forum-row {
    grid-template-columns: 30px minmax(0, 1fr) 50px 50px minmax(145px, 220px);
    gap: 7px;
  }

  html:not([data-admin]) .post-card {
    grid-template-columns: 132px minmax(0, 1fr);
  }
}

@media (max-width: 820px) {
  html:not([data-admin]) .forum-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 620px) {
  html:not([data-admin]) .page-shell {
    padding-top: 14px;
  }

  html:not([data-admin]) .community-banner {
    padding: 12px;
  }

  html:not([data-admin]) .category-title {
    min-height: 34px;
  }

  html:not([data-admin]) .forum-row {
    grid-template-columns: 25px minmax(0, 1fr) 34px 34px;
    min-height: 58px;
    gap: 5px;
    padding: 8px;
  }

  html:not([data-admin]) .forum-last {
    grid-column: 2 / -1;
    padding-top: 2px;
  }

  html:not([data-admin]) .forum-detail-last > a,
  html:not([data-admin]) .forum-detail-last small {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  html:not([data-admin]) .topic-head {
    margin-top: 14px;
  }

  html:not([data-admin]) .post-card .post-author {
    padding: 10px 3px;
  }

  html:not([data-admin]) .post-card .post-body {
    min-height: 58px;
  }
}