/* Раскладка сайта опросника поверх системы: только размещение, без новых цветов и размеров. */
.app{grid-template-rows:100vh}
.nav{overflow:auto}
.nav__list{display:flex;flex-direction:column;gap:2px}
.bar .btn--menu{display:none}
.menu-logo{width:24px;height:24px;display:block}
.home .h1{margin-bottom:var(--s3)}
.home .lead{margin-bottom:var(--s6)}
.home h2.h3{margin:var(--s7) 0 var(--s3)}
.home .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s3)}
.home .card .icon{color:var(--text-2);margin-bottom:10px}
.home ol.steps{counter-reset:s;display:flex;flex-direction:column;gap:var(--s3)}
.home ol.steps li{display:flex;gap:var(--s3);font-size:var(--t-body);line-height:1.55;color:var(--text-2)}
.home ol.steps li::before{counter-increment:s;content:counter(s);width:24px;height:24px;border-radius:50%;border:1px solid var(--line-active);display:inline-flex;align-items:center;justify-content:center;font-size:var(--t-label);color:var(--text);flex:none}
.page--q{max-width:calc(var(--content-max) + var(--s7) + var(--props-w))}
.props{position:sticky;top:var(--s7)}
.props .label{margin-bottom:var(--s2)}
.q__opts .opt--free .input{display:none}.q__opts .opt--free.is-checked .input{display:block}
.answers{margin-top:var(--s5)}
.answers .label{margin-bottom:var(--s2)}
.answer__edit{display:none}.answer.is-editing .answer__edit{display:flex}.answer.is-editing .answer__acts{display:none}
.demo-note{margin-top:var(--s5)}
.toasts{position:fixed;right:var(--s5);bottom:var(--s5);display:flex;flex-direction:column;gap:var(--s2);z-index:5000}
.menu.pop{position:fixed;z-index:2001;width:220px}
/* кнопка меню нужна ровно тогда, когда навигация спрятана (пороги — в system.css) */
@media (max-width:1239px){.app.has-chat .bar .btn--menu{display:inline-flex}}
@media (max-width:999px){.toasts{bottom:80px}.bar .btn--menu{display:inline-flex}.page{padding:var(--s5) var(--s4) var(--s8)}}
/* метка «скоро» в карточке раздела — всегда отдельной строкой под названием, чтобы карточки выглядели одинаково */
.home .card__title .badge{display:flex;width:max-content;margin-top:6px}