/* Warkan introduction and companion beside the chat. */
.blog-post-page article.post.warkan-page h1 { text-align:left; margin:0 0 18px; font-size:32px; }
.warkan-page-actions { display:flex; justify-content:flex-end; margin:10px 0 38px; }
.warkan-page-actions .btn { border-radius:24px; padding:7px 22px; background:#deded2; border:1px solid #d0d0c4; font-size:13px; color:#454a3e; }
.warkan-stage { position:relative; display:grid; grid-template-columns:minmax(100px,.4fr) minmax(0,1fr); align-items:end; margin:0 0 18px; }
.blog-post-page article.post.warkan-page .warkan-page-image { position:relative; z-index:2; transform:none; width:150%; max-width:none; margin:0 0 28px !important; float:none !important; pointer-events:none; }
.warkan-page-image video { display:block; width:100%; height:auto; transform:scaleX(-1); }
.blog-post-page .warkan-page #warkan-chat { width:100%; min-width:0; box-sizing:border-box; margin:0; padding:7px; border:2px solid #dedbd2; border-radius:24px; background:#f1efe8; box-shadow:0 0 0 3px #f8f7f2; }
.warkan-page #warkan-log { box-sizing:border-box; height:600px; padding:16px; margin:0 0 8px; background:#fff; border:1px solid #e8e5dd; border-radius:18px; }
.warkan-page .warkan-msg { font-size:13px; line-height:1.5; border-radius:16px; }
.warkan-page .warkan-bot { background:#f2f0e9; }
.warkan-page .warkan-input-row input { min-width:0; border-radius:24px; font-size:13px; }
.warkan-page .warkan-input-row button { border-radius:24px; background:#dcd9cf; color:#34352e; }
@media(max-width:760px) {
 .warkan-stage { grid-template-columns:90px minmax(0,1fr); }
 .blog-post-page article.post.warkan-page .warkan-page-image { transform:none; width:165%; margin:0 0 45px !important; }
 .warkan-page #warkan-log { height:495px; padding:10px; }
}
@media(max-width:450px) {
 .warkan-stage { grid-template-columns:1fr; }
 .blog-post-page article.post.warkan-page .warkan-page-image { transform:none; width:140px; margin:0 0 -40px 12px !important; }
}

/* Shift the companion left without moving the chat. */
.blog-post-page article.post.warkan-page .warkan-page-image { transform:translateX(-1.5cm); }