#chatbot-toggle{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;background:#fff;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.2);cursor:pointer;z-index:9999}
#chatbot-toggle span{font-size:24px}
#chatbot-panel{position:fixed;right:20px;bottom:84px;width:380px;height:600px;background:#fff;border:1px solid #e6e8eb;border-radius:16px;box-shadow:0 16px 36px rgba(0,0,0,.18);display:none;flex-direction:column;overflow:hidden;z-index:9998}
#chatbot-panel.max{left:auto;top:auto;right:20px;bottom:84px;width:50vw;height:600px;transform:none}
.menu-btn{display:none}
#chatbot-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(90deg,#0a84ff,#4fb3ff);color:#fff;border-bottom:1px solid #e6e8eb;font-size:15px}
#chatbot-close{border:none;background:transparent;font-size:20px;cursor:pointer}
#chatbot-body{flex:1;padding:16px;overflow-y:auto;background:#f7f9fc}
.chat-row{display:flex;gap:10px;align-items:flex-start;margin:10px 0}
.chat-row.user{justify-content:flex-end}
.avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.avatar.bot{background:#eef2ff;color:#5b6ac4}
.avatar.user{background:#0a84ff;color:#fff}
.chat-msg{max-width:85%;padding:12px 14px;border-radius:14px;line-height:1.7;font-size:14px;word-break:break-word;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.chat-msg.user{background:#0a84ff;color:#fff;border-bottom-right-radius:6px}
.chat-msg.bot{background:#ffffff;color:#1f1f1f;border:1px solid #e6e8eb;border-bottom-left-radius:6px}
#chatbot-input{display:flex;gap:10px;padding:12px;border-top:1px solid #e6e8eb;background:#fff}
#chatbot-text{flex:1;height:40px;border:1px solid #d7dbe0;border-radius:10px;padding:10px 12px;font-size:14px}
#chatbot-send{height:40px;padding:0 16px;border:none;border-radius:10px;background:#0a84ff;color:#fff;cursor:pointer}
.thinking{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:13px}
.loader{width:16px;height:16px;border:2px solid #cfe4ff;border-top-color:#0a84ff;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.md-content{font-size:14px;line-height:1.8}
.md-content h1{font-size:18px;margin:8px 0}
.md-content h2{font-size:16px;margin:8px 0}
.md-content h3{font-size:15px;margin:6px 0}
.md-content p{margin:6px 0}
.md-content ul,.md-content ol{padding-left:20px;margin:6px 0}
.md-content code{background:#f1f5f9;border:1px solid #e6e8eb;border-radius:6px;padding:2px 4px}
.md-content pre{background:#0b1220;color:#e5e7eb;border-radius:8px;padding:10px;overflow:auto}
.md-content a{color:#0a84ff;text-decoration:none}
.md-content blockquote{border-left:3px solid #e6e8eb;padding-left:10px;color:#6b7280;margin:6px 0}
.header-left{display:flex;align-items:center;gap:10px}
.header-actions{display:flex;align-items:center;gap:10px}
.icon-btn{width:28px;height:28px;border-radius:6px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}
.icon-btn:hover{background:rgba(255,255,255,.3)}

/* Mobile: hide breadcrumb for English pages */
@media (max-width: 768px) {
  html[lang='en'] .breadcrumb { display: none !important; }
}