/* 1. Возвращаем строкам стандартный, стабильный вид таблицы */
#pun-category1 thead {
    display: none !important;
}
#pun-category1 tr {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #D1CDC5;
}
#pun-category1 td.tcl {
    width: 60% !important;}
    
#pun-category1 td.tcl,
#pun-category1 td.tcr {
    display: table-cell !important;
    vertical-align: top !important;
    box-sizing: border-box;
}

/* Фиксируем правую колонку последнего сообщения */
#pun-category1 td.tcr {
    width: 280px !important;
    max-width: 280px !important;
}

/* Сбрасываем старые позиционные костыли */
#pun-category1 .tclcon {
    display: block !important;
    position: static !important;
}

/* 2. Магия флексбокса для нашей НОВОЙ обертки из скрипта */
#pun-category1 .forum-header-row {
    display: flex !important;
    /* Выравниваем заголовок и иконки строго по центральной оси линии */
    align-items: center !important; 
    margin-bottom: 10px; /* Отступ вниз до текста описания подфорума */
}

/* Сам текст заголовка */
#pun-category1 .forum-header-row h3 {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    /* margin-right: auto заставит иконки улететь в правый край нашей флекс-линии */
    margin-right: auto !important; 
}

/* 3. Превращаем бывшие ячейки td в аккуратные блоки внутри флекса */
#pun-category1 .forum-header-row td.tc2,
#pun-category1 .forum-header-row td.tc3 {
    display: inline-block !important;
    font-size: 13px;
    font-weight: normal;
    color: #666;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Делаем зазор между папкой и карандашом */
#pun-category1 .forum-header-row td.tc2 {
    margin-right: 25px !important; 
}

/* 4. Оформляем иконки FontAwesome перед цифрами */
#pun-category1 .forum-header-row td.tc2::before,
#pun-category1 .forum-header-row td.tc3::before {
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    margin-right: 6px;
    color: var(--bg-secondary);
}
#pun-category1 .forum-header-row td.tc2::before { content: "\f07b"; }
#pun-category1 .forum-header-row td.tc3::before { content: "\f044"; }

/* 5. Наводим порядок со ссылками подкатегорий (гостевая, фак) */
#pun-category1 .flinks {
    display: block !important;
    margin-top: 15px !important;
}

#pun-main .icon {display:none;}

#pun-category1 .forum-header-row h3 a {
    /* Твои стили для ссылок-заголовков (цвет, шрифт, размер, трансформация текста) */
    color: var(--bg-secondary) !important;
    font-family: 'Alice', serif;
    text-transform: uppercase;
    font-size: 21px;
    text-decoration: none;
    font-weight:normal!important;
}

/* Если нужно отдельно задать свойства для самого тега h3 (например, отступы) */
#pun-category1 .forum-header-row h3 {
    /*margin: 0 !important;*/
}