/*
 * Forums (Phase 3): the forum index, forum and thread pages, the post editor, Unread Posts,
 * Search, moderation pages, and the homepage's live latest-threads boxes.
 *
 * Built from the theme's own pieces, like pages.css: forum-table colours (#121210 cells, #0f0f0d
 * headers, #363224 rules), the regular-title bar, medbutton buttons, black inputs, the avatar
 * frame, gold links (#e9bd7f) and muted text (#858176). Every selector is scoped to a class the
 * 2018 homepage never uses (tests/unit/pages-css.test.js checks), so nothing here can move a
 * pixel of it. No fixed widths inside the content: the author column wraps above the post on
 * narrow screens (the phone layout itself is Phase 4).
 */

/* Small links that are really buttons (Mark all read, Pin, Lock, Move) */
.link-button {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: #e9bd7f;
  cursor: pointer;
}

.link-button:hover,
.link-button:focus {
  color: #fff;
}

/* Breadcrumbs and the bar above lists */
.forum-crumbs {
  margin-bottom: 12px;
  font-size: 12px;
  color: #858176;
}

.forum-crumbs .crumb-sep {
  margin: 0 3px;
}

.forum-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px 24px;
  margin-bottom: 14px;
  font-size: 12px;
}

.forum-search {
  display: flex;
  flex: 1 1 280px;
  align-items: center;
  gap: 6px;
  max-width: 360px;
}

.forum-search-wide {
  max-width: 520px;
  margin-bottom: 14px;
}

.forum-search .input-text {
  flex: 1 1 auto;
}

.forum-search .input-text input {
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
}

.forum-staff {
  font-size: 12px;
  color: #858176;
}

/* Forum and thread tables */
.forum-category {
  margin-bottom: 18px;
}

.forum-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.forum-table th,
.forum-table td {
  padding: 8px 10px;
  border-bottom: 1px solid #363224;
  text-align: left;
  vertical-align: middle;
}

.forum-table th {
  background-color: #0f0f0d;
  font-size: 12px;
  font-weight: bold;
  color: #858176;
}

.forum-table td {
  background-color: #121210;
}

.forum-table .number {
  width: 1%;
  text-align: right;
  white-space: nowrap;
}

.forum-table .forum-last {
  width: 30%;
  min-width: 140px;
  font-size: 12px;
}

.forum-main {
  min-width: 200px;
  overflow-wrap: anywhere;
}

.forum-name,
.thread-title {
  font-weight: bold;
}

.forum-desc {
  margin-top: 2px;
  font-size: 12px;
  color: #b8b19c;
}

.forum-meta {
  margin-top: 2px;
  font-size: 11px;
  color: #858176;
}

.forum-meta .element_username {
  font-weight: normal;
}

.forum-gone {
  color: #858176;
}

.thread-table .is-pinned td {
  background-color: #161512;
}

.thread-table .is-unread .thread-title {
  color: #fff8c9;
}

.thread-table .is-unread .thread-title:hover {
  color: #fff;
}

.badge-pinned,
.badge-locked,
.badge-new {
  vertical-align: 1px;
}

.badge-pinned {
  border-color: #6a5a2e;
  color: #e9bd7f;
}

.badge-locked {
  border-color: #59534c;
  color: #b8b19c;
}

.badge-new {
  border-color: #3f4a2e;
  color: #8bed80;
  text-decoration: none;
}

.forum-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px 24px;
  margin-bottom: 12px;
}

.forum-head .forum-desc {
  margin: 0;
  font-size: 13px;
}

.forum-head-actions {
  margin-left: auto;
  font-size: 12px;
}

.forum-foot {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  font-size: 12px;
}

.forum-markread {
  margin-left: auto;
}

.unread-filter strong {
  color: #fff8c9;
}

/* Page links */
.pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  font-size: 12px;
}

.pager a,
.pager strong {
  min-width: 10px;
  padding: 2px 6px;
  border: 1px solid #363224;
  background-color: #0f0f0d;
  text-align: center;
}

.pager strong {
  border-color: #59534c;
  color: #fff8c9;
}

.pager .pager-gap {
  padding: 0 2px;
  color: #858176;
}

/* A thread */
.thread-heading {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  color: #fff8c9;
  overflow-wrap: anywhere;
}

.thread-mod {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
  margin-bottom: 12px;
  padding: 6px 10px;
  border: 1px solid #363224;
  background-color: #0f0f0d;
  font-size: 12px;
}

.thread-mod-label {
  color: #858176;
}

.thread-mod form {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.thread-move select {
  padding: 2px 3px;
  border: 1px solid #59534c;
  background-color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #fff;
}

.thread-tools {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  min-height: 25px;
  margin-bottom: 12px;
}

.thread-reply-button {
  margin-left: auto;
}

.thread-tools-bottom {
  margin-top: 12px;
}

.forum-post {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  border: 1px solid #363224;
  background-color: #121210;
}

.post-author {
  flex: 1 0 140px;
  max-width: 160px;
  padding: 12px 10px;
  border-right: 1px solid #363224;
  background-color: #0f0f0d;
  font-size: 12px;
  text-align: center;
  overflow-wrap: anywhere;
}

.post-author .avatar {
  display: inline-block;
  margin-bottom: 6px;
}

.avatar-96 img,
.avatar-96 .avatar-empty {
  width: 96px;
  height: 96px;
}

.post-author-name {
  margin-bottom: 3px;
  font-size: 13px;
  font-weight: bold;
}

.post-author-rank {
  margin-top: 3px;
  color: #858176;
}

.post-author-facts {
  margin-top: 8px;
  border-top: 1px solid #363224;
  text-align: left;
}

.post-author-facts div {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  padding: 3px 0;
  border-bottom: 1px solid #363224;
}

.post-author-facts dt {
  color: #858176;
}

.post-main {
  display: flex;
  flex: 999 1 300px;
  flex-direction: column;
  min-width: 0;
  padding: 10px 14px 12px;
}

.post-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px;
  margin-bottom: 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid #363224;
  font-size: 11px;
  color: #858176;
}

.post-number {
  color: #858176;
}

.post-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-left: auto;
  font-size: 12px;
}

.post-body {
  flex: 1 0 auto;
  font-size: 13px;
}

.post-body img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 4px 0;
}

.post-body .video-embed {
  max-width: 560px;
  margin: 0 0 10px;
  aspect-ratio: 16 / 9;
  background-color: #000;
}

.post-body .video-embed iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.post-edited {
  margin-top: 8px;
  font-size: 11px;
  font-style: italic;
  color: #858176;
}

.forum-post .signature {
  margin-top: 12px;
}

.forum-post.is-deleted {
  border-style: dashed;
}

.forum-post.is-deleted .post-body {
  opacity: 0.6;
}

.post-deleted {
  flex: 1 1 100%;
  padding: 10px 14px;
  font-size: 12px;
  font-style: italic;
  color: #858176;
}

.post-deleted-note {
  margin-bottom: 10px;
}

.thread-reply {
  margin-top: 18px;
}

.thread-reply-note {
  font-size: 13px;
  color: #b8b19c;
}

/* The editor */
.editor-toolbar:not([hidden]) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  padding: 4px;
  border: 1px solid #59534c;
  border-bottom: 0;
  background-color: #0f0f0d;
}

.editor-toolbar button {
  min-width: 26px;
  padding: 3px 7px;
  border: 1px solid #47423c;
  background-color: #121210;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #d1cab3;
  cursor: pointer;
}

.editor-toolbar button:hover {
  border-color: #59534c;
  color: #fff;
}

.editor-toolbar[aria-busy='true'] button {
  cursor: progress;
}

.editor-status {
  margin-left: 6px;
  font-size: 11px;
  color: #858176;
}

.compose-form {
  max-width: 820px;
}

.compose-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
}

.compose-cancel {
  margin-left: 6px;
  font-size: 12px;
}

.compose-preview {
  max-width: 820px;
  margin-bottom: 16px;
  padding: 10px 14px;
  border: 1px dashed #59534c;
  background-color: #121210;
}

.compose-preview-label {
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #858176;
}

/* Search results and moderation lists */
.search-count {
  font-size: 12px;
  color: #858176;
}

.search-result {
  padding: 10px 0;
  border-bottom: 1px solid #363224;
}

.search-title {
  font-weight: bold;
}

.search-excerpt {
  margin: 4px 0 0;
  font-size: 12px;
  color: #b8b19c;
  overflow-wrap: anywhere;
}

.mod-table td {
  vertical-align: top;
}

.mod-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
}

.mod-member {
  max-width: 640px;
}

.mod-member form {
  margin-bottom: 12px;
}

.mod-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px;
}

.mod-inline .form-row {
  margin-bottom: 0;
}

/* Make moderator / Make member on a member's moderation page. */
.mod-role-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mod-role-actions form {
  margin-bottom: 12px;
}

/* The Staff page: the search above the list, and each row's role with its Save beside it. */
.staff-search {
  margin-bottom: 16px;
}

.staff-role {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

/* The homepage's latest-threads boxes (live) */
.m_forumlatestthreads .latest-threads {
  margin: 0;
  padding: 2px 0;
  list-style: none;
}

.m_forumlatestthreads .latest-threads li {
  padding: 6px 11px;
  border-bottom: 1px solid #363224;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.m_forumlatestthreads .latest-threads li:last-child {
  border-bottom: 0;
}

.m_forumlatestthreads .latest-title {
  display: block;
  font-size: 12px;
  font-weight: bold;
}

.m_forumlatestthreads .latest-by {
  display: block;
  margin-top: 1px;
  font-size: 11px;
  color: #858176;
}

.m_forumlatestthreads .latest-empty {
  margin: 0;
  padding: 11px;
  font-size: 12px;
  color: #858176;
}

/* A profile's recent posts */
.recent-posts {
  margin: 0;
  padding: 0;
  list-style: none;
}

.recent-posts li {
  padding: 7px 0;
  border-bottom: 1px solid #363224;
  font-size: 13px;
}

.recent-post-title {
  font-weight: bold;
}

.recent-post-when {
  font-size: 11px;
  color: #858176;
}

.recent-post-excerpt {
  margin-top: 2px;
  font-size: 12px;
  color: #b8b19c;
  overflow-wrap: anywhere;
}

/* The archive (Phase 7): saved threads and posts from the old site, read-only */
.archive-intro {
  margin: 0 0 12px;
  font-size: 13px;
  color: #b8b19c;
}

.archive-note {
  margin-bottom: 12px;
  padding: 8px 10px;
  border: 1px solid #363224;
  background-color: #0f0f0d;
  font-size: 13px;
  color: #b8b19c;
}

.archive-note p {
  margin: 0;
}

.archive-note p + p {
  margin-top: 4px;
}

.archive-note strong {
  color: #fff8c9;
}

.legacy-now {
  font-size: 11px;
  font-weight: normal;
  color: #858176;
}

.legacy-now .element_username {
  font-weight: normal;
}

.post-author .legacy-now {
  margin-top: 2px;
}

.post-shortened {
  margin-top: 8px;
  font-size: 11px;
  font-style: italic;
  color: #858176;
}

.badge-archive {
  border-color: #59534c;
  color: #b8b19c;
  vertical-align: 1px;
}

/* The post count beside the rank in the phone author strip (thread.njk) only shows below 768px. */
.post-author-posts {
  display: none;
}

/*
 * Phones (below 768px; DECISIONS 84): the same pieces, rearranged for one narrow column.
 * Forum and thread tables stack: the title first, then the counts and last post as one muted
 * line, and the whole row opens the thread (the title's link is stretched over it; the other
 * links sit above). In a thread the 160px author column becomes a strip above the post, with a
 * 40px avatar, the name and badge, and the rank and post count (David, 2026-10-11), so the post
 * gets the full width. Links in rows and action lines get finger-size padding, text is at least
 * 14px (meta 12px), and fields are 16px so iPhones don't zoom in on them.
 */
@media (max-width: 767.98px) {
  /* Bars, breadcrumbs and small links */
  .forum-crumbs {
    font-size: 13px;
    line-height: 20px;
  }

  .forum-crumbs a {
    padding: 8px 0;
  }

  .forum-bar {
    gap: 4px 20px;
    margin-bottom: 8px;
  }

  .forum-search {
    flex-basis: 100%;
    max-width: none;
  }

  .forum-bar-link,
  .forum-markread .link-button,
  .forum-head-actions > a {
    padding: 10px 0;
    font-size: 13px;
  }

  .forum-staff,
  .unread-filter {
    font-size: 13px;
    line-height: 22px;
  }

  .forum-staff a,
  .unread-filter a {
    padding: 10px 0;
  }

  .forum-head .forum-desc {
    font-size: 14px;
  }

  .forum-foot {
    gap: 8px 16px;
  }

  /* A thread title can be one long word (an underscored gamertag): it wraps wherever it shows,
     so it never widens the page or a stacked table */
  .forum-crumbs,
  .forum-crumbs ~ p,
  .forum-table td,
  .search-count,
  .search-result,
  .recent-posts li {
    overflow-wrap: anywhere;
  }

  /* Tables stack: one block per row, no header row */
  .forum-table,
  .forum-table tbody,
  .forum-table tr,
  .forum-table td {
    display: block;
  }

  .forum-table thead {
    display: none;
  }

  .forum-table tr {
    position: relative;
    padding: 10px 10px 11px;
    border-bottom: 1px solid #363224;
    background-color: #121210;
  }

  .thread-table .is-pinned {
    background-color: #161512;
  }

  .forum-table td,
  .thread-table .is-pinned td {
    min-width: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
  }

  .forum-main {
    margin-bottom: 4px;
  }

  .forum-name,
  .thread-title {
    font-size: 15px;
    line-height: 1.35;
  }

  /* The row opens the forum or thread; the other links in it stay on top. (Not in the reports
     queue, whose rows hold actions.) */
  .forum-category .forum-name::after,
  .thread-table .thread-title::after {
    content: '';
    position: absolute;
    inset: 0;
  }

  .forum-table .forum-meta a,
  .forum-table .forum-last a,
  .forum-table .badge-new {
    position: relative;
    z-index: 1;
  }

  /* The New badge (to the first unread post) gets a finger-size tap area; it looks the same */
  .forum-table .badge-new::before {
    content: '';
    position: absolute;
    inset: -10px -4px;
  }

  .forum-desc {
    margin-top: 3px;
    font-size: 13px;
  }

  .forum-meta {
    margin-top: 3px;
    font-size: 12px;
  }

  .badge-pinned,
  .badge-locked,
  .badge-new {
    font-size: 11px;
  }

  /* "Threads: 3 · Posts: 24" and "Replies: 3 · Last post 3 hours ago by …": the counts and the
     last post in one muted line under the title */
  .forum-table td.number,
  .forum-table td.forum-last {
    display: inline;
    width: auto;
    font-size: 12px;
    color: #b8b19c;
    text-align: left;
    white-space: normal;
  }

  .forum-table td.number::before,
  .forum-table td.forum-last::before {
    color: #858176;
  }

  .forum-category td.number:nth-child(2)::before {
    content: 'Threads: ';
  }

  .forum-category td.number:nth-child(3)::before {
    content: '· Posts: ';
  }

  .forum-category td.forum-last {
    display: block;
    margin-top: 3px;
  }

  .forum-category td.forum-last::before {
    content: 'Last post: ';
  }

  .forum-category .forum-last .forum-meta::before {
    content: ' · ';
  }

  .thread-table td.number::before {
    content: 'Replies: ';
  }

  .thread-table td.forum-last::before {
    content: '· Last post ';
  }

  .thread-table .forum-last .forum-meta::before {
    content: ' ';
  }

  .forum-table .forum-last .forum-meta {
    display: inline;
    margin: 0;
  }

  /* Page links */
  .pager {
    gap: 6px;
    font-size: 13px;
  }

  .pager a,
  .pager strong {
    min-width: 14px;
    padding: 8px 10px;
    line-height: 16px;
  }

  /* A thread */
  .thread-mod {
    gap: 0 18px;
    padding: 0 10px;
    font-size: 13px;
  }

  .thread-mod .link-button,
  .thread-mod > a {
    padding: 13px 0;
  }

  .thread-move {
    max-width: 100%;
    padding: 5px 0;
  }

  .thread-move select {
    min-width: 0;
    max-width: 100%;
    padding: 6px 4px;
    font-size: 16px;
  }

  .thread-tools {
    min-height: 0;
    margin-bottom: 10px;
  }

  .thread-tools-bottom {
    margin-top: 10px;
  }

  .forum-post {
    display: block;
  }

  /* The author strip, its avatar floated beside the name like the 2018 Group Pay box's. The
     avatar sits in the strip's left padding, so lines that wrap stay beside it, not under it. */
  .post-author {
    display: flow-root;
    max-width: none;
    padding: 8px 10px 8px 60px;
    border-right: 0;
    border-bottom: 1px solid #363224;
    line-height: 18px;
    text-align: left;
  }

  .post-author:not(:has(.avatar)) {
    padding-left: 10px;
  }

  .post-author .avatar {
    float: left;
    margin: 0 10px 0 -50px;
  }

  .post-author .avatar-96 img,
  .post-author .avatar-96 .avatar-empty {
    width: 36px;
    height: 36px;
  }

  .post-author-name {
    display: inline;
    margin: 0 3px 0 0;
    font-size: 14px;
    line-height: 21px;
  }

  .post-author .badge {
    font-size: 11px;
    vertical-align: 1px;
  }

  .post-author-rank {
    display: inline;
    margin: 0;
  }

  .post-author-rank::before {
    content: '\A';
    white-space: pre;
  }

  .post-author-rank::after {
    content: ' ';
  }

  .post-author-posts {
    display: inline;
    color: #858176;
    white-space: nowrap;
  }

  .post-author-posts::before {
    content: '· ';
  }

  .post-author-facts {
    display: none;
  }

  .post-main {
    padding: 0 10px 12px;
  }

  .post-meta {
    margin-bottom: 10px;
    padding-bottom: 0;
    font-size: 12px;
  }

  .post-number {
    padding: 11px 0;
  }

  .post-actions {
    gap: 0 2px;
    margin-right: -8px;
    font-size: 13px;
  }

  .post-actions a {
    padding: 11px 8px;
  }

  .post-body {
    font-size: 14px;
    overflow-wrap: anywhere;
  }

  .post-edited {
    font-size: 12px;
  }

  .forum-post .signature {
    overflow-wrap: anywhere;
  }

  .forum-post .signature img {
    max-width: 100%;
    height: auto;
  }

  .post-deleted {
    padding: 12px 10px;
    font-size: 13px;
  }

  .thread-reply-note {
    font-size: 14px;
  }

  /* The editor */
  .editor-toolbar:not([hidden]) {
    gap: 6px;
    padding: 6px;
  }

  .editor-toolbar button {
    min-width: 44px;
    min-height: 38px;
    padding: 0 12px;
    font-size: 14px;
  }

  .editor-status {
    flex-basis: 100%;
    margin: 0 2px;
    font-size: 12px;
  }

  .editor-status:empty {
    display: none;
  }

  .editor .input-textarea textarea {
    min-height: 190px;
    font-size: 16px;
  }

  .editor ~ .form-hint,
  [data-widget='report'] .form-hint {
    font-size: 12px;
  }

  .compose-actions {
    gap: 10px 12px;
  }

  .compose-cancel {
    margin-left: 4px;
    padding: 10px 4px;
    font-size: 14px;
  }

  .compose-preview {
    padding: 10px 12px;
  }

  .compose-preview-label {
    font-size: 12px;
  }

  /* Search results: the whole result opens the post */
  .search-count {
    font-size: 13px;
  }

  .search-result {
    position: relative;
    padding: 12px 0;
  }

  .search-title {
    font-size: 15px;
    line-height: 1.35;
  }

  .search-result .search-title::after {
    content: '';
    position: absolute;
    inset: 0;
  }

  .search-result .forum-meta a {
    position: relative;
    z-index: 1;
  }

  .search-excerpt {
    font-size: 13px;
  }

  /* Moderation: the reports queue and the log stack like the forum tables */
  .mod-table td {
    font-size: 14px;
  }

  .mod-table td + td {
    margin-top: 8px;
  }

  .mod-table .forum-meta {
    font-size: 12px;
  }

  /* What moderators read: the reported post and the reason */
  .mod-table .search-excerpt {
    font-size: 14px;
  }

  [data-widget='reports'] .mod-table td:nth-child(2) {
    padding-left: 10px;
    border-left: 3px solid #363224;
  }

  [data-widget='reports'] .mod-table td:nth-child(2)::before {
    content: 'Reported';
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #858176;
  }

  .mod-actions {
    gap: 0 22px;
  }

  .mod-actions a,
  .mod-actions .link-button {
    padding: 10px 0;
  }

  .mod-member .badge {
    font-size: 11px;
  }

  .mod-member form {
    margin-bottom: 18px;
  }

  .mod-inline .form-row {
    flex: 1 1 180px;
  }

  .mod-role-actions .element_button input,
  .staff-role .element_button input {
    height: 44px;
    padding: 0 16px;
    font-size: 14px;
    line-height: 44px;
  }

  .mod-role-actions .element_button::before,
  .mod-role-actions .element_button::after,
  .staff-role .element_button::before,
  .staff-role .element_button::after {
    background-size: auto 100%;
  }

  .mod-inline .input-select select,
  .staff-role .input-select select,
  [data-widget='report'] .input-textarea textarea {
    font-size: 16px;
  }

  /* The homepage's latest-threads boxes: each line opens its thread */
  .m_forumlatestthreads .latest-threads li {
    position: relative;
    padding: 9px 11px;
  }

  .m_forumlatestthreads .latest-title {
    font-size: 14px;
  }

  .m_forumlatestthreads .latest-title::after {
    content: '';
    position: absolute;
    inset: 0;
  }

  .m_forumlatestthreads .latest-by {
    margin-top: 2px;
    font-size: 12px;
  }

  .m_forumlatestthreads .latest-empty {
    font-size: 13px;
  }

  /* The homepage's phone column (DECISIONS 85): each thread is one row and one tap target, its
     title in gold over a muted line; "All forums" closes the list. */
  .phone-thread-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .phone-thread-list li {
    border-bottom: 1px solid #363224;
  }

  .phone-thread {
    display: block;
    padding: 11px 12px;
    overflow-wrap: anywhere;
  }

  .phone-thread-title {
    display: block;
    font-size: 15px;
    font-weight: bold;
    line-height: 19px;
  }

  .phone-thread-meta {
    display: block;
    margin-top: 3px;
    font-size: 13px;
    line-height: 16px;
    color: #858176;
  }

  .phone-threads-empty {
    margin: 0;
    padding: 12px 12px 4px;
    font-size: 14px;
    color: #858176;
  }

  .phone-threads-all {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    font-size: 14px;
  }

  /* A profile's recent posts */
  .recent-posts li {
    padding: 9px 0;
    font-size: 14px;
  }

  .recent-post-when {
    font-size: 12px;
  }

  .recent-post-excerpt {
    font-size: 13px;
  }

  /* The archive: its notes at reading size, its links and Hide buttons finger-size */
  .archive-intro,
  .archive-note {
    font-size: 14px;
    overflow-wrap: anywhere;
  }

  .archive-note {
    padding: 10px;
  }

  /* Inline links: the padding makes the tap area 44px without moving the line. */
  .archive-note a,
  .post-saved-copy {
    padding: 14px 0;
  }

  .post-actions .link-button {
    padding: 13px 8px;
    font-size: 13px;
  }

  .legacy-now,
  .post-shortened {
    font-size: 12px;
  }

  .post-author .legacy-now {
    margin: 0;
  }
}