.blog-guide{--guide-ink:#172b4d;--guide-paper:#fff;--guide-wash:#f1f5fb;--guide-line:#d8e1ee;position:fixed;right:24px;bottom:24px;z-index:1050;color:var(--guide-ink);font:14px/1.5 system-ui,-apple-system,sans-serif;text-align:left}
.blog-guide *{box-sizing:border-box}.blog-guide [hidden]{display:none!important}.blog-guide button,.blog-guide input,.blog-guide textarea,.blog-guide select{font:inherit}.blog-guide button{cursor:pointer}.blog-guide a{color:#254ead}.blog-guide-launch{display:flex;align-items:center;gap:12px;padding:10px 18px 10px 10px;border:1px solid #b9cae3;border-radius:40px;background:#fff;color:#152d52;box-shadow:0 10px 30px #07172e22;font-weight:650;text-align:left}.blog-guide-launch small{display:block;font-size:11px;font-weight:400;color:#536984}.blog-guide-mark{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;font-weight:800;letter-spacing:-2px;background:#e0eaff;color:#2856bb;font-size:21px}
.blog-guide-panel{width:400px;height:min(700px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #bacce4;border-radius:22px;background:var(--guide-paper);box-shadow:0 18px 70px #05152d44}.blog-guide-head{display:flex;align-items:center;gap:12px;padding:18px;background:linear-gradient(135deg,#0e1b35,#193764);color:#fff}.blog-guide-head h2{margin:0;font-size:16px;font-weight:700;color:#fff}.blog-guide-head p{margin:4px 0 0;font-size:11px;color:#c7d7f1}.blog-guide-head .blog-guide-mark{background:#ffffff15;color:#b7cfff}.blog-guide-close{margin-left:auto;border:0;background:transparent;color:#fff;font-size:25px!important;width:34px;height:36px;border-radius:8px}.blog-guide-toolbar{display:flex;gap:8px;align-items:center;padding:9px 14px;border-bottom:1px solid var(--guide-line);font-size:11px}.blog-guide-toolbar label{margin:0;font-weight:500}.blog-guide-toolbar select{border:0;background:#f1f5fb;color:#1c365c;border-radius:6px;padding:5px;min-width:0;max-width:110px}.blog-guide-toolbar button{border:0;background:transparent;color:#31588f;font-size:11px;padding:5px}.blog-guide-voice{margin-left:auto}.blog-guide-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px;scrollbar-width:thin}.blog-guide-bubble{max-width:96%;margin:0 0 12px;padding:13px 15px;border:1px solid var(--guide-line);border-radius:16px 16px 16px 4px;background:var(--guide-wash);color:var(--guide-ink);white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.65}.blog-guide-bubble.is-user{margin-left:auto;border:0;border-radius:16px 16px 4px 16px;background:#234f9d;color:white}.blog-guide-bubble p{margin:0}.blog-guide-listen{display:inline-flex;border:0;background:transparent;color:#355b9b;padding:6px 0 0;font-size:11px!important}.blog-guide-topics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:15px 0}.blog-guide-topics button{border:1px solid #cddbed;border-radius:10px;background:white;color:#254b84;padding:9px;text-align:left;font-size:12px}.blog-guide-links{display:flex;flex-wrap:wrap;gap:7px 14px;margin:12px 0;font-size:11px}.blog-guide-links a{text-decoration:none}.blog-guide-status{margin:0;padding:0 18px;color:#96311d;font-size:12px;min-height:0}.blog-guide-status:not(:empty){padding:9px 18px;background:#fff4ec}.blog-guide-compose{display:flex;gap:10px;padding:12px 14px;border-top:1px solid var(--guide-line);margin:0}.blog-guide-compose textarea{resize:none;width:100%;min-height:46px;max-height:90px;padding:10px 12px;border:1px solid #c5d4e8;border-radius:12px;background:#fff;color:#172b4d;font-size:13px}.blog-guide-compose button{align-self:center;flex:0 0 38px;height:38px;border:0;border-radius:12px;background:#254fac;color:#fff;font-size:23px}.blog-guide-notice{padding:0 16px 12px;color:#69778b;font-size:10px;line-height:1.5}.blog-guide button:disabled{opacity:.55;cursor:wait}.blog-guide button:focus-visible,.blog-guide a:focus-visible,.blog-guide input:focus-visible,.blog-guide select:focus-visible,.blog-guide textarea:focus-visible{outline:3px solid #6e99f2;outline-offset:2px}.blog-guide-draft,.blog-guide-review,.blog-guide-otp{border-top:1px solid var(--guide-line);padding-top:15px;margin-top:15px}.blog-guide h3{font-size:17px;color:#19365e;margin:0 0 9px}.blog-guide-draft p,.blog-guide-otp p,.blog-guide-review p{font-size:12px;color:#546681}.blog-guide-draft label,.blog-guide-otp label{display:block;font-size:12px;font-weight:600;margin:10px 0}.blog-guide-draft input:not([type=checkbox]),.blog-guide-draft textarea,.blog-guide-draft select,.blog-guide-otp input{display:block;width:100%;padding:9px;margin-top:5px;border:1px solid #bacde5;border-radius:8px;background:white;color:#172b4d;resize:vertical}.blog-guide .blog-guide-consent{font-size:11px;font-weight:400}.blog-guide-consent input{display:inline}.blog-guide-actions{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.blog-guide-actions button{border:1px solid #2851a9;border-radius:8px;background:#2851a9;color:white;padding:8px 12px;font-size:12px}.blog-guide-actions .blog-guide-secondary{background:white;color:#2851a9}.blog-guide-review blockquote{margin:10px 0;padding:12px;border-left:3px solid #3e6cc4;background:#f0f5fc;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.blog-guide-otp input{font:23px monospace;letter-spacing:7px}.blog-guide-otp small{font-size:11px;color:#526783}.blog-guide-honey,.blog-guide-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}.blog-guide-captcha{overflow-x:auto;max-width:100%}
@media(max-width:600px){.blog-guide{right:12px;bottom:12px}.blog-guide-panel{width:min(400px,calc(100vw - 24px));height:min(650px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);border-radius:18px}.blog-guide-head{padding:13px}.blog-guide-body{padding:14px}.blog-guide-launch{padding-right:14px}.blog-guide-launch small{display:none}}
@media(prefers-reduced-motion:no-preference){.blog-guide-panel{animation:guide-arrive .24s ease-out}@keyframes guide-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}
/* Compact, readable overlay independent of the blog's global heading styles. */
body .blog-guide .blog-guide-panel{width:360px;height:min(540px,calc(100dvh - 40px));max-height:calc(100dvh - 40px)}
body .blog-guide .blog-guide-head{padding:13px 15px}
body .blog-guide .blog-guide-head h2{color:#fff!important;font-size:15px;line-height:1.35;margin:0}
body .blog-guide .blog-guide-head p{color:#d4e1f5!important;font-size:10px;line-height:1.5;margin:3px 0 0}
body .blog-guide .blog-guide-avatar{width:46px;height:46px;flex:0 0 46px;object-fit:cover;object-position:center 32%;border:2px solid #d5e3fa;border-radius:14px;display:block}
body .blog-guide .blog-guide-body{padding:14px}
body .blog-guide .blog-guide-bubble{padding:11px 13px;font-size:12px;line-height:1.6}
body .blog-guide .blog-guide-topics{gap:6px;margin:11px 0}
body .blog-guide .blog-guide-topics button{padding:7px 8px;font-size:11px}
body .blog-guide .blog-guide-compose{padding:10px 12px}
body .blog-guide .blog-guide-notice{font-size:9px;padding-bottom:9px}
@media(max-width:600px){body .blog-guide .blog-guide-panel{width:min(360px,calc(100vw - 24px));height:min(510px,calc(100dvh - 24px));max-height:calc(100dvh - 24px)}}
/* Translate the widget independently of the page and keep long labels usable. */
.blog-guide[dir="rtl"],.blog-guide[dir="rtl"] .blog-guide-launch,.blog-guide[dir="rtl"] .blog-guide-topics button{text-align:right}
.blog-guide[dir="rtl"] .blog-guide-close,.blog-guide[dir="rtl"] .blog-guide-voice{margin-left:0;margin-right:auto}
.blog-guide[dir="rtl"] .blog-guide-bubble{border-radius:16px 16px 4px 16px}
.blog-guide[dir="rtl"] .blog-guide-bubble.is-user{margin-left:0;margin-right:auto;border-radius:16px 16px 16px 4px}
.blog-guide[dir="rtl"] .blog-guide-review blockquote{border-left:0;border-right:3px solid #3e6cc4}
.blog-guide .blog-guide-toolbar{flex-wrap:wrap;row-gap:2px}
.blog-guide .blog-guide-toolbar label,.blog-guide .blog-guide-toolbar button{white-space:normal}
.blog-guide .blog-guide-head>div{min-width:0;overflow-wrap:anywhere}
.blog-guide .blog-guide-consent{display:flex;align-items:flex-start;gap:7px}
.blog-guide .blog-guide-consent input{flex:0 0 auto;margin-top:3px}