/* Wide: chat stays visible, the artifact opens as a resizable side panel. */
@media (min-width:1000px){
  .shell.art-open .artifact-pane{flex:0 0 46%;width:46%}
  .art-title{font-size:15px}
}

/* iPad and narrow: the artifact takes the whole width as a slide-over, and a
   persistent Chat control returns to the conversation. Chat state is untouched
   because the pane is never destroyed — only hidden. */
@media (max-width:999px){
  .artifact-pane{
    position:absolute;inset:0;z-index:100;width:100%;flex:none;
    transform:translateX(100%);transition:transform .24s var(--ease);
    border-left:0;
  }
  .shell.art-open .artifact-pane{transform:translateX(0);width:100%;flex:none}
  .shell.art-open .chat-pane{visibility:hidden}
  .shell.art-full .chat-pane{display:flex}
  #backToChat{display:block;flex:0 0 auto}
  #artFull{display:none}
  .pill{max-width:30vw}
  .pdf-holder{height:52vh}
}

@media (max-width:560px){
  body{font-size:14.5px}
  .brand{font-size:14px}
  .pill{font-size:10px;max-width:26vw}
  .msg .bub{max-width:94%}
  .ntf{max-width:96%}
  .art-card{max-width:94%}
  .cl-n{width:38px;padding-right:9px}
}

@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
}