/* Opt-in lobby layout. No selectors target Grid, List or Classic forum. */
.forum-ext--public .forum-ext-category-grid--modern {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    container-type: inline-size;
    background: var(--forum-card);
    border: 1px solid var(--forum-line);
    border-radius: var(--mz-border-radius);
    overflow: hidden;
}
.forum-ext-category-grid--modern .forum-ext-modern-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(130px, .34fr) minmax(180px, .42fr);
    align-items: center;
    gap: 12px;
    padding: 28px 20px;
    border-bottom: 1px solid var(--forum-line);
    color: var(--forum-text);
}
.forum-ext-category-grid--modern .forum-ext-modern-row--no-latest { grid-template-columns: minmax(0, 1fr) minmax(130px, .34fr); }
.forum-ext-category-grid--modern .forum-ext-modern-row__category { display: flex; gap: 16px; align-items: flex-start; min-width: 0; padding-inline-start: var(--forum-row-indent); }
.forum-ext-category-grid--modern .forum-ext-modern-row__copy { min-width: 0; }
.forum-ext-category-grid--modern .forum-ext-modern-row h3 { margin: 0 0 5px; font-size: 1.35rem; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.forum-ext-category-grid--modern .forum-ext-modern-row a { color: inherit; text-decoration: none; }
.forum-ext-category-grid--modern .forum-ext-modern-row a:hover { text-decoration: underline; }
.forum-ext-category-grid--modern .forum-ext-modern-row p { margin: 0; color: var(--forum-muted); font-size: .9375rem; line-height: 1.5; overflow-wrap: anywhere; }
.forum-ext-category-grid--modern .forum-ext-modern-row__restriction { display: block; margin-top: 6px; color: var(--forum-muted); font-size: .75rem; }
.forum-ext-category-grid--modern .forum-ext-modern-row__stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; min-width: 0; }
.forum-ext-category-grid--modern .forum-ext-modern-row__stats > span { display: grid; gap: 2px; text-align: center; padding: 10px 4px; background: transparent; border-radius: 4px; color: var(--forum-muted); overflow-wrap: anywhere; }
.forum-ext-category-grid--modern .forum-ext-modern-row__stats strong { font-size: 1.35rem; font-weight: 500; line-height: 1.2; }
.forum-ext-category-grid--modern .forum-ext-modern-row__stats small { font-size: .8125rem; }
.forum-ext-category-grid--modern .forum-ext-modern-row__latest { min-width: 0; align-self: stretch; display: flex; flex-direction: column; justify-content: center; gap: 4px; padding-inline-start: 10px; border-inline-start: 2px solid var(--forum-row-colour); font-size: .875rem; overflow-wrap: anywhere; }
.forum-ext-category-grid--modern .forum-ext-modern-row__latest > small { color: var(--forum-muted); font-size: .75rem; }
.forum-ext-category-grid--modern .forum-ext-modern-row__latest a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.forum-ext-category-grid--modern > .forum-ext-render-hook { padding: 16px 0; border-bottom: 1px solid var(--forum-line); }
@container (max-width: 760px) {
    .forum-ext-category-grid--modern .forum-ext-modern-row { grid-template-columns: minmax(0, 1fr) 120px; gap: 14px; padding: 22px 16px; }
    .forum-ext-category-grid--modern .forum-ext-modern-row__latest { grid-column: 1 / -1; margin-inline-start: var(--forum-row-indent); }
}
@container (max-width: 440px) {
    .forum-ext-category-grid--modern .forum-ext-modern-row { grid-template-columns: minmax(0, 1fr); }
    .forum-ext-category-grid--modern .forum-ext-modern-row h3 { font-size: 1.15rem; }
    .forum-ext-category-grid--modern .forum-ext-modern-row__stats { margin-inline: auto; width: min(100%, 200px); }
    .forum-ext-category-grid--modern .forum-ext-modern-row__stats > span { padding: 6px; }
}

.forum-ext-category-grid--modern .forum-ext-modern-row:last-child { border-bottom: 0; }