/* Moved from app/views/tournaments/index.html.erb in B2, scoped to .ctx-poster. Rebuilt in its own phase. */
.ctx-poster .board { display: flex; flex-direction: column; }
.ctx-poster .board-row {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 18px 18px;
    margin: 0 -18px;
    border-radius: 14px;
    border-bottom: 1px solid var(--hairline);
    transition: background 0.15s ease, transform 0.15s ease;
  }
.ctx-poster .board-row:last-child { border-bottom: none; }
.ctx-poster .board-row:hover {
    background: var(--surface-2);
    transform: translateX(4px);
  }
.ctx-poster .board-row__stamp { flex-shrink: 0; width: 92px; text-align: center; justify-content: center; }
.ctx-poster .board-row__main { flex: 1; min-width: 0; }
.ctx-poster .board-row__name {
    font-family: var(--font);
    font-size: 21px;
    font-weight: 800;
    letter-spacing: -0.2px;
    line-height: 1.15;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
.ctx-poster .board-row__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 16px;
    font-size: 13px;
    color: var(--muted);
  }
.ctx-poster .meta-bit { display: inline-flex; align-items: center; gap: 6px; }
.ctx-poster .meta-bit svg { width: 13px; height: 13px; color: var(--ink-2); flex-shrink: 0; }
.ctx-poster .board-row__when {
    flex-shrink: 0;
    text-align: right;
    font-size: 13px;
    font-weight: 600;
    color: var(--ink-2);
    font-variant-numeric: tabular-nums;
    max-width: 190px;
    line-height: 1.4;
  }
.ctx-poster .board-row__arrow {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    color: var(--faint);
    transition: transform 0.15s ease, color 0.15s ease;
  }
.ctx-poster .board-row:hover .board-row__arrow { transform: translateX(4px); color: var(--ink-2); }
@media (max-width: 640px) {
.ctx-poster .board-row { gap: 12px; padding: 16px 12px; margin: 0 -12px; }
.ctx-poster .board-row__stamp { width: 74px; }
.ctx-poster .board-row__name { font-size: 17px; }
.ctx-poster .board-row__when { display: none; }
.ctx-poster .board-row__meta { font-size: 12px; gap: 4px 12px; }
}
@media (prefers-reduced-motion: reduce) {
.ctx-poster .board-row,
.ctx-poster .board-row__arrow { transition: none; }
}