.muted { color: var(--muted); }

#pageTitle {
  font-size: 32px;   /* поставь нужное значение */
  line-height: 1.15; /* чтобы не выглядело “сплюснуто” */
}

.toc {
    margin-top: 10px;
    padding-left: 18px;
}

.toc li { padding: 6px 0; border: none !important; }

.theme-block {
    margin-top: 18px;
    padding-top: 6px;
}

/* Яркий заголовок темы */
.theme-title {
    margin: 0 0 12px;
    padding: 12px 14px;

    font-size: 26px;
    font-weight: 800;
    letter-spacing: 0.2px;
}

.task {
    margin-top: 10px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--card);
    box-shadow: var(--shadow);
}

.task h3 {
    margin: 0 0 8px;
    font-size: 16px;
}

.task-text { margin: 8px 0 10px; }

.task-text img{
  display: block;
  max-width: 100%;
  height: auto;       
  object-fit: unset;
}

.btn {
    border: 1px solid var(--border);
    background: var(--card);
    color: var(--text);
    padding: 8px 10px;
    border-radius: 10px;
    cursor: pointer;
}
.btn:hover { text-decoration: underline; }

.hidden { display: none; }

/* Плавный переход по якорям */
html { scroll-behavior: smooth; }

/* Чуть красивее якорная прокрутка: чтобы заголовок не прятался под шапку */
.anchor-offset { scroll-margin-top: 18px; }

.answer {
    margin-top: 10px;
    padding-left: 10px;      /* “несколько пробелов” */
}
.answer p { margin: 0; }

.toc .toc-link{
  color: inherit;
  text-decoration: none;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.toc .toc-link:hover{
  color: inherit;
  opacity: 0.7;
}

/* Фокус (как в шапке) */
.toc .toc-link:focus-visible{
  outline: 2px solid rgba(122, 184, 255, 0.75);
  outline-offset: 3px;
  border-radius: 6px;
}

/* Обёртка текста задачи становится контейнером прокрутки */
.task-text{
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Таблица пусть остаётся таблицей и имеет “естественную” ширину */
.task-text table{
  width: max-content;      /* или min-width: max-content; */
  max-width: none;
  border-collapse: collapse;
}

.task-files{
  margin-top: 10px;
  margin-bottom: 34px; /* “пустая строка” перед кнопкой */
  padding: 10px 12px;
  border: 1px dashed var(--border);
  border-radius: 12px;
}

.task-files-title{
  font-weight: 700; /* уже жирный */
  margin-bottom: 6px;
}


.task-files-list{
  margin: 0;
  padding-left: 18px;
}

.file-link{
  text-decoration: underline;
}

.task-files-inline{
  margin: 10px 0 18px; /* снизу отступ перед кнопкой */
}

.task-files-inline strong{
  font-weight: 700;
}

.theory-block {
  border-style: dashed;
}