/* STI site chat. Every class is prefixed stc- so nothing collides with editorial.css */
.stc{--stc-red:#d0021b;--stc-gray:#e9e9eb;--stc-line:#e5e5e5;--stc-muted:#7a7a7e;--stc-ui:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;font-family:var(--stc-ui);color:#111;-webkit-font-smoothing:antialiased}
.stc *,.stc *::before,.stc *::after{box-sizing:border-box}
.stc-launch{position:fixed;right:20px;bottom:20px;z-index:950;width:60px;height:60px;border-radius:50%;border:0;cursor:pointer;background:var(--stc-red);color:#fff;display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.22);transition:transform .2s,opacity .2s,bottom .2s}
.stc-launch:hover{transform:scale(1.05)}
.stc-launch:focus-visible,.stc button:focus-visible,.stc a:focus-visible{outline:2px solid #111;outline-offset:2px}
.stc-launch .stc-badge{position:absolute;top:2px;right:2px;width:14px;height:14px;border-radius:50%;background:#2fbf71;border:2px solid #fff}
.stc-open .stc-launch{opacity:0;pointer-events:none}
.stc-peek{position:fixed;right:20px;bottom:92px;z-index:950;max-width:260px;background:#fff;border-radius:14px;padding:12px 30px 12px 14px;font-size:14px;line-height:1.4;box-shadow:0 6px 24px rgba(0,0,0,.16);display:flex;gap:10px;align-items:flex-start;cursor:pointer;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s,bottom .2s;pointer-events:none}
.stc-peek.is-on{opacity:1;transform:none;pointer-events:auto}
.stc-open .stc-peek{display:none}
.stc-peek img{width:28px;height:28px;border-radius:50%;object-fit:contain;background:#fff;border:1px solid var(--stc-line);flex:none}
.stc-peek-x{position:absolute;top:4px;right:4px;width:24px;height:24px;border:0;background:none;color:#999;cursor:pointer;font-size:16px;line-height:1}
body.cookie-open .stc-launch{bottom:100px}
body.cookie-open .stc-peek{bottom:172px}

.stc-panel{position:fixed;right:20px;bottom:20px;z-index:1000;width:370px;height:min(620px,calc(100dvh - 40px));background:#fff;border-radius:16px;box-shadow:0 12px 48px rgba(0,0,0,.22);display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .22s,transform .22s,visibility 0s .22s}
.stc-open .stc-panel{opacity:1;visibility:visible;transform:none;transition:opacity .22s,transform .22s}
.stc-head{display:flex;align-items:center;gap:10px;padding:12px 10px 12px 16px;border-bottom:1px solid var(--stc-line)}
.stc-head img{width:38px;height:38px;border-radius:50%;object-fit:contain;border:1px solid var(--stc-line);padding:3px;background:#fff;flex:none}
.stc-who{flex:1;line-height:1.25;min-width:0}
.stc-who b{display:block;font-size:15px;font-weight:600}
.stc-who span{font-size:12.5px;color:var(--stc-muted)}
.stc-who i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2fbf71;margin-right:5px;vertical-align:0}
.stc-who i.is-off{background:#bbb}
.stc-hbtn{width:32px;height:32px;border-radius:50%;border:0;background:none;cursor:pointer;color:#555;display:grid;place-items:center;flex:none}
.stc-hbtn:hover{background:#f2f2f2}
.stc-log{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:2px;overscroll-behavior:contain}
.stc-log>*{flex:none}
.stc-stamp{align-self:center;font-size:11.5px;color:var(--stc-muted);margin:2px 0 10px}
.stc-msg{max-width:80%;padding:8px 12px;font-size:15px;line-height:1.38;border-radius:18px;overflow-wrap:anywhere;animation:stc-in .18s ease-out both}
.stc-msg a{color:inherit;text-decoration:underline}
.stc-bot{align-self:flex-start;background:var(--stc-gray)}
.stc-me{align-self:flex-end;background:var(--stc-red);color:#fff}
.stc-bot+.stc-me,.stc-me+.stc-bot,.stc-card+.stc-me,.stc-me+.stc-card,.stc-me+.stc-file{margin-top:8px}
.stc-seen{align-self:flex-end;font-size:11px;color:var(--stc-muted);margin:2px 4px 0}
.stc-typing{align-self:flex-start;background:var(--stc-gray);border-radius:18px;padding:11px 13px;display:flex;gap:4px}
.stc-typing i{width:7px;height:7px;border-radius:50%;background:#999;animation:stc-blink 1.3s infinite}
.stc-typing i:nth-child(2){animation-delay:.2s}.stc-typing i:nth-child(3){animation-delay:.4s}
.stc-card{align-self:flex-start;width:min(240px,80%);border:1px solid var(--stc-line);border-radius:14px;overflow:hidden;text-decoration:none;color:#111;margin-top:2px;animation:stc-in .18s both;display:block;background:#fff}
.stc-card img{display:block;width:100%;height:135px;object-fit:cover;background:#eee}
.stc-card div{padding:9px 12px 11px;font-size:13px;line-height:1.35}
.stc-card b{display:block;font-size:14px;margin-bottom:2px}
.stc-card span{color:#555}
.stc-doc{align-self:flex-start;display:flex;align-items:center;gap:10px;max-width:80%;padding:10px 12px;border:1px solid var(--stc-line);border-radius:14px;text-decoration:none;color:#111;font-size:14px;margin-top:2px;background:#fff}
.stc-doc svg{flex:none;color:var(--stc-red)}
.stc-doc small{display:block;color:var(--stc-muted);font-size:12px}
.stc-file{align-self:flex-end;display:flex;align-items:center;gap:8px;max-width:80%;padding:8px 12px;border-radius:14px;background:#fbe6e8;color:#111;font-size:13.5px}
.stc-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;margin-top:10px}
.stc-chips button,.stc-chips label{font:15px var(--stc-ui);padding:7px 12px;border-radius:18px;border:1px solid var(--stc-red);color:var(--stc-red);background:#fff;cursor:pointer;line-height:1.2}
.stc-chips button:hover,.stc-chips label:hover{background:#fff5f6}
.stc-chips .is-solid{background:var(--stc-red);color:#fff}
.stc-chips input[type=file]{position:absolute;width:1px;height:1px;opacity:0}
.stc-chips label:focus-within{outline:2px solid #111;outline-offset:2px}
.stc-foot{border-top:1px solid var(--stc-line);padding:8px 10px 10px}
.stc-bar{display:flex;align-items:flex-end;gap:6px;border:1px solid #d6d6d6;border-radius:20px;padding:4px 4px 4px 6px;margin:0}
.stc-clip{width:30px;height:30px;border-radius:50%;border:0;background:none;color:#666;cursor:pointer;display:grid;place-items:center;flex:none;position:relative}
.stc-clip:hover{background:#f2f2f2}
.stc-clip input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.stc-bar textarea{flex:1;border:0;resize:none;font:15px/1.35 var(--stc-ui);padding:6px 0;max-height:100px;outline:none;background:none;color:#111;min-width:0}
.stc-send{width:30px;height:30px;border-radius:50%;border:0;background:var(--stc-red);color:#fff;cursor:pointer;display:grid;place-items:center;flex:none}
.stc-send:disabled{background:#ccc;cursor:default}
.stc-fine{font-size:11px;color:var(--stc-muted);text-align:center;margin:6px 0 0}
.stc-fine a{color:inherit}
.stc-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.stc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@keyframes stc-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes stc-blink{0%,60%,100%{opacity:.35}30%{opacity:1}}
@media (prefers-reduced-motion:reduce){.stc *{animation:none!important;transition:none!important}}
@media (max-width:560px){
  .stc-launch{right:14px;bottom:14px;width:56px;height:56px}
  .stc-peek{right:14px;bottom:80px;max-width:calc(100% - 28px)}
  body.cookie-open .stc-launch{bottom:170px}
  body.cookie-open .stc-peek{display:none}
  .stc-panel{inset:0;width:auto;height:100dvh;border-radius:0}
  body.stc-lock{overflow:hidden}
}
@media print{.stc{display:none}}