/* === Универсальные стили таблиц === */
.summary-table-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* плавный скролл на iOS */
}

.summary-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5em 0;
  font-size: 1em;
  min-width: 600px; /* на мобилках будет скролл */
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
  color: #222;
}

.summary-table caption {
  caption-side: top;
  text-align: left;
  font-size: 1.1em;
  font-weight: bold;
  padding: 10px 0;
}

.summary-table th,
.summary-table td {
  padding: 12px 15px;
  text-align: left;
  border: 1px solid #e0e0e0;
  vertical-align: top;
  white-space: normal;       /* не ломаем слова */
  word-break: normal;        /* переносы по словам */
  overflow-wrap: break-word; /* нормальные переносы */
}

.summary-table thead th {
  background-color: #f5f5f5;
  font-weight: bold;
  color: #000;
}

/* Цветовые акценты */
.difficulty-easy { color: #28a745; font-weight: 500; }
.difficulty-medium { color: #ff9800; font-weight: 500; }
.difficulty-hard { color: #d32f2f; font-weight: 500; }

/* === Цитаты (blockquote) — светлая тема === */
blockquote {
  background-color: #f9f9f9;
  color: #000;
  padding: 1.5em 2em;
  margin: 1.5em 0;
  border-left: 4px solid #0073aa;
  border-radius: 6px;
  font-style: italic;
  line-height: 1.6;
  word-break: normal;
  overflow-wrap: break-word;
}

/* === Тёмная тема: таблицы === */
body.is-dark-theme .summary-table,
body.dark-mode .summary-table,
body.theme-dark .summary-table {
  background-color: #1e1e1e !important; /* чуть темнее */
  color: #f0f0f0 !important;
  border-color: #444 !important;
}

body.is-dark-theme .summary-table thead th,
body.dark-mode .summary-table thead th,
body.theme-dark .summary-table thead th {
  background-color: #2a2a2a !important;
  color: #fff !important;
  border-color: #555 !important;
}

body.is-dark-theme .summary-table td,
body.dark-mode .summary-table td,
body.theme-dark .summary-table td {
  border-color: #444 !important;
  color: #ddd !important;
}

/* === Тёмная тема: цитаты (фон чуть светлее таблицы) === */
body.is-dark-theme blockquote,
body.dark-mode blockquote,
body.theme-dark blockquote {
  background-color: #2a2a2a !important; /* светлее таблицы */
  color: #f0f0f0 !important;
  border-left: 4px solid #0073aa !important;
}