/* Раздел «Задания» (автор, 2026-10-04): «Сюжетные» — таблицы заданий по цепочкам (quest-table.js), «Бытовые» — фон
   главной и надпись «Раздел в разработке» по центру. Фон страницы — общий (page.css), как у главной. */

.quest-list__note {
  max-width: 720px;
  margin-top: var(--space-2);
  color: var(--color-text-muted);
}

.quest-list__count {
  display: block;
  margin-top: var(--space-3);
  font-size: 0.875rem;
  color: var(--color-text-muted);
}

/* Цепочки — столбиком, каждая по ширине своей таблицы (item-table: fit-content). */
.quest-list__chains {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: start;
}

.quest-table__chain {
  font-family: var(--font-accent);
  font-size: 1.375rem;
  color: var(--color-accent);
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.7);
}

.quest-table .item-table__row {
  cursor: pointer;
}

.quest-table .item-table__row:focus-visible {
  outline: 1px solid var(--color-accent);
  outline-offset: -1px;
}

.quest-table .item-table__row[aria-expanded='true'] {
  background: var(--color-accent-soft);
}

/* Название задания — одной строкой: переносится текст целей, а не имя. */
.quest-table .item-table__name,
.quest-table .item-table__note {
  white-space: nowrap;
}

/* Цели не сжимаются в столбик по слову: на узком окне таблица листается в рамке (item-table__frame). */
.quest-table .item-table__td.is-wide {
  min-width: 280px;
}

.quest-table__npc {
  font-weight: 700;
  color: var(--color-text);
  white-space: nowrap;
}

.quest-table__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}

.quest-table__xp {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  white-space: nowrap;
}

.quest-table__xp-icon {
  width: var(--coin-size);
  height: var(--coin-size);
}

/* Описание задания под раскрытой строкой: абзацы из данных (перенос строк). Текст не раздвигает таблицу: у блока
   ширина 0 и не меньше ячейки — столбцы меряются без него, а он занимает всю строку. */
.quest-table__detail {
  background: var(--color-head);
}

.quest-table__description {
  padding: var(--space-3) var(--space-4);
  color: var(--color-text-muted);
  border-bottom: 1px solid var(--color-line);
}

.quest-table__text {
  width: 0;
  min-width: min(100%, 720px);
  white-space: pre-line;
}

/* Вещь награды: значок в золотой окантовке и имя цветом редкости — как в разделе «Боссы». */
.quest-item {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  font-weight: 700;
  white-space: nowrap;
}

.quest-item__icon {
  flex: none;
  width: var(--boss-item-icon);
  height: var(--boss-item-icon);
  border: 1px solid var(--ability-icon-edge);
  border-radius: var(--ability-icon-radius);
}

.quest-item:hover .quest-item__name,
.quest-item:focus-visible .quest-item__name {
  text-decoration: underline;
}

.quest-item__count {
  font-weight: 400;
  color: var(--color-text-muted);
}

/* «Бытовые»: надпись по центру свободного места под шапкой. */
.quest-soon {
  display: grid;
  place-items: center;
  min-height: 60vh;
}

.quest-soon__caption {
  font-family: var(--font-accent);
  font-size: var(--page-title-size);
  line-height: 1.1;
  text-align: center;
  overflow-wrap: break-word;
  color: var(--color-text);
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.7);
}