.posts-list__head { display: flex; flex-direction: column; gap: 28px; }
.posts-list__title { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.posts-list__title h1 { margin: 8px 0 0; font: 400 2.75rem/1.1 var(--font-display); letter-spacing: -.035em; }
.posts-list__tabs { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; border-bottom: 1px solid var(--line); }
.posts-list__tab { position: relative; min-height: 46px; padding: 12px 16px; font-size: .8rem; font-weight: 600; color: var(--soft); text-decoration: none; }
.posts-list__tab:hover { color: var(--cardinal); }
.posts-list__tab.is-active { color: var(--cardinal); }
.posts-list__tab.is-active::after { content: ''; position: absolute; bottom: -1px; left: 16px; right: 16px; height: 3px; border-radius: 2px; background: var(--cardinal); }
.post-table--rich .post-table-head, .post-table--rich .post-table-row { grid-template-columns: minmax(170px, 1.8fr) minmax(90px, .9fr) minmax(100px, 1fr) minmax(100px, .9fr) 16px; }
.post-chevron { color: var(--soft); font-size: 20px; text-align: right; }
.platform-chip { display: inline-flex; align-items: center; gap: 4px; }
.chip-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--line); flex-shrink: 0; }
.chip-dot.is-live { background: var(--green); }
.chip-dot.is-failed { background: var(--red); }
.chip-dot.is-pending { background: var(--faint); }
.post-result.is-scheduled { color: var(--cardinal); }
.posts-filter-empty .button { margin-top: 2px; }
@media (min-width: 901px) and (max-width: 1150px) {
  .post-table--rich .post-table-head, .post-table--rich .post-table-row { grid-template-columns: minmax(130px, 1.5fr) 75px minmax(95px, 1fr) 90px; }
  .post-chevron, .post-table--rich .post-table-head > span:last-child { display: none; }
}
@media (max-width: 700px) {
  .posts-list__title { align-items: center; gap: 16px; }
  .posts-list__title h1 { font-size: 2.4rem; }
  .posts-list__title .button { font-size: .77rem; }
  .posts-list__tabs { gap: 0; }
  .posts-list__tab { padding-inline: 11px; font-size: .72rem; }
  .posts-list__tab.is-active::after { left: 11px; right: 11px; }
  .post-table--rich .post-table-row { grid-template-columns: minmax(0, 1fr) auto; }
  .post-chevron { display: none; }
}