/* Унифицированная область контента */
.view-container {
  max-width: 900px;     /* фиксированная ширина для desktop */
  margin: 0 auto;        /* центрирование */
  padding: 20px;
  box-sizing: border-box;
}

/* На телефонах оставить адаптивность */
@media (max-width: 768px) {
.view-container {
    max-width: 100%;
    padding: 10px;
}
}
.questions-view[data-v-9345b48e] { display: flex; flex-direction: column; gap: 20px; align-items: center; margin-top: 40px; width: 100%;
}
.answer-buttons[data-v-9345b48e] { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 20px;
}
.btn[data-v-9345b48e] { padding: 12px 20px; margin: 4px 2px; font-size: 18px; background: #ffffff; border-radius: 12px; border: 1px solid #d0d0d0; box-shadow: 0 4px 10px rgba(0,0,0,0.1); cursor: pointer; transition: 0.2s; min-width: 200px; text-align: center;
}
.btn[data-v-9345b48e]:hover { box-shadow: 0 6px 14px rgba(0,0,0,0.18); transform: translateY(-2px);
}
.btn[data-v-9345b48e]:active { transform: scale(0.98); box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
/* Бледно-красная */
.btn-no[data-v-9345b48e] { background-color: #ffdddd; border-color: #ffb3b3;
}
.btn-no[data-v-9345b48e]:hover { background-color: #ffcccc;
}
/* Нейтральная (бледно-серая) */
.btn-neutral[data-v-9345b48e] { background-color: #f2f2f2; border-color: #d9d9d9;
}
.btn-neutral[data-v-9345b48e]:hover { background-color: #e6e6e6;
}
/* Бледно-зелёная */
.btn-yes[data-v-9345b48e] { background-color: #ddffdd; border-color: #b3e6b3;
}
.btn-yes[data-v-9345b48e]:hover { background-color: #ccffcc;
}
.error[data-v-9345b48e] { color: red; margin-top: 20px;
}
.exit-section[data-v-9345b48e] { margin-top: 20px;
}
@media (max-width: 600px) {
.answer-buttons[data-v-9345b48e] { display: flex; flex-direction: column; align-items: center; gap: 10px;
}
.btn[data-v-9345b48e] { width: 80%; max-width: 360px; min-width: 320px; text-align: center;
}
}

/* Кнопки testId = 3 */
.btn-1[data-v-9345b48e],
.btn-2[data-v-9345b48e],
.btn-3[data-v-9345b48e],
.btn-4[data-v-9345b48e],
.btn-5[data-v-9345b48e] {
  width: 100%;
  max-width: 500px;   /* ширина фрейма */
  min-width: unset;
  padding: 8px 18px;
  font-weight: bold;
  text-align: center;
  min-height: 42px;
}

/* Пастельные цвета */
.btn-1[data-v-9345b48e] { background-color: #ffd6d6; border-color: #ffb3b3;
} /* пастельный красный */
.btn-2[data-v-9345b48e] { background-color: #ffe9c9; border-color: #ffd59a;
} /* пастельный оранжевый */
.btn-3[data-v-9345b48e] { background-color: #fff6bf; border-color: #f0e68c;
} /* пастельный жёлтый */
.btn-4[data-v-9345b48e] { background-color: #d8f5d0; border-color: #b7e4a8;
} /* пастельный зелёный */
.btn-5[data-v-9345b48e] { background-color: #d6e8ff; border-color: #a9ccff;
} /* пастельный голубой */
.btn-1[data-v-9345b48e]:hover { background-color: #ffcaca;
}
.btn-2[data-v-9345b48e]:hover { background-color: #ffe0b3;
}
.btn-3[data-v-9345b48e]:hover { background-color: #fff1a6;
}
.btn-4[data-v-9345b48e]:hover { background-color: #c9efbd;
}
.btn-5[data-v-9345b48e]:hover { background-color: #c7ddff;
}

/* Мобильный режим */
@media (max-width: 600px) {
.btn-1[data-v-9345b48e],
  .btn-2[data-v-9345b48e],
  .btn-3[data-v-9345b48e],
  .btn-4[data-v-9345b48e],
  .btn-5[data-v-9345b48e] {
    width: 50%;
    max-width: 420px;
    min-width: 260px;
}
}.autocomplete-input[data-v-a13a65a7]{width:100%;padding:0.5rem;border:1px solid #ccc;border-radius:4px;}
.autocomplete-list[data-v-a13a65a7]{margin:0;padding:0;list-style:none;border:1px solid #ccc;border-top:none;max-height:200px;overflow-y:auto;}
.autocomplete-list li[data-v-a13a65a7]{padding:0.5rem;cursor:pointer;}
.autocomplete-list li[data-v-a13a65a7]:hover{background-color:#eee;}.start[data-v-c7a516f1]{display:flex;flex-direction:column;gap:20px;margin-top:50px;align-items:center;justify-content:center;width:100%;}
button[data-v-c7a516f1]{width:300px;padding:14px 20px;font-size:20px;background:#ffffff;border-radius:12px;border:1px solid #d0d0d0;box-shadow:0 4px 10px rgba(0,0,0,0.1);cursor:pointer;transition:0.2s;}
button[data-v-c7a516f1]:hover:enabled{box-shadow:0 6px 14px rgba(0,0,0,0.18);transform:translateY(-2px);}
button[data-v-c7a516f1]:disabled{opacity:0.5;cursor:not-allowed;}
button[data-v-c7a516f1]:active:enabled{transform:scale(0.98);box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.error[data-v-c7a516f1]{color:red;margin-top:20px;}