/* Preserve the approved composition while making touch and keyboard use reliable. */
body.benn-modal-open{overflow:hidden;overscroll-behavior:none}
.bot__log,.guide__body,.bot__chips{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.bot__chips .chip,.chips .chip,.msg .pa{min-height:44px}
.guide__cta .btn{white-space:normal;line-height:1.3;text-align:center}
@media(max-width:900px){
  .panels.auto .pnl.is-on .pnl__bar{animation:none}
  .pnl{transition:height .35s var(--ease)}
  .pnl.is-on .pnl__c{transition-delay:.1s}
}
@media(max-width:820px){
  .guide{inset:var(--benn-visible-top,0px) 0 auto;margin:0;height:var(--benn-visible-height,100dvh)}
  .benn-keyboard-open .guide__media{height:100px;min-height:0}
  .benn-keyboard-open .guide__body{scroll-padding-bottom:16px}
}
@media(max-width:700px){
  .bot{--benn-bot-height:min(90svh,calc(var(--benn-visible-height,100dvh) - 8px));height:var(--benn-bot-height);top:calc(var(--benn-visible-top,0px) + var(--benn-visible-height,100dvh) - var(--benn-bot-height));bottom:auto}
  .bot__h{min-height:70px}
  .bot__f{padding-top:10px}
  .bot__chips{padding-top:8px;padding-bottom:8px}
  .bot__log{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){
  .pnl,.pnl__v video,.pnl__c,.guide[open],.bot[open],.msg,.g-ans.swap,.typing i{animation:none!important;transition:none!important}
  html{scroll-behavior:auto!important}
}
