body {
    background-color: #f5f3e8; /* Бежевый цвет, напоминающий песок/цемент */
    scrollbar-face-color: #e8aa3d; /* Оранжевый, цвет строительного жилета */
    scrollbar-highlight-color: #f5f3e8; /* Светло-бежевый */
    scrollbar-shadow-color: #c78c28; /* Темно-оранжевый */
    scrollbar-3dlight-color: #f5f3e8; /* Светло-бежевый */
    scrollbar-arrow-color: #4b4b4b; /* Темно-серый, цвет инструментов */
    scrollbar-track-color: #e6e2d3; /* Светло-бежевый */
    scrollbar-darkshadow-color: #5e4322; /* Коричневый, цвет дерева */
    background-image: none;
    margin: 0 auto;
    color: #333333;
    max-width: 90%;
    font-family: "Roboto", "Arial", sans-serif; /* Более практичный шрифт */
    font-size: 16px;
    font-style: normal; /* Убрали курсив для лучшей читаемости */
}

a:link, a:visited {
    text-decoration: none;
    color: #3d75b3; /* Синий, как на рабочей спецодежде */
}

a:hover {
    text-decoration: underline;
    color: #2c5582; /* Темно-синий при наведении */
}

.bodyline {
    background-color: #f5f3e8;
    border: 1px solid #c9c7b8; /* Бежевая граница */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Тень как у чертежа */
}

.forumline {
    background-color: #ffffff; /* Белый фон */
    border: 1px solid #c9c7b8; /* Бежевая граница */
}

td.row1, td.row2, td.row3, td.inputrow {
    background-color: #ffffff; /* Белый фон */
    border-bottom: 1px solid #e6e2d3; /* Светлая разделительная линия */
}

td.rowpic {
    background-color: #e8aa3d; /* Оранжевый, цвет строительного жилета */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect x="0" y="0" width="50" height="50" fill="%23e8aa3d"/><rect x="50" y="50" width="50" height="50" fill="%23e8aa3d"/></svg>');
    background-size: 10px 10px; /* Текстура, похожая на предупреждающую ленту */
}

th {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    background-color: #4b4b4b; /* Темно-серый, цвет инструментов */
    border-bottom: 3px solid #e8aa3d; /* Оранжевая полоса как элемент дизайна */
    padding: 8px;
}

.maintitle, h1, h2 {
    font-weight: bold;
    font-size: 22px;
    font-family: "Roboto", "Arial", sans-serif;
    text-decoration: none;
    line-height: 120%;
    color: #4b4b4b; /* Темно-серый */
    border-bottom: 2px solid #e8aa3d; /* Оранжевая линия под заголовками */
    padding-bottom: 5px;
}

.gen, .genmed, .gensmall {
    color: #333333;
    font-size: 14px;
}

.mainmenu {
    font-size: 14px;
    color: #333333;
    background-color: #e6e2d3; /* Светло-бежевый фон для меню */
    padding: 8px;
    border-radius: 4px;
}

.forumlink {
    font-weight: bold;
    font-size: 16px;
    color: #3d75b3; /* Синий */
}

a.forumlink:hover {
    text-decoration: underline;
    color: #2c5582; /* Темно-синий при наведении */
}

.nav {
    font-weight: bold;
    font-size: 14px;
    color: #333333;
    background-color: #e6e2d3; /* Светло-бежевый фон для навигации */
    padding: 5px 10px;
    border-radius: 4px;
}

a.nav:hover {
    text-decoration: underline;
    color: #2c5582; /* Темно-синий при наведении */
}

.topictitle {
    font-weight: bold;
    font-size: 15px;
    color: #3d75b3; /* Синий */
}

a.topictitle:hover {
    text-decoration: underline;
    color: #2c5582; /* Темно-синий при наведении */
}

.postbody {
    font-size: 15px;
    color: #333333;
    line-height: 1.5; /* Улучшенная читаемость */
}

a.postlink:hover {
    text-decoration: underline;
    color: #2c5582; /* Темно-синий при наведении */
}

/* Стилизованные поля форм */
input, textarea, select {
    color: #333333;
    font: normal 14px "Roboto", "Arial", sans-serif;
    background-color: #ffffff;
    border: 1px solid #c9c7b8; /* Бежевая граница */
    border-radius: 4px;
    padding: 6px;
}

/* Стилизованные кнопки */
input.button {
    background-color: #e8aa3d; /* Оранжевый */
    color: #ffffff;
    font-size: 14px;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: bold;
    border: none;
    border-radius: 4px;
    padding: 8px 15px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

input.button:hover {
    background-color: #c78c28; /* Темно-оранжевый при наведении */
}

/* Дополнительные стили для строительного форума */

/* Иконки категорий */
.category-icon {
    width: 24px;
    height: 24px;
    margin-right: 5px;
    vertical-align: middle;
}

/* Стиль для выделения важных тем */
.important-topic {
    border-left: 4px solid #e74c3c; /* Красная полоса для важных тем */
    padding-left: 10px;
}

/* Блок с советами и инструментами */
.tools-block {
    background-color: #e6e2d3;
    border: 1px solid #c9c7b8;
    border-radius: 4px;
    padding: 15px;
    margin: 15px 0;
}

.tools-block h3 {
    color: #4b4b4b;
    border-bottom: 2px solid #e8aa3d;
    padding-bottom: 5px;
    margin-top: 0;
}

/* Стиль для блока цитирования */
blockquote {
    background-color: #f7f5ee; /* Еще более светлый бежевый */
    border-left: 5px solid #e8aa3d; /* Оранжевая полоса слева */
    padding: 10px 15px;
    margin: 10px 0;
}