/* Category topic layouts: status badges stay aligned with the right edge. */
#forum-category-topics .forum-ext-topic-list > .forum-ext-topic-item > .forum-ext-topic-main { min-width: 0; flex: 1; }
#forum-category-topics .forum-ext-topic-list > .forum-ext-topic-item > .forum-ext-topic-side { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; text-align: right; }
#forum-category-topics .forum-ext-topic-row-flags { justify-content: flex-end; }
#forum-category-topics .forum-ext-topic-row-flags:empty { display: none; }
#forum-category-topics .forum-ext-topic-row-head h3 { overflow-wrap: anywhere; }
#forum-category-topics.forum-ext-topics-modern > .forum-ext-topic-list { gap: 0; }
#forum-category-topics.forum-ext-topics-modern > .forum-ext-topic-list > .forum-ext-topic-item {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(130px, .34fr) 210px;
    gap: 20px; margin: 0; padding: 24px 0; border: 0; border-radius: 0;
    border-bottom: 1px solid var(--forum-line); background: transparent;
}
#forum-category-topics.forum-ext-topics-modern > .forum-ext-topic-list > .forum-ext-topic-item:last-child { border-bottom: 0; }
#forum-category-topics.forum-ext-topics-modern > .forum-ext-topic-list > .forum-ext-topic-divider { display: none; }
#forum-category-topics.forum-ext-topics-modern .forum-ext-topic-side { color: var(--forum-muted); font-size: .9em; }
@media (max-width: 600px) {
    #forum-category-topics .forum-ext-topic-list > .forum-ext-topic-item > .forum-ext-topic-side { width: 100%; align-items: flex-end; }
    #forum-category-topics.forum-ext-topics-modern > .forum-ext-topic-list > .forum-ext-topic-item { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 20px 0; }
}

/* Match the lobby's metrics and separated activity column inside categories. */
#forum-category-topics.forum-ext-topics-modern .forum-ext-topic-stats { display: flex; justify-content: space-around; gap: 16px; color: var(--forum-muted); text-align: center; }
#forum-category-topics.forum-ext-topics-modern .forum-ext-topic-stats > span { display: grid; gap: 4px; }
#forum-category-topics.forum-ext-topics-modern .forum-ext-topic-stats strong { font-size: 1.4rem; font-weight: 600; }
#forum-category-topics.forum-ext-topics-modern .forum-ext-topic-stats small { font-size: .9rem; }
#forum-category-topics.forum-ext-topics-modern > .forum-ext-topic-list > .forum-ext-topic-item > .forum-ext-topic-side {
    border-left: 2px solid var(--forum-topic-divider-colour, var(--forum-accent)); padding-left: 12px;
    min-height: 76px; justify-content: center; box-sizing: border-box; min-width: 0;
}
@media (max-width: 760px) {
    #forum-category-topics.forum-ext-topics-modern > .forum-ext-topic-list > .forum-ext-topic-item { grid-template-columns: minmax(0, 1fr) 120px; }
    #forum-category-topics.forum-ext-topics-modern .forum-ext-topic-side { grid-column: 1 / -1; }
}
@media (max-width: 440px) {
    #forum-category-topics.forum-ext-topics-modern > .forum-ext-topic-list > .forum-ext-topic-item { grid-template-columns: minmax(0, 1fr); }
    #forum-category-topics.forum-ext-topics-modern .forum-ext-topic-stats { width: min(100%, 200px); margin-inline: auto; }
}

/* Single-state divider hues; combinations retain both colours below. */
#forum-category-topics.forum-ext-topics-modern .forum-ext-topic-item.is-global-pinned { --forum-topic-divider-colour: #ffe84f; }
#forum-category-topics.forum-ext-topics-modern .forum-ext-topic-item.is-pinned { --forum-topic-divider-colour: var(--forum-accent); }
#forum-category-topics.forum-ext-topics-modern .forum-ext-topic-item.is-hot-pinned { --forum-topic-divider-colour: var(--forum-hot-pin); }
#forum-category-topics.forum-ext-topics-modern .forum-ext-topic-item.is-locked { --forum-topic-divider-colour: var(--forum-locked); }
#forum-category-topics.forum-ext-topics-modern .forum-ext-topic-item.is-archived { --forum-topic-divider-colour: var(--forum-muted); }

/* Let the labelled section break replace the last pin's ordinary row rule. */
#forum-category-topics.forum-ext-topics-modern > .forum-ext-topic-list > .forum-ext-topic-item:has(+ .forum-ext-regular-topics-heading) {
    border-bottom: 0;
}

/* Split the existing activity rule: pin above, locked/archived state below. */
#forum-category-topics.forum-ext-topics-modern .forum-ext-topic-item:is(.is-pinned, .is-hot-pinned, .is-global-pinned, .is-announcement, .is-note):is(.is-locked, .is-archived) > .forum-ext-topic-side {
    border-image: linear-gradient(180deg, var(--forum-pin-colour) 0 50%, var(--forum-status-colour) 50% 100%) 1;
}