body {
    max-width: 85%; /* Трохи ширше для кращого розміщення контенту */
    margin: 20px auto; /* Додано трохи відступів зверху та знизу */
    background-color: #0d1117; /* Ще темніший, більш "технологічний" фон */
    color: #c9d1d9; /* Світло-сірий текст для кращої читабельності на темному фоні */
    padding: 20px; /* Загальний внутрішній відступ */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Сучасніший шрифт */
    scrollbar-width: thin; /* Зробити смугу прокрутки тоншою */
    scrollbar-color: #30363d #0d1117; /* Кольори тонкої смуги прокрутки */
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #0d1117;
}

::-webkit-scrollbar-thumb {
    background-color: #30363d;
    border-radius: 4px;
}

font, th, td, p, div { /* Застосовуємо шрифт до більшої кількості елементів */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 15px; /* Трохи більший розмір шрифту за замовчуванням */
    color: #c9d1d9;
}

a {
    color: #58a6ff; /* Більш "цифровий" синій колір для посилань */
    text-decoration: none; /* Прибираємо підкреслення за замовчуванням */
}
a:hover {
    text-decoration: underline; /* Підкреслення при наведенні */
    color: #8dd6ff; /* Світліший синій при наведенні */
}
a:visited {
    color: #a3b183; /* Зеленуватий для відвіданих посилань */
}
a:active {
    color: #ffffff; /* Білий при активному натисканні */
}

table.forumline {
    background-color: #161b22; /* Темніший фон таблиць */
    border: 1px solid #30363d; /* Додаємо тонку межу */
    width: 100%; /* Займає всю доступну ширину */
    border-collapse: collapse; /* Згортаємо межі комірок */
    margin-bottom: 15px; /* Невеликий відступ знизу таблиці */
}

.row, .row1, .row2 {
    background-color: #1c2128; /* Трохи світліший фон для рядків */
}
.row:hover, .row1:hover, .row2:hover {
    background-color: #2a3037; /* Підсвітка рядків при наведенні */
}
.row3 {
    background-color: #24292f; /* Інший відтінок для чергування, якщо потрібно */
}

th, td.th {
    color: #f0f6fc; /* Світлий колір тексту заголовків */
    font-size: 16px;
    font-weight: bold;
    background-color: #21262d; /* Темніший фон заголовків */
    height: 30px;
    padding: 8px;
    text-align: left; /* Вирівнювання тексту в заголовках зліва */
    border-bottom: 1px solid #30363d; /* Лінія знизу заголовків */
}

td {
    padding: 8px;
    border-bottom: 1px solid #30363d; /* Розділювачі між комірками */
}

.postbody {
    font-size: 15px;
    color: #e0e6ed; /* Ще світліший текст повідомлень */
    line-height: 1.6; /* Краща міжрядкова відстань */
}

.code, .quote {
    background-color: #282e33; /* Темніший фон для коду та цитат */
    color: #98c379; /* Більш сучасний зелений для коду */
    font-family: 'Fira Mono', monospace; /* Популярний моноширинний шрифт */
    border: 1px solid #3a3f44;
    padding: 12px;
    border-radius: 4px;
    white-space: pre-wrap; /* Для коректного відображення переносів рядків у коді */
    font-size: 14px;
}

.quote {
    color: #abb2bf; /* Інший колір для тексту цитат */
    border-left: 5px solid #58a6ff; /* Вертикальна лінія зліва для цитат */
}