/* Дополнения шаблона поверх styles.css (исходный дизайн не трогаем). */

/* Блок «Место» без фотографий — текст на всю ширину. */
.place-grid.no-media{grid-template-columns:1fr;max-width:720px;margin:0 auto;text-align:center}
.place-grid.no-media .place-actions a{margin:15px 10px 0}

/* Демо-панель (только в demo-режиме; отключается demoBar:false в config.js). */
.demo-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;margin:0 auto;max-width:760px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;
  padding:9px 40px 9px 16px;border-radius:18px;background:#46503ced;color:#faf8f1;font:12px/1.4 Manrope,Arial,sans-serif;box-shadow:0 8px 24px #0003}
.demo-bar b{font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:10px;opacity:.75}
.demo-bar a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}
.demo-bar a[aria-current]{font-weight:600;text-decoration:none;border-bottom:1px solid currentColor}
.demo-bar button{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:none;color:inherit;font-size:18px;cursor:pointer;padding:4px 6px}

/* Программа: линия проходит под текстом и не перечёркивает буквы. */
.timeline .tl-card .tl-time,.timeline .tl-card h3,.timeline .tl-card p{
  text-shadow:0 0 2px var(--paper),0 0 4px var(--paper),0 0 7px var(--paper),0 0 10px var(--paper),0 0 14px var(--paper)}

/* Ширину карточек подбирает fitTimeline() в app.js — отступы задаёт он. */
.timeline.tl-fit article.tl-item{padding:0!important}

.timeline.tl-fit .tl-item.tl-tight .tl-card h3{font-size:23px}
.timeline.tl-fit .tl-item.tl-tight .tl-card p{font-size:11.5px;line-height:1.65}

/* Программа не из 5 пунктов (или текст не помещается рядом с линией на узком
   экране): простой список по центру, без линии. */
.timeline.tl-simple,.timeline.tl-fallback{height:auto;max-width:640px;margin:60px auto 0}
.timeline.tl-simple article.tl-item,.timeline.tl-fallback article.tl-item{position:static;width:auto!important;padding:0!important;margin:0 auto 52px;text-align:center!important}
.timeline.tl-simple article.tl-item:last-of-type,.timeline.tl-fallback article.tl-item:last-of-type{margin-bottom:0}
.timeline.tl-simple .tl-card,.timeline.tl-fallback .tl-card{max-width:none}
.timeline.tl-fallback .tl-path,.timeline.tl-fallback .tl-heart{display:none}

/* Статус анкеты: сообщение об ошибке заметнее. */
#status:not(:empty){margin-top:16px;font-size:13px}