/* Публічне демо: вступ для гостя (js/demo-intro.js) і кнопка «Про демо». Кольори й кути — змінні застосунку (css/base.css). */
.dialog:has(.demo-intro){max-height:calc(100dvh - 32px); overflow-x:hidden; overflow-y:auto}
.demo-intro p{font-size:15px; line-height:1.5}
.demo-intro p.soft{color:var(--ink-soft); font-size:14px}
.demo-intro h3{font-size:13px; font-weight:var(--w-strong); color:var(--ink-soft); margin-top:4px}
.demo-links{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px}
.demo-links a{display:block; padding:10px 13px; border:1px solid var(--btn-line); border-radius:var(--r-sm);
  color:var(--ink); text-decoration:none; font-size:14.5px; transition:background-color .15s}
.demo-links a:hover{background:var(--fill)}

.demo-about{position:fixed; left:16px; bottom:calc(16px + env(safe-area-inset-bottom)); z-index:30;
  font:inherit; font-size:12.5px; font-weight:var(--w-mid); padding:7px 12px; cursor:pointer;
  color:var(--ink-soft); background:var(--card); border:1px solid var(--line); border-radius:var(--r-sm); box-shadow:var(--shadow)}
.demo-about:hover{color:var(--ink)}