/* Стили для отдельной записи */
.single-post {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

.single-post h1 {
    font-size: 2rem;
    color: var(--color-primary);
}

.single-post a {
    color: var(--color-accent);
    text-decoration: underline;
    transition: color 0.3s ease;
}

.single-post a:hover {
    color: var(--color-primary);
}

/* === Горизонтальная прокрутка таблицы с видимым скроллбаром === */
.responsive-table-wrapper {
  width: 100%;
  overflow-x: auto !important;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  margin: 20px 0;
  padding-bottom: 10px; /* создаёт место под бегунок */
}

/* Сама таблица — широкая, не ужимается */
.responsive-table-wrapper table {
  width: 1000px;
  min-width: 800px;
  border-collapse: collapse;
  border-spacing: 0;
}

/* Заголовки: без переноса */
.responsive-table-wrapper th {
  white-space: nowrap;
  padding: 10px;
  text-align: left;
  vertical-align: top;
}

/* Контент: перенос строк включён */
.responsive-table-wrapper td {
  white-space: normal;
  word-break: break-word;
  line-height: 1.4;
  padding: 10px;
  text-align: left;
  vertical-align: top;
}

/* Фикс разрыва текста в первом столбце */
.responsive-table-wrapper td:first-child {
  word-break: normal !important;
}


/* Списки внутри ячеек */
.responsive-table-wrapper td ol,
.responsive-table-wrapper td ul {
  padding-left: 20px;
  margin: 5px 0;
}

/* === СКРОЛЛБАР (для WebKit браузеров) === */
.responsive-table-wrapper::-webkit-scrollbar {
  height: 6px;
}

.responsive-table-wrapper::-webkit-scrollbar-thumb {
  background-color: var(--color-accent); /* #ff4800 или другой */
  border-radius: 3px;
}

.responsive-table-wrapper::-webkit-scrollbar-track {
  background-color: #111;
}

/* ОТМЕНА фиксированного layout от Gutenberg */
.responsive-table-wrapper table.has-fixed-layout {
  table-layout: auto !important;
}