.cl-faq{--faq-accent: var(--primary);--faq-on-accent: var(--on-primary)}.cl-faq__grid{display:grid}@media(min-width:1024px){.cl-faq__grid{grid-template-columns:minmax(0,40fr) minmax(0,60fr);gap:calc(var(--space-12) + var(--space-2))}}.cl-faq-q{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-height:52px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-raised);color:var(--forest);text-align:left;font:600 16px/24px var(--font-body);cursor:pointer;transition:transform .35s var(--ease-spring)}.cl-faq-q svg{flex-shrink:0;transition:transform .35s var(--ease-spring)}.cl-faq-q:hover{transform:translate(3px)}.cl-faq-q:active{transform:translate(1px) scale(.98);transition-duration:.1s}.cl-faq-q:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.cl-faq-q[aria-pressed=true]{background:var(--faq-accent);border-color:var(--faq-accent);color:var(--faq-on-accent)}.cl-faq-q[aria-pressed=true] svg{transform:translate(2px)}.cl-chat{position:relative;min-height:520px;overflow:hidden;border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-float)}.cl-chat__inner{position:absolute;inset:0;display:flex;flex-direction:column}.cl-chat__head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--line)}.cl-avatar{position:relative;display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-full);background:var(--surface-tint)}.cl-avatar img{width:26px;height:26px}.cl-avatar--sm{width:28px;height:28px}.cl-avatar--sm img{width:17px;height:17px}.cl-avatar--raised{background:var(--surface-raised)}.cl-avatar__dot{position:absolute;right:0;bottom:0;width:12px;height:12px;border-radius:var(--radius-full);background:var(--leaf-500);border:2px solid var(--surface-raised)}.cl-chat__body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--surface)}.cl-chat__day{align-self:center;padding:2px var(--space-3);border-radius:var(--radius-full);background:var(--surface-raised);box-shadow:var(--shadow-raised);font-size:14px;line-height:20px;color:var(--ink-muted)}.cl-msg{display:flex;flex-direction:column;gap:var(--space-1)}.cl-msg__meta{font-size:14px;line-height:20px;color:var(--ink-muted)}.cl-msg--user{align-items:flex-end}.cl-msg--user .cl-msg__bubble{max-width:70%;border-radius:18px 18px 4px;background:var(--faq-accent);color:var(--faq-on-accent);font-weight:600}.cl-msg--bot{flex-direction:row;align-items:flex-end;gap:var(--space-2)}.cl-msg--bot .cl-msg__col{display:flex;flex-direction:column;gap:var(--space-1);max-width:78%}.cl-msg--bot .cl-msg__bubble{border-radius:18px 18px 18px 4px;background:var(--surface-raised);box-shadow:var(--shadow-raised);color:var(--ink)}.cl-msg--bot .cl-avatar{margin-bottom:24px}.cl-msg__bubble{margin:0;padding:var(--space-3) var(--space-4);font-size:16px;line-height:1.6}@keyframes cl-msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cl-msg-in{animation:cl-msg-in .45s var(--ease-out) both}.cl-typing{display:inline-flex;align-items:center;gap:5px;height:48px;padding:0 var(--space-4)}.cl-typing span{width:7px;height:7px;border-radius:var(--radius-full);background:var(--ink-muted);animation:cl-typing 1.1s var(--ease-out) infinite}.cl-typing span:nth-child(2){animation-delay:.15s}.cl-typing span:nth-child(3){animation-delay:.3s}@keyframes cl-typing{0%,to{opacity:.25}40%{opacity:1}}.cl-chat__foot{padding:var(--space-4) var(--space-6);border-top:1px solid var(--line)}.cl-composer{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:48px;padding:6px 6px 6px var(--space-4);border-radius:var(--radius-full);border:1.5px solid var(--line-strong);color:var(--ink-muted);text-decoration:none;font-size:15px;line-height:20px;transition:transform .35s var(--ease-spring)}.cl-composer:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--surface-tint);opacity:0;transition:opacity .25s var(--ease-out)}.cl-composer:hover{transform:translateY(-1px)}.cl-composer:hover:before{opacity:.6}.cl-composer:active{transform:scale(.99);transition-duration:.1s}.cl-composer:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.cl-composer__send{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-full);background:var(--faq-accent);color:var(--faq-on-accent)}.cl-composer__send svg{transition:transform .35s var(--ease-spring)}.cl-composer:hover .cl-composer__send svg{transform:translate(2px,-2px)}.cl-acc{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-raised)}.cl-acc__btn{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-height:52px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:transparent;color:var(--forest);text-align:left;font:600 16px/24px var(--font-body);cursor:pointer;transition:transform .35s var(--ease-spring)}.cl-acc__btn:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--surface-tint);opacity:0;transition:opacity .25s var(--ease-out)}@media(hover:hover){.cl-acc__btn:hover:before{opacity:.6}}.cl-acc__btn:active{transform:scale(.98);transition-duration:.1s}.cl-acc__btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.cl-acc__icon{position:relative;flex-shrink:0;width:16px;height:16px}.cl-acc__icon:before,.cl-acc__icon:after{content:"";position:absolute;left:0;top:7px;width:16px;height:2px;border-radius:var(--radius-full);background:currentColor;transition:transform .35s var(--ease-spring)}.cl-acc__icon:after{transform:rotate(90deg)}.cl-acc__btn[aria-expanded=true] .cl-acc__icon:after{transform:rotate(0)}.cl-acc__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease-out)}.cl-acc__panel>div{overflow:hidden}.cl-acc__panel p{margin:0;padding:0 var(--space-4) var(--space-4);color:var(--ink-muted);line-height:1.7;opacity:0;transition:opacity .3s var(--ease-out)}.cl-acc.is-open .cl-acc__panel{grid-template-rows:1fr}.cl-acc.is-open .cl-acc__panel p{opacity:1}@media(prefers-reduced-motion:reduce){.cl-faq-q,.cl-faq-q svg,.cl-composer,.cl-composer:before,.cl-composer__send svg,.cl-acc__btn,.cl-acc__btn:before,.cl-acc__icon:before,.cl-acc__icon:after,.cl-acc__panel,.cl-acc__panel p{transition:none}.cl-faq-q:hover,.cl-faq-q:active,.cl-faq-q[aria-pressed=true] svg,.cl-composer:hover,.cl-composer:active,.cl-composer:hover .cl-composer__send svg,.cl-acc__btn:active{transform:none}.cl-msg-in,.cl-typing span{animation:none}}.cl-faq-link{color:var(--leaf);font-weight:600;text-decoration:underline;text-underline-offset:3px;border-radius:2px;white-space:nowrap}.cl-faq-link:hover{color:var(--forest);text-decoration-thickness:2px}.cl-faq-link:active{opacity:.7}.cl-faq-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
