/* Interactive guided session (prototype). Uses the site's tokens from style.css. */
.ia-consent-list { list-style: none; padding: 0; margin: 0 0 1rem; }
.ia-consent-list li { margin: .5rem 0; }
.ia-consent-list input { margin-right: .5rem; transform: scale(1.2); }
.ia-meter { display: inline-block; width: 160px; height: 10px; border-radius: 5px; background: rgba(127,127,127,.25);
  overflow: hidden; vertical-align: middle; margin-left: .75rem; }
#ia-meter-bar { display: block; height: 100%; width: 0; background: currentColor; transition: width .08s linear; }
.ia-live { text-align: center; }
.ia-status { font-size: 1.6rem; margin: .5rem 0 0; min-height: 2.2rem; }
.ia-clock { margin: .25rem 0 1rem; }
.ia-big { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin: 1rem 0; }
.ia-btn-big { font-size: 1.4rem; min-width: 9rem; min-height: 4.5rem; border-radius: 2.25rem; }
.ia-stop { background: #8a2b2b; color: #fff; border-color: #8a2b2b; }
.ia-cmds { display: flex; gap: .5rem; justify-content: center; flex-wrap: wrap; margin: .5rem 0 1rem; }
.ia-cmds .btn { min-height: 2.75rem; }
.ia-ptt-row { display: flex; gap: .75rem; justify-content: center; align-items: center; flex-wrap: wrap; margin: .5rem 0; }
.ia-ptt { min-height: 3rem; touch-action: none; user-select: none; }
.ia-ptt.is-down { outline: 3px solid currentColor; }
.ia-typed { display: flex; gap: .5rem; justify-content: center; margin: .5rem auto; max-width: 28rem; }
.ia-typed input { flex: 1; min-width: 0; }
.ia-crisis { text-align: left; border: 2px solid #8a2b2b; border-radius: .75rem; padding: 1rem; margin: 1rem 0; }
.ia-crisis ul { padding-left: 1.2rem; }
.ia-crisis li { margin: .4rem 0; font-size: 1.1rem; }
.ia-transcript { text-align: left; max-height: 16rem; overflow-y: auto; font-size: .95rem; }
.ia-transcript .you { font-weight: 600; }
.ia-library { list-style: none; padding: 0; }
.ia-library li { padding: .6rem 0; border-bottom: 1px solid rgba(127,127,127,.25); }
.ia-library audio, #ia-end-audio { display: block; width: 100%; max-width: 28rem; margin: .4rem 0; }
@media (max-width: 480px) { .ia-btn-big { min-width: 7rem; font-size: 1.2rem; } }