.demo-strip{position:fixed;z-index:100;top:0;left:0;right:0;height:38px;padding:0 20px;background:#d8f479;color:#173034;display:flex;align-items:center;justify-content:space-between;gap:12px;font:12px/1.3 Arial,sans-serif}.demo-strip a{color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:700}.immersive.demo .app-shell{height:calc(100% - 38px);margin-top:38px}.demo-explanation{font-size:14px;margin:0;line-height:1.5;color:#eee}.demo-choices{display:grid;gap:8px}.demo-choices .reply{text-align:left;background:#343840;color:#fff;border-color:#ffffff30;font-size:13px}.demo-fine{font:11px/1.6 Arial,sans-serif;color:#c9cbd0;margin:0}.demo .welcome-prompt{margin:0;font-size:22px;font-weight:500}.demo #menu{font-size:21px}.demo a:focus-visible,.demo button:focus-visible{outline:3px solid #d8f479;outline-offset:3px}.demo #dialog-body{line-height:1.7}.demo #dialog-actions{display:flex;gap:8px;margin-top:18px}.demo .flow .demo-fine{max-width:95%}.demo #demo-back{color:#fff;font-size:25px}.demo-strip .demo-desktop{font-weight:400}@media(max-width:700px){.demo-strip{font-size:10px;padding:0 12px}.demo-strip .demo-desktop{display:none}.demo .welcome-prompt{font-size:18px}.demo .welcome-intro h1{font-size:30px}.demo .demo-choices .reply{font-size:12px;min-height:40px;padding:9px}.demo .demo-explanation{font-size:12px}}

.demo .conversation>.reply{flex:0 0 auto;align-self:flex-start;display:block;max-width:100%;line-height:1.5;text-decoration:none}

/* Bring Ludovic to the same bust-and-face scale as Fabrice in this demo. */
.demo .team-portraits .team-secondary img{width:100%;height:100%;max-width:100%;position:static;object-fit:cover;object-position:50% 20%;transform:scale(1.8);transform-origin:55% 34%}

.demo-legal-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin:8px 0 16px;font-size:13px}.demo-legal-links a{color:inherit;text-decoration:underline;text-underline-offset:3px;padding:6px 0}

@media(max-width:700px){.demo .team-portraits .team-secondary img{transform:scale(2.1)}}