/* Правила продукта поверх двух файлов макета. Новых цветов, шрифтов и скруглений здесь нет. */

.walkthrough main > section + section { margin-top: 24px; }
.topbar button { margin: 0; }

/* Пустые части места не занимают. */
#error:empty, #source-error:empty, #results:empty { display: none; }

/* Блок причины: фон и красная рамка макета. */
#error:not(:empty) { background: #f9f6f2; border: 1px solid #b3261e; border-radius: 8px; padding: 16px 20px; margin-top: 16px; }

/* Экранное переключение: прятать части, не принадлежащие текущему экрану. */
[data-screen="launch"] [data-screens]:not([data-screens~="launch"]) { display: none; }
[data-screen="waiting"] [data-screens]:not([data-screens~="waiting"]) { display: none; }
[data-screen="result"] [data-screens]:not([data-screens~="result"]) { display: none; }
[data-screen="stopped"] [data-screens]:not([data-screens~="stopped"]) { display: none; }

/* Имя comparison в макете занято разделом «Как было и как будет». Здесь это сравнение версий. */
.walkthrough .comparison { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; border-top: 0; padding-top: 0; margin-top: 0; }
.walkthrough .comparison p { font-size: inherit; color: inherit; }
@media (max-width: 600px) { .walkthrough .comparison { grid-template-columns: minmax(0, 1fr); } }

/* Полоса переходов над карточкой экрана. */
.run-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 24px; }
.run-nav label { margin: 0; font-size: 14px; }
.run-nav #saved { width: auto; flex: 1 1 200px; min-width: 0; }

/* Прежние правила. Уходят в той фазе, где меняется их часть страницы. */
.comparison pre, .speech { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.65; font-family: inherit; }
textarea, select { width: 100%; font: inherit; padding: 10px; box-sizing: border-box; }
textarea { min-height: 96px; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: 8px; border-bottom: 1px solid #ddd4cd; overflow-wrap: anywhere; }
button, summary, a { cursor: pointer; }
button { margin: 4px 8px 4px 0; }
button:disabled { cursor: default; opacity: .6; }
summary { padding: 12px 0; font-weight: 600; }
details { border-top: 1px solid #ddd4cd; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; }

/* Брифы: сброс общего border-top details, чтобы не конфликтовать с .brief details из макета. */
.brief details { border-top: 0; }
/* Окна внутри scene-card без лишнего горизонтального отступа. */
.scene-card > .future-window { margin-left: 0; margin-right: 0; }