/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
@import url(style_cs.1772109408.css);
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    src: url('https://forumstatic.ru/files/001c/aa/2d/13348.ttf?v=1') format('woff2');
}

@font-face {
    font-family: 'Labor';
    src: url('https://forumstatic.ru/files/001c/aa/2d/64178.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Renaissance Grotesque';
    src: url('https://forumstatic.ru/files/001c/aa/2d/39137.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* A1.2 цвета*/
:root {
    /* === Палитра === */
    --color-primary: #5c7e45;    /* Основной болотный */
    --color-primary-light: #9bb07c;    /* Болотно-зеленый */
    --color-primary-dark: #3a4f2d;    /* Очень темный */
    --color-background: #f0f3e8;     /* Самый светлый */
    --color-background2: #040404; /*Почти черный*/
    --color-surface: #dbe3cd;    /* Светло-болотный */
    --color-accent: #e5b93b;            /* Золото */
    --color-accent-light: #ffecbf;            /* Шампань */
    --color-accent-dark: #a87c1f;            /* Темное золото */
    --color-border: #c99a2b;            /* Старое золото */
    --color-text-primary: #1d2717;    /* Черно-болотный */
    --color-text-secondary: #3a4f2d;    /* Очень темный */
    --color-link: #a87c1f;            /* Темное золото */
    --color-link-hover: #e5b93b;      /* Золото */
    
    /* Дополнительные переменные для совместимости */
    --main-font: Arial
    --dec-font: 'Renaissance Grotesque', 'Georgia', serif;
    --dec-font2: 'Labor', 'Trebuchet MS', sans-serif;
    --anim: 0.3s ease all;
}

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 ширина тельца*/
html, body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
}

/* A2.2 отступ блоков*/
.punbb * {
    margin: 0;
    box-sizing: border-box;
}

/* A2.3 убрать маркер*/
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
    padding: 0;
    list-style: none;
}

/* A2.4 */
.punbb img {
    border: none;
    max-width: 100%;
    height: auto;
}

/* A2.5 */
.punbb .main table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}

/* A2.6 Заголовки таблиц на главной*/
#pun-index .main table thead {
    display: none;
}

/* A2.7 */
.checkfield input[type="checkbox"], 
.radiofield input[type="radio"] {
    margin: 0 0.3em;
    border-radius: 50%;
    appearance: none;
    width: 12px;
    height: 12px;
    border: 1px solid var(--color-border);
}

/* A2.8 */
.checkfield input[type="checkbox"]:checked, 
.radiofield input[type="radio"]:checked {
    background: var(--color-link);
    padding: 1px;
    background-clip: content-box;
}

/* A2.9 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
    height: 1.8em;
    vertical-align: middle;
}

/* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
    font-size: 105%;
}

/* A3.2 */
.punbb {
    font: normal 69.97% var(--main-font);
}

/* A3.3 */
.punbb textarea, 
.punbb input, 
.punbb select, 
.punbb optgroup {
    font: 1.1em var(--main-font);
    background: var(--color-surface);
    border: var(--color-border) 2px solid;
    border-radius: 5px;
    padding: 8px;
    margin-top: 2px;
    transition: var(--anim);
}

.punbb textarea:focus,
.punbb input:focus,
.punbb select:focus {
    border-color: var(--color-accent);
    box-shadow: 0 0 10px var(--color-accent-light);
    outline: none;
}

/* A3.4 */
.punbb input.button:hover {
    transition: var(--anim);
    background: var(--color-accent);
    color: var(--color-background);
}

/* A3.5 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
    font-size: 1.1em;
    font-weight: normal;
}

/* A3.6 */
.punbb pre {
    background: transparent;  /* Светлый фон из переменной */
    color: var(--color-text-primary);  /* Темный текст */
    padding: 12px;

}

/* A3.7 */
.punbb address, .punbb em {
    font-style: normal;
}

/* A3.8 */
.punbb .post-content em {
    font-style: italic;
}

/* A3.9 */
.punbb .post-content em.bbuline {
    font-style: normal;
    text-decoration: underline;
}

/* A3.10 ссылка*/
a {
    text-decoration: none;
    color: var(--color-link);
    transition: var(--anim);
    /* border-bottom: 1px dotted var(--color-border); */ /*подчеркивание ссылок*/
}

/* A3.11 ссылка при наведении*/
a:hover {
    color: var(--color-link-hover);
    /*border-bottom: 2px solid var(--color-border);/* /*подчеркивание ссылок*/
}

/* A3.12 */
.punbb optgroup {
    font-weight: bold;
}

/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
}

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
    display: none;
}

/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 основной фон*/
body {
    background: url('https://forumstatic.ru/files/001c/aa/2d/your-main-bg.jpg') no-repeat center center fixed;
    background-size: cover;
    position: relative;
}

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(240, 243, 232, 0.85);
    pointer-events: none;
    z-index: -1;
}

/* A5.2 тело*/
#pun {
    position: relative;
    margin: 50px auto;
    width: 1070px;
    min-height: 600px;
    background: var(--color-surface);
    border: 3px solid var(--color-border);
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    padding: 0;
    /* backdrop-filter: blur(5px); */ /*ломает боковые меню, пофиксить позже или убрать вовсе*/
    z-index: 1;
}

/* A5.3 область контента*/
.punbb {
    height: auto;
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)),
                url('https://forumstatic.ru/files/001c/aa/2d/your-forum-bg.jpg');
    background-size: cover;
    background-position: center;
    border: 2px solid var(--color-accent);
    border-radius: 8px;
    margin: 20px;
    padding: 20px;
    box-shadow: inset 0 0 20px rgba(201, 154, 43, 0.1);
}

/* A5.4 Страница перенаправления */
#pun-redirect, #pun-maint {
    margin: 50px 20% 12px 20%;
    width: auto;
    float: none;
}

/* A5.5 */
.punbb .modmenu {
    margin: 0 26px;
}

/* A5.6 */
#pun-viewtopic .forum, #pun-viewtopic .modmenu {
    margin: 0;
}

/* A5.7 Заголовки разделов*/
#pun-main h1, #pun-debug h2 {
    font-family: var(--dec-font);
    font-size: 24px;
    text-transform: uppercase;
    color: var(--color-primary-dark);
    text-align: center;
    border: 3px double var(--color-border);
    border-width: 3px 0;
    background: linear-gradient(to right, transparent, var(--color-accent-light), transparent);
    padding: 15px 0;
    margin: 20px 0;
    letter-spacing: 3px;
    text-shadow: 2px 2px 0 var(--color-accent-light);
}

/* A5.8 Заголовок страниц при создании сообщения*/
#pun-post #pun-main h2 {
    text-align: left;
    font-family: var(--dec-font);
    font-size: 20px;
    margin: 0 10px 5px;
    color: var(--color-primary-dark);
}

/* A5.9 */
#pun-viewtopic .modmenu .container {
    padding: 5px 12px;
}

/* A5.10 */
#pun-viewtopic #topic-modmenu {
    margin-bottom: 10px;
}

/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
    text-align: justify;
}

/* B1.2 */
.punbb .post-sig dt {
    display: block;                     /* Делает элемент блочным (занимает всю ширину) */
    border-top: 1px solid var(--color-border); /* Добавляет верхнюю границу толщиной 1px */
    width: 250px;                       /* Фиксированная ширина разделителя */
    margin: 5px 0;                      /* Отступы: 5px сверху и снизу */
}

/* B1.3 */
.punbb .post-content p {
    margin: 0;
    padding: 0 0 1em 0;
    line-height: 150%;
}

/* B1.4 */
.punbb .post-content img {
    vertical-align: text-bottom;
}

/* B1.5 */
.punbb .post-content img.postimg {
    vertical-align: middle;
    max-width: 100%;
}

/* B1.6 */
.punbb .post-content .blockcode, 
.punbb .post-content blockquote {
    padding: 1em 1em 0;
    overflow: hidden;
    background: rgba(219, 227, 205, 0.3);
    border-left: 4px solid var(--color-primary);
    border-radius: 0 10px 10px 0;
    margin: 15px 0;
    position: relative;
}

.punbb .post-content blockquote::before {
    content: '"';
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 40px;
    color: var(--color-primary-light);
    opacity: 0.3;
    font-family: serif;
}

/* B1.7 */
.punbb .post-content .scrollbox {
    width: 100%;
    overflow: auto;
    margin-bottom: 6px;
}

/* B1.8 */
.punbb .post-content .quote-box, 
.punbb .post-content .code-box {
    margin: 6px 3px 16px;
    background: var(--color-surface);  
    border: 1px solid var(--color-border);
    outline: var(--color-border) solid 1px;
    outline-offset: 2px;
        border-radius: 8px;
    overflow-x: auto;
    border: 1px solid var(--color-border);
    padding: 5px 15px;
}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    font-family: var(--dec-font);      /* Декоративный шрифт из переменной */
    font-size: 1.05em;                 /* Размер шрифта на 5% больше базового */
    line-height: 1.4em;                /* Высота строки */
    font-weight: bold;                 /* Жирное начертание */
    display: block;                    /* Блочный элемент (занимает всю ширину) */
    padding: 0.5em 0 0.2em;           /* Отступы: 0.5em сверху, 0.2em снизу */
    font-style: normal;                /* Обычное начертание (не курсив для <cite>) */
    border-bottom: var(--color-border) 2px solid; /* Нижняя граница толщиной 2px */
    text-align: center;                /* Центрирование текста */
    margin: 0 auto;                    /* Автоматические боковые отступы (центрирование) */
    max-width: 40%;                    /* Максимальная ширина 40% от родителя */
}

/* B1.11 */
.punbb .post-content .spoiler-box {
    padding: 1em;
}

/* B1.12 */
.post-content .spoiler-box > div {
    background: none !important;
    padding-left: 0 !important;
}

/* B1.13 */
.post-content .spoiler-box > div:before {
    content: '+';
}

/* B1.14 */
.post-content .spoiler-box > div.visible:before {
    content: '-';
}

.post-content .spoiler-box > div:before {
    background: var(--color-link);
    color: var(--color-background);
    border: none;
    border-radius: 1px;
    font-size: 10px;
    font-weight: 700;
    margin: 0px 8px 0px 1px;
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
}

/* B1.16 */
.post-content .spoiler-box div span {
    display: inline-block !important;
    width: calc(100% - 22px);
}

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
    padding: 1.1em 1.7em 1em 1.7em;
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-border);
    margin: 0 0 1.1em 0;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(5px);
}

/* B2.2 */
.punbb .info-box * {
    padding: 0 0 0.7em 0;
}

/* B2.3 */
.punbb #pun-main .info-box .legend {
    font-size: 1.1em;
    font-weight: bold;
    color: var(--color-primary-dark);
}

/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
    font-size: 12px;
    height: 26px;
    font-family: var(--main-font);
    margin: 5px 26px 10px;
    line-height: 26px;
    color: var(--color-text-primary);
}

#pun-viewtopic .linkst {
    margin: 8px 26px 16px;
}

/* B3.2 */
.multipage {
    margin-top: 0;
}

/* B3.3 */
.linkst .pagelink {
    display: inline-block;
    width: 44%;
}

/* B3.4 */
.linkst .postlink {
    text-align: right;
    font-weight: bold;
    float: right;
    display: inline-block;
    width: 55% !important;
}

/* B3.5 */
.postlink.long a {
    font-family: var(--main-font);
}

/* B3.6 */
.postlink.long a:hover {
    color: var(--color-link-hover);
}

/* B3.7 */
.punbb .linksb {
    padding: 8px 26px 16px;
    font-size: 12px;
    font-family: var(--main-font);
    line-height: 20px;
    min-height: 20px;
    margin: 0;
}

/* B3.8 */
#pun-viewtopic.punbb .linksb {
    border: none;
    padding: 3px 12px;
}

/* B3.9 */
.linksb .pagelink {
    display: inline-block;
    width: 44%;
    text-align: left;
}

/* B3.10 */
.linksb .postlink {
    font-weight: bold;
    text-align: right;
    display: inline-block;
    width: 55% !important;
    float: right;
}

/* B3.11 */
.subscribelink {
    clear: both;
    text-align: right;
}

/* B4 Post links styling
-------------------------------------------------------------*/

/* B4.1 */
.punbb .postlinksb {
    background: var(--color-surface);
    border: 2px solid var(--color-border);
    border-radius: 25px;
    padding: 10px 20px;
    margin: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* B4.2 */
.punbb .postlinksb .pages {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
}

/* B4.3 */
.punbb .postlinksb .pages a {
    background: var(--color-primary-light);
    color: var(--color-primary-dark);
    padding: 8px 13px;
    margin: 0 3px;
    border-radius: 50%;
    border: 2px solid var(--color-border);
    font-weight: bold;
    transition: all 0.3s ease;
}

.punbb .postlinksb .pages a:hover,
.punbb .postlinksb .pages a.active {
    background: var(--color-accent);
    color: var(--color-background);
    border-color: var(--color-accent-dark);
    transform: scale(1.1);
}


/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
    padding: 15px 20px;  /* Внутренние отступы: 15px сверху/снизу, 20px слева/справа */
}

#pun-messages .formal .container {
    padding-left: 18.6em;  /* Большой левый отступ (18.6em) для формы личных сообщений */
}

#pun-userlist .formal .container,  /* Список пользователей */
#pun-search .formal .container,     /* Поиск */
#pun-profile .formal .container,    /* Профиль */
#pun-login .formal .container,      /* Вход */
#pun-register .formal .container {  /* Регистрация */
    margin: 10px 26px;   /* Внешние отступы: 10px сверху/снизу, 26px по бокам */
    border-radius: 0;    /* Без скругления углов */
    padding: 0;          /* Без внутренних отступов */
}
 
/* C1.2 */
.punbb .formsubmit, .punbb .submitfield {
    padding: 0;        /* Без внутренних отступов */
    margin: 0;         /* Без внешних отступов */
    display: flex;     /* Использование Flexbox для выравнивания */
    gap: 20px;         /* Расстояние между дочерними элементами 20px */
    align-items: center; /* Вертикальное выравнивание по центру */
}

/* C1.3 */
.punbb .formsubmit input,    /* Кнопки внутри formsubmit */
.punbb .formsubmit a,        /* Ссылки внутри formsubmit */
.punbb .formsubmit span,     /* Спан внутри formsubmit */
.punbb input.button,         /* Кнопки с классом button */
.punbb input[name=ban] {     /* Кнопка бана по имени */
    margin: 0;               /* Без внешних отступов */
    border: none;            /* Без рамки */
    padding: 8px 26px 6px;   /* Внутренние отступы: 8px сверху, 26px по бокам, 6px снизу */
    font-size: 12px;         /* Мелкий шрифт */
    line-height: 12px;       /* Высота строки равна размеру шрифта */
    font-family: var(--dec-font); /* Декоративный шрифт */
    cursor: pointer;         /* Курсор-указатель при наведении */
    transition: var(--anim); /* Плавный переход анимации */
    background: var(--color-link); /* Цвет фона как у ссылок */
    color: var(--color-border);     /* Цвет текста как у полей */
    border-radius: 0;        /* Без скругления углов */
    text-transform: uppercase; /* ВСЕ ЗАГЛАВНЫЕ БУКВЫ */
    font-weight: bold;       /* Жирное начертание */
}

/* C1.4 */
.punbb .formsubmit input:hover,
.punbb .formsubmit a:hover,
.punbb .formsubmit span:hover,
.punbb input.button:hover,
.punbb input[name=ban]:hover {
    transition: var(--anim);          /* Плавный переход */
    background: var(--color-link-hover); /* Цвет фона при наведении */
}

/* C1.5 */
.punbb fieldset {
    border-style: none;  /* Без границы */
    padding: 0;          /* Без отступов */
    margin: 0;           /* Без внешних отступов */
}

/* C1.6 */
.punbb fieldset legend {
    padding: 0;                     /* Без отступов */
    margin: 0;                      /* Без внешних отступов */
    font-size: 1.2em;               /* Увеличенный размер шрифта (120%) */
    font-family: var(--dec-font);   /* Декоративный шрифт */
    color: var(--color-text-primary);       /* Цвет текста */
}


#pun-viewtopic fieldset legend,
#pun-post fieldset legend {
    color: var(--color-text-primary);       /* Цвет текста для страниц темы и поста */
}

/* C1.7 */
.punbb fieldset legend span {
    padding: 0;  /* Без внутренних отступов */
    margin: 0;   /* Без внешних отступов */
}

/* C1.8 */
.punbb fieldset fieldset {
    border-style: none;      /* Без границы */
    margin: 0;               /* Без внешних отступов */
    padding: 0 0 8px 0       /* Отступ снизу 8px */
}

/* C1.9 */
.punbb .fs-box {
    padding: 1em 0 0.8em 0;  /* Отступы: 1em сверху, 0.8em снизу */
}

/* C1.10 */
.punbb .fs-box p,
.punbb .fs-box fieldset {
    padding: 0 0 0.8em 0;  /* Отступ снизу 0.8em */
    margin-top: 8px;       /* Отступ сверху 8px */
}

/* C1.11 */
.punbb .inline .inputfield,
.punbb .inline .selectfield,
.punbb .inline .passfield {
    float: left;        /* Обтекание слева */
    margin-right: 1em;  /* Отступ справа 1em */
}

/* C1.12 */
.punbb .inline .infofield {
    clear: both  /* Отменяет обтекание с обеих сторон */
}


/* C1.13 */
.punbb .datafield br {
    display: none  /* Скрывает теги <br> в datafield */
}

/* C1.14 */
.punbb .required label,
.punbb .datafield span.input {
    font-weight: bold  /* Жирное начертание для обязательных полей */
}

/* C1.15 */
.punbb .datafield span.input a {
    font-weight: normal;  /* Обычное начертание для ссылок в datafield */
}

/* C1.16 */
.punbb .areafield span.input,
.punbb p.longinput span.input {
    display: block;       /* Блочное отображение */
    padding: 0 0 0 0; /* без отступов */
    height: 100%;         /* Высота 100% (для IE) */
}

/* C1.17 */
.punbb textarea,
.punbb .longinput input {
    margin: 0;  /* Без внешних отступов */
}

/* C1.18 */
.punbb .hashelp {
    position: relative;  /* Относительное позиционирование */
}

/* C1.19 */
.punbb .helplinks {
    display: block;        /* Блочное отображение */
    position: absolute;    /* Абсолютное позиционирование */
    top: 1em;              /* 1em от верха родителя */
    right: 0;              /* Прижато к правому краю */
    font-weight: normal;   /* Обычное начертание */
    width: 36%;            /* Ширина 36% */
}

/* C1.20 */
.punbb #profile .helplinks {
    top: 1.5em;  /* 1.5em от верха в профиле */
}

/* C1.21 */
.punbb .helplinks span {
    display: block;           /* Блочное отображение */
    padding-bottom: 0.2em;    /* Отступ снизу 0.2em */
}

/* C1.22 */
#pun-post .formal .info-box li {
    padding-left: 4px;           /* Отступ слева 4px */
    list-style-type: square;     /* Квадратные маркеры */
    list-style-position: inside; /* Маркеры внутри списка */
    line-height: 1.5;            /* Межстрочный интервал 1.5 */
    margin: 0;                   /* Без внешних отступов */
}

/* C1.23 */
#post-form {
    margin: 15px 0;  /* Отступы: 15px сверху и снизу */
}

/* C1.24 */
#post-form h2 {
    font-family: var(--dec-font);     /* Декоративный шрифт */
    color: var(--color-primary);        /* Цвет из переменной */
    text-align: center;               /* Центрирование */
    border: var(--color-border) solid;/* Граница */
    border-width: 2px 0;              /* Только верхняя и нижняя границы */
    background: var(--headers);       /* Фон */
    background-size: 550px;           /* Размер фона */
    line-height: 24px;                /* Высота строки */
    padding: 4px 0 0;                 /* Отступ сверху 4px */
    font-size: 16px;                  /* Размер шрифта */
}

/* C1.25 */
#post-form .container {
    padding: 0;           /* Без внутренних отступов */
    margin: 20px 26px;    /* Внешние отступы: 20px сверху/снизу, 26px по бокам */
}

/* C1.26 */
#post-form .container legend small {
    padding: 4px 10px;           /* Внутренние отступы */
    margin: 0;                   /* Без внешних отступов */
    background: var(--color-primary); /* Цвет фона */
    border: var(--color-border) 1px solid; /* Граница */
    border-radius: 8px;          /* Скругление углов */
    font-family: var(--main-font); /* Основной шрифт */
    font-size: 12px;             /* Мелкий шрифт */
}

/* C1.27 */
#post-form .container #form-buttons {
    background: var(--color-primary);  /* Цвет фона */
    border: var(--color-border) 2px solid; /* Граница толщиной 2px */
}

/* C1.28 */
#tags .container {
    position: absolute;      /* Абсолютное позиционирование */
    top: 18px !important;   /* 18px от верха с приоритетом */
    z-index: 2;             /* Поверх других элементов */
    padding: 5px 10px;      /* Внутренние отступы */
    background: var(--color-primary); /* Цвет фона */
    border: var(--color-border) 2px solid; /* Граница */
    border-radius: 0;       /* Без скругления */
    max-width: 100%;        /* Максимальная ширина 100% */
}

/* C1.29 */
#main-reply {
    margin: 0;                    /* Без внешних отступов */
    border: none;                 /* Без границы */
    background: var(--color-primary); /* Цвет фона */
    border-radius: 0;             /* Без скругления */
    border: var(--color-border) 2px solid; /* Граница толщиной 2px */
    padding: 10px;                /* Внутренние отступы */
    box-sizing: border-box;       /* Размеры включают границу и отступы */
}

/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
    overflow: hidden;
    text-align: left;
    width: 50%;
}

/* C2.2 */
.punbb .main .tc2, 
.punbb .main .tc3, 
.punbb .main .tcmod {
    text-align: center;
    width: 10%;
}

.punbb .main .tc3.registered {
    width: 15%;
}

/* C2.3 */
.punbb .main .tcr {
    text-align: right;
    width: 30%;
}

/* C2.4 */
#pun-userlist .main .tcl,
#pun-modviewforum .main .tcl {
    width: 35%;
}

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
    text-align: left;
    width: 20%;
}

/* C2.6 */
#pun-debug table .tcl {
    width: 15%;
    white-space: normal;
}

/* C2.7 */
#pun-debug .tcr {
    width: 90%;
    white-space: normal;
}

/* C2.8 */
#pun-index .tcl h3 {
    margin-top: 15px;
}

/* C2.9 */
.punbb td span.youposted {
    font-weight: bold;
    margin-left: -1em;
    position: absolute;
}

/* C2.10 */
.punbb td .modlist,
#pun-index #pun-main .tclcon br {
    display: none !important;
}

/* C2.11 */
.punbb .main td {
    border-style: none;
    padding: 12px;
    /* border-bottom: 1px solid var(--color-accent-light);*/
}

/* C2.12 */
.punbb .main th {
    border: none;
    background: var(--color-primary-light);
    color: var(--color-primary-dark);
    padding: 10px;
    /*border-bottom: 3px solid var(--color-border);*/
}

/* C2.13 */
.punbb .main .tcl {
    border-left-style: none;
    border-left-width: 0;
}

/* C2.14 */
.punbb tbody.hasicon td.tcl {
    padding-left: 30px;
}

/* C2.15 */
#pun-viewforum table tbody tr,
#pun-searchtopics table tbody tr {
    font-family: var(--main-font);
    background: var(--color-surface);
    display: flex;
    margin: 0 26px 10px;
    align-items: center;
    padding: 6px 10px;
    box-sizing: border-box;
    font-size: 13px;
    color: var(--color-text-primary);
    border: var(--color-border) 1px solid;
    border-radius: 10px;
    transition: all 0.3s ease;
}

#pun-viewforum table tbody tr:hover,
#pun-searchtopics table tbody tr:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(92, 126, 69, 0.2);
    background: rgba(255, 255, 255, 0.95);
}

/* C2.16 */
#pun-viewforum table thead tr,
#pun-searchtopics table thead tr {
    background: none;
    padding: 0;
    border: none;
    display: flex;
    margin: 0 26px 10px;
}

/* C2.17 */
#pun-viewforum table tbody tr.tr-divider {
    font-family: var(--dec-font);
    font-size: 20px;
    text-transform: uppercase;
    color: var(--color-primary-dark);
    border: var(--color-border) solid;
    border-width: 2px 0;
    background: linear-gradient(to right, transparent, var(--color-accent-light), transparent);
    background-size: 550px;
    line-height: 24px;
    padding: 4px 0 0;
    margin: 0 0 16px;
    display: block;
}

/* C2.18 */
#pun-viewforum table tbody tr.tr-divider td {
    text-align: center;
    width: 100%;
}

#pun-viewforum table tbody tr .tcl .intd,
#pun-searchtopics table tbody tr .tcl .intd {
    display: flex;
    align-items: center;
}

#pun-viewforum table tbody tr .tcl .icon,
#pun-searchtopics table tbody tr .tcl .icon {
    background: url('https://forumstatic.ru/files/001c/aa/2d/old-theme.png') no-repeat center;
    height: 50px;
    background-size: cover;
    flex-basis: 44px;
    flex-grow: 0;
    flex-shrink: 0;
}

#pun-viewforum table tbody tr .tcl .icon-new,
#pun-searchtopics table tbody tr .tcl .icon-new {
    background: url('https://forumstatic.ru/files/001c/aa/2d/new-theme.png') no-repeat center;
}

/* C2.19 */
#pun-viewforum table tbody tr .tcr,
#pun-searchtopics table tbody tr .tcr {
    display: grid;
    grid-template-columns: auto 50px;
    grid-template-rows: 50% 50%;
}

/* C2.20 */
#pun-viewforum table tbody tr .tcr .user-avatar,
#pun-searchtopics table tbody tr .tcr .user-avatar {
    grid-area: 1 / 2 / 3 / 3;
    margin: auto;
    border-radius: 9px;
    width: 40px;
    height: 40px;
}

/* C2.21 */
#pun-viewforum table tbody tr .tcr .user-avatar .avatar-image,
#pun-searchtopics table tbody tr .tcr .user-avatar .avatar-image {
    border-radius: 50%;
    border: var(--color-border) 1px solid;
    width: 40px;
    height: 40px;
}

/* C2.22 */
#pun-viewforum table tbody tr .tcr .user-avatar .isonline,
#pun-searchtopics table tbody tr .tcr .user-avatar .isonline {
    top: 0px;
    right: 0px;
    animation: none;
    background: var(--color-link-hover);
    width: 8px;
    height: 8px;
    z-index: 20;
}

/* C2.23 */
#pun-viewforum table tbody tr .tcr a,
#pun-searchtopics table tbody tr .tcr a {
    grid-area: 1 / 1 / 2 / 2;
    align-self: end;
}

/* C2.24 */
#pun-viewforum table tbody tr .tcr .byuser {
    grid-area: 2 / 1 / 3 / 2;
    width: fit-content;
    justify-self: end;
}

/* C2.25 */
.punbb .main .post-content td {
    border: none !important;
}

/* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post {
    margin-bottom: 20px;               /* Отступ снизу между постами */
    border-top: var(--color-border) solid 2px; /* Верхняя граница толщиной 2px */
    scroll-margin-top: 60px;           /* Отступ при прокрутке к якорю (для фикс. шапки) */
}

/* C3.2 */
.punbb .post h3 {
    background: var(--headers);        /* Фон из переменной */
    background-size: 550px;            /* Размер фонового изображения */
    min-height: 32px;                  /* Минимальная высота */
    line-height: 32px;                 /* Высота строки = высоте блока (верт. центрирование) */
    font-family: var(--dec-font);      /* Декоративный шрифт */
    padding: 0 20px;                   /* Отступы слева/справа */
    margin-left: 220px;                /* Отступ слева (ширина колонки автора) */
    font-size: 14px;                   /* Размер шрифта */
    text-transform: lowercase;         /* ВСЕ ПРОПИСНЫЕ БУКВЫ */
    font-weight: bold;                 /* Жирное начертание */
    color: var(--color-link);         /* Цвет текста */
    border-bottom: var(--color-border) solid 2px; /* Нижняя граница */
    -webkit-text-size-adjust: 100%;    /* Отключение авторазмера текста в iOS Safari */
}

/* C3.3 */
#pun-searchposts #pun-main h1, 
#pun-searchposts #pun-main .linkst, 
#pun-searchposts #pun-main .linksb {
    margin-left: 20px;   /* Отступ слева */
    margin-right: 20px;  /* Отступ справа */
}

/* C3.6 */
#pun-searchposts .post h3 span a {
    text-transform: lowercase;  /* Прописные буквы в ссылках заголовков */
}

/* C3.7 */
.punbb .post h3 span a.sharelink {
    display: none;  /* Полностью скрывает ссылки с классом sharelink */
}

/* C3.8 */
.punbb .post h3 strong {
    float: right;      /* Обтекание справа */
    font-weight: bold; /* Жирное начертание (избыточно, но для ясности) */
}

/* C3.9 */ 
.punbb .post .container {
    padding-top: 12px;  /* Верхний отступ у внутреннего контейнера */
}

/* C3.10 */
.punbb .post .post-author {
    float: left;                     /* Обтекание слева */
    width: 220px;                    /* Фиксированная ширина */
    text-align: center;              /* Центрирование текста */
    font-family: var(--main-font);   /* Основной шрифт */
    background: var(--color-primary-dark);   /* Цвет фона */
    margin-top: -46px;               /* Отрицательный отступ (поднимает вверх) */
    border: var(--color-border) solid; /* Граница */
    border-width: 0 2px 2px 0;       /* Только правая и нижняя границы */
    color: var(--color-link);       /* Цвет текста */
    padding-bottom: 6px;             /* Отступ снизу */
}

/* C3.11 */
.punbb .post[data-user-id="1"] .post-author {
    
}

/* C3.12 */
#pun-searchposts .post .post-author, 
#pun-post .post .post-author {
    font-family: var(--dec-font);      /* Декоративный шрифт */
    font-size: 16px;                   /* Увеличенный размер */
    border: var(--color-link) solid;  /* Граница цвета ссылок */
    border-width: 2px 2px 2px 0;       /* Все кроме левой границы */
    color: var(--color-text-primary);          /* Основной цвет текста */
}

#pun-searchposts .post .post-author ul {
    background: none;  /* Без фона */
    border: none;      /* Без границы */
}

#pun-searchposts .post .post-author .pa-author {
    text-align: center;         /* Центрирование */
    color: var(--color-text-primary);   /* Цвет текста */
    padding: 5px 0;             /* Отступы сверху/снизу */
    margin: 0;                  /* Без внешних отступов */
}

#pun-searchposts .post .post-author .pa-replies {
    font-size: 13px;  /* Размер шрифта для количества ответов */
}

/* C3.13 */
.punbb .post .post-author ul {
    padding: 0;                     /* Без внутренних отступов */
    line-height: 140%;              /* Межстрочный интервал */
    overflow: hidden;               /* Скрытие выходящего содержимого */
    position: relative;             /* Относительное позиционирование */
    display: flex;                  /* Flexbox-контейнер */
    flex-wrap: wrap;                /* Перенос на новую строку */
    justify-content: space-evenly;  /* Равномерное распределение */
    text-align: center;             /* Центрирование текста */
}

/* C3.14 */
.punbb .post .post-author ul .pa-author {
    text-decoration: none;          /* Без подчёркивания */
    padding: 6px 8px;               /* Внутренние отступы */
    font-size: 16px;                /* Размер шрифта */
    font-weight: bold;              /* Жирное начертание */
    font-family: var(--dec-font2);   /* Декоративный шрифт */
    min-height: 20px;               /* Минимальная высота */
    border-bottom: var(--color-border) solid 2px; /* Нижняя граница */
    flex-basis: 100%;               /* Занимает всю ширину строки */
    background: var(--headers);     /* Фон */
    background-size: 550px;         /* Размер фона */
    line-height: 20px;              /* Высота строки */
    position: relative;             /* Для позиционирования дочерних элементов */
}

/* C3.18 */
.punbb .post .post-author ul .pa-author, 
.punbb .post .post-author ul .pa-author a, 
.punbb .post .post-author ul .pa-fld1 .lzname a {
    color: var(--color-link);  /* Цвет как у обычных ссылок */
}

.punbb .post .post-author ul .pa-author a:hover, 
.punbb .post .post-author ul .pa-fld1 .lzname a:hover {
    color: var( --color-link-hover);  /* Цвет при наведении */
}

/* C3.19 */
.punbb .post .post-author ul .pa-title {
    color: var(--color-accent);      /* Цвет текста */
    font-family: var(--dec-font2);  /* Основной шрифт */
    font-size: 15px;                /* Мелкий шрифт */
    line-height: 14px;              /* Высота строки */
    flex-basis: 100%;               /* Вся ширина */
    padding: 3px 8px;               /* Отступы */
}

.punbb .post .post-author ul .pa-avatar {
    padding: 17px 0 12px;           /* Отступы сверху/снизу */
    flex-basis: 100%;               /* Вся ширина */
    background: var(--headers);     /* Фон */
    background-size: 550px;         /* Размер фона */
    border: var(--color-border) solid; /* Граница */
    border-width: 2px 0;            /* Только верхняя и нижняя */
    margin-bottom: 6px;             /* Отступ снизу */
}

/* C3.20 */
.punbb .post .post-author ul .pa-avatar img {
    max-width: 180px;                      /* Максимальная ширина */
    outline: var(--color-link) 1px solid; /* Внешняя обводка */
    outline-offset: 4px;                   /* Отступ обводки от изображения */
    border: var(--color-border) solid 1px; /* Внутренняя рамка */
}

/* C3.22 */
.punbb .post .post-author ul .pa-fld1 {
    margin: 8px 10px 6px;    /* Внешние отступы */
    flex-basis: 100%;        /* Вся ширина */
    border-bottom: var(--color-border) 2px solid; /* Нижняя граница */
}

.punbb .post .post-author ul .pa-fld1 .lzname {
    font-size: 12px;                 /* Размер шрифта */
    text-transform: uppercase;       /* ВСЕ ЗАГЛАВНЫЕ БУКВЫ */
    font-family: var(--dec-font);    /* Декоративный шрифт */
    font-weight: bold;               /* Жирное начертание */
    line-height: 16px;               /* Высота строки */
}

/* C3.24 */
.punbb .post .post-author ul .pa-fld1 .lztext {
    margin: 8px 0;                    /* Отступы сверху/снизу */
    font-family: var(--main-font);    /* Основной шрифт */
    color: var(--color-link);        /* Цвет текста */
    font-size: 11px;                  /* Мелкий шрифт */
    line-height: 14px;                /* Высота строки */
}

.punbb .post .post-author ul .pa-fld1 .lztext a, 
#pa-fld1 .lztext a {
    font-weight: bold;  /* Жирное начертание ссылок */
}

/* C3.27 */
.pa-posts, .pa-respect {
    display: flex;                 /* Flexbox-контейнер */
    justify-content: center;       /* Центрирование по горизонтали */
    font-size: 17px;               /* Очень мелкий шрифт */
    line-height: 21px;             /* Высота строки */
    align-items: center;           /* Вертикальное центрирование */
    color: var(--color-link);     /* Цвет текста */
}

/* C3.28 */
.pa-posts span.fld-name, 
.pa-respect span.fld-name {
    font-size: 0;      /* Нулевой размер шрифта */
    line-height: 0;    /* Нулевая высота строки */
}

/* C3.29 */
.pa-posts span.fld-name:before, 
.pa-respect span.fld-name a:before, 
.isguest .pa-respect span.fld-name:before {
    font-family: 'Material Symbols Outlined';  /* Шрифт иконок Google */
    font-size: 17px;                           /* Размер иконок */
    line-height: 21px;                         /* Высота строки */
    font-variation-settings:                   /* Настройки переменного шрифта */
        'FILL' 0,      /* Контурные (не залитые) */
        'wght' 300,    /* Толщина 300 (Light) */
        'GRAD' 0,      /* Градиент 0 */
        'opsz' 20;     /* Оптический размер 20 */
}

/* C3.30 */
.pa-posts span.fld-name:before {
    content: '\ea3e';  /* Unicode-код иконки "сообщения" или "форума" */
    font-size: 19px;   /* Увеличенный размер */
}

/* C3.31 */
.pa-respect span.fld-name a:before {
    content: '\e87d';  /* Unicode-код иконки "нравится" или "оценки" */
}

/* C3.32 */
.isguest .pa-respect span.fld-name:before {
    content: '\e87d';  /* Та же иконка для гостей */
}

.pa-respect a[href*="relation.php"]:before {
    content: '+';  /* Текст "+" перед ссылкой */
}

.pa-respect a[href*="relation.php"] {
    background: var(--color-link);     /* Цвет фона */
    color: var(--color-accent);          /* Цвет текста */
    border: none;                       /* Без рамки */
    border-radius: 2px;                 /* Слегка скруглённые углы */
    font-size: 10px;                    /* Мелкий шрифт */
    margin: 0px 3px 0px 1px;            /* Отступы */
    display: block;                     /* Блочный элемент */
    width: 12px;                        /* Фиксированная ширина */
    height: 12px;                       /* Фиксированная высота */
    line-height: 12px;                  /* Центрирование по вертикали */
    text-align: center;                 /* Центрирование по горизонтали */
}

.pa-respect a[href*="relation.php"]:hover {
    background: var( --color-link-hover); /* Цвет фона при наведении */
}

.pa-respect a[href*="relation.php"] img {
    display: none;  /* Скрывает изображение (заменяется CSS-иконкой) */
}

/* C3.34 */
.post-author .indOnline, .post-author .indOffline {
    height: 27px;        /* Высота */
    width: 27px;         /* Ширина */
    position: absolute;  /* Абсолютное позиционирование */
    border-radius: 50%;  /* Круглая форма */
    bottom: -14px;       /* Позиционирование снизу (половина выходит за границу) */
    left: 4px;           /* Отступ слева */
}

.post-author .indOffline {
    filter: brightness(0.75); /* Затемнение для оффлайн-статуса */
}

.post-author .indOnline img, .post-author .indOffline img {
    height: 27px;        /* Высота изображения */
    width: 27px;         /* Ширина изображения */
    border-radius: 50%;  /* Круглая форма */
}

/* C3.35 */
.punbb .post .post-author .pa-ip {
    margin-top: 6px;      /* Отступ сверху */
    text-align: center;   /* Центрирование */
    width: 220px;         /* Ширина как у всей колонки */
}

/* C3.36 */
.pa-online, .pa-last-visit {
    display: none;  /* Скрывает блоки времени онлайн и последнего визита */
}

/* C3.37 */
.punbb .post-body {
    margin-left: 222px;  /* Отступ слева = ширина колонки автора + 2px */
}

/* C3.38 */
.punbb .post-box {
    padding: 0 1.5em 1em;  /* Отступы: 0 сверху, 1.5em слева/справа, 1em снизу */
}

/* C3.39 */
.punbb fieldset .post-box {
    margin-bottom: 0.8em  /* Отступ снизу для post-box внутри fieldset */
}

/* C3.40 */
.punbb .post-links {
   
}

/* C3.41 */
.punbb .post-links ul {
    line-height: 24px;    /* Высота строки */
    text-align: right;    /* Выравнивание по правому краю */
    padding-left: 5px;    /* Небольшой отступ слева */
}

/* C3.42 */
.punbb .post-links li {
    display: inline;     /* Строчное отображение (в одну линию) */
    padding: 0 20px;     /* Отступы слева/справа по 20px */
}

/* C3.43 */
.punbb .post-links li a {
    font-family: var(--dec-font);  /* Декоративный шрифт */
    font-size: 11px;               /* Мелкий шрифт */
    font-weight: bold;             /* Жирное начертание */
    text-transform: uppercase;     /* ВСЕ ЗАГЛАВНЫЕ БУКВЫ */
}

/* C3.44 */
.punbb .post-links li.pl-share {
    display: none;  /* Скрывает ссылку "поделиться" */
}

.punbb .post-links li a .material-symbols-outlined {
    display: none;  /* Скрывает иконки Material Symbols в ссылках */
}

/* C3.45 */
.pl-email, .pl-website {
    float: left;  /* Обтекание слева для email и website ссылок */
}

/* C3.46 */
.punbb .clearer {
    clear: both;   /* Отменяет обтекание с обеих сторон */
    height: 0;     /* Нулевая высота */
    font-size: 0;  /* Нулевой размер шрифта */
}

/* C3.47 */
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Предпочтительный размер иконок */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';  /* Включает лигатуры */
}

/* C4 Homepage
-------------------------------------------------------------*/

/* C4.1 */
#pun-main .category {
    padding: 7px 0;  /* Отступы: 7px сверху и снизу у категорий */
}

/* C4.2 */
#pun-main .category h2, #pun-stats h2 {
    font-family: var(--dec-font2);      /* Декоративный шрифт */
    font-size: 20px;                   /* Крупный размер (30px) */
    text-transform: uppercase;         /* ВСЕ ЗАГЛАВНЫЕ БУКВЫ */
    color: var(--color-primary-dark);         /* Цвет текста */
    text-align: center;                /* Центрирование */
    border: var(--color-border) solid; /* Граница */
    border-width: 2px 0;               /* Только верхняя и нижняя границы */
    background: var(--headers);        /* Фоновое изображение */
    background-size: 550px;            /* Размер фона */
    line-height: 34px;                 /* Высота строки */
    padding: 4px 0 0;                  /* Отступ сверху 4px */
    margin-bottom: 26px;               /* Большой отступ снизу */
}

/*************************************************************
E - VERTICAL MENUS (Fixed positioning from center)
**************************************************************/

/* E1 Vertical user menu
-------------------------------------------------------------*/

#pun-ulinks {
    position: fixed;
    left: 50%;                    /* Центрируем по горизонтали */
    top: 50%;
    transform: translate(-800px, -50%) translateY(20%);/* Смещаем от центра по горизонтали и вертикали*/
    width: 250px;
    background: var(--color-surface);
    border: 3px solid var(--color-border);
    border-radius: 15px;
    padding: 20px 0;
    z-index: 1000;
    box-shadow: -5px 5px 20px rgba(0,0,0,0.3);
}

/* E2 Vertical Navigation menu
-------------------------------------------------------------*/

#pun-navlinks {
    position: fixed;
    left: 50%;                    /* Центрируем по горизонтали */
    top: 50% ;
    transform: translate(-800px, -50%) translateY(-80%); /* Смещаем от центра по горизонтали и вертикали */
    width: 250px;
    background: var(--color-background);
    border: 3px solid var(--color-border);
    border-radius: 15px;
    padding: 20px 0;
    z-index: 1000;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.3);
}




#pun-navlinks:before {
    content: "НАВИГАЦИЯ";
    display: block;
    font-family: var(--dec-font);
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: var(--color-accent);
    padding: 0 15px 15px;
    margin: 0 15px 15px;
    border-bottom: 2px solid var(--color-border);
    letter-spacing: 2px;
    text-transform: uppercase;
}

#pun-navlinks .container,
#pun-navlinks ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#pun-navlinks li {
    display: block;
    margin: 5px 0;
    padding: 0;
    text-align: left;
}

#pun-navlinks li a {
    display: block;
    padding: 10px 20px;
    color: var(--color-text-primary);
    font-family: var(--main-font);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    border-left: 4px solid transparent;
    transition: all 0.3s ease;
    letter-spacing: 1px;
    border-bottom: none;
}

#pun-navlinks li a:hover {
    border-left-color: var(--color-accent);
    background: var(--color-primary-light);
    padding-left: 25px;
    border-bottom: none;
}

#pun-navlinks #navpm .num_msg {
    float: right;
    background: var(--color-accent);
    color: var(--color-background);
    border-radius: 12px;
    padding: 2px 8px;
    font-size: 12px;
    font-family: 'Courier New', monospace;
}

#pun-navlinks li.active a {
    border-left-color: var(--color-accent);
    background: var(--color-primary-light);
    font-weight: bold;
}

#pun-ulinks:before {
    content: "ПОЛЬЗОВАТЕЛЬ";
    display: block;
    font-family: var(--dec-font);
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: var(--color-accent);
    padding: 0 15px 15px;
    margin: 0 15px 15px;
    border-bottom: 2px solid var(--color-border);
    letter-spacing: 1px;
    text-transform: uppercase;
}

#pun-ulinks .container,
#pun-ulinks ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#pun-ulinks li {
    display: block;
    margin: 3px 0;
    padding: 0;
    text-align: right;
}

#pun-ulinks li a {
    display: block;
    padding: 8px 20px;
    color: var(--color-text-secondary);
    font-family: var(--dec-font);
    font-size: 15px;
    font-weight: normal;
    text-transform: capitalize;
    text-decoration: none;
    border-right: 4px solid transparent;
    transition: all 0.3s ease;
    text-align: right;
    font-style: italic;
    border-bottom: none;
}

#pun-ulinks li a:hover {
    border-right-color: var(--color-accent);
    background: var(--color-primary-light);
    padding-right: 25px;
    color: var(--color-accent-dark);
    border-bottom: none;
}

#pun-ulinks li.active a {
    border-right-color: var(--color-accent);
    background: var(--color-primary-light);
    font-weight: bold;
}

/* E3 Original navigation (fallback)
-------------------------------------------------------------*/

#pun-navlinks.original,
#pun-ulinks.original {
    display: none;
}