/* Native IHK chrome around the dedicated bot page. Footer follows the chat. */
body.page-view,body.page-view.chatting{display:block;height:auto;min-height:100dvh;overflow:visible}
.ihk-site-header .page-header{position:relative!important;top:auto!important;width:100%;height:132px}
body.page-view main,body.page-view.chatting main,body.page-view.onboarding main{height:calc(var(--bot-screen-height,100dvh) - 132px);min-height:900px;display:flex;flex-direction:column;overflow:hidden;margin:0;padding:0 36px 28px;max-width:none}
.bot-navigation{display:flex;align-items:center;gap:24px;min-height:58px;flex-shrink:0;border-bottom:1px solid var(--line);font-size:15px;color:var(--navy)}
.bot-navigation>a{font-size:14px;text-decoration:none}.bot-navigation>span{font:23px Korb,Arial,sans-serif;margin-left:8px}.bot-navigation .language{margin-left:auto!important}
body.page-view .chat-toolbar{min-height:46px;padding:7px 0;font-weight:400}
body.page-view .chat-toolbar h1{display:none}
body.page-view .chat-toolbar>div{margin-left:auto}
body.page-view .welcome{padding-top:22px}
body.page-view .welcome h1{font-size:40px;line-height:1.18}
body.page-view .chat-entry{margin:auto;flex-shrink:1}
body.page-view .conversation{padding-top:22px}
body.page-view .compose-area{margin-top:auto}
body.page-view .page-footer{margin-top:0;flex-shrink:0}
/* IHK section spacing applies to articles; chat sections keep their own rhythm. */
body.page-view main>section{margin:0;border:0}
body.page-view .welcome{padding:44px 0!important;overflow:auto;min-height:0;flex:1}
body.page-view .compose-area{padding:0!important;flex-shrink:0}
body.page-view .conversation{padding:36px 0!important;flex:1;min-height:0}
body.page-view .chat-entry{padding:20px 0!important}
@media(max-width:650px){.ihk-site-header .page-header{height:100px}body.page-view main,body.page-view.chatting main,body.page-view.onboarding main{height:calc(var(--bot-screen-height,100dvh) - 100px);min-height:840px;padding:0 18px 8px}.bot-navigation{gap:16px;min-height:54px;font-size:14px}.bot-navigation>a{font-size:12px}.bot-navigation>span{font-size:19px;margin-left:0}body.page-view .welcome{padding-top:16px}body.page-view .welcome h1{font-size:29px}body.page-view .chat-toolbar{min-height:45px}body.page-view .chat-toolbar>div{margin:0;width:100%;justify-content:space-between}body.page-view .chat-toolbar button{font-size:12px;padding:7px 3px}}

/* More working room in the bot area, retaining native IHK chrome. */
body.page-view .welcome h1{margin-bottom:26px}
body.page-view .intro{margin-bottom:34px}
body.page-view .prompts{gap:16px 36px}
body.page-view .prompt{min-height:82px;padding:22px 0}
body.page-view .turn{margin-bottom:40px}
body.page-view .assistant-message p{margin-bottom:20px}
body.page-view .assistant-message li{margin:14px 0}
body.page-view .composer{padding:18px 22px}
body.page-view .compose-area{padding-top:24px!important}
@media(max-width:650px){body.page-view .welcome{padding:28px 0!important}body.page-view .prompts{gap:10px}body.page-view .prompt{min-height:72px;padding:18px 0}body.page-view .composer{padding:14px}body.page-view .conversation{padding:26px 0!important}}
/* Normal IHK page flow, with a spacious centred bot area. */
body.page-view main,body.page-view.chatting main,body.page-view.onboarding main{display:block;height:auto;min-height:0;max-width:1160px;width:100%;margin:0 auto;padding:0 36px 44px;overflow:visible}
body.page-view .welcome{overflow:visible;min-height:0;flex:none;padding:44px 0 36px!important}
body.page-view .conversation{overflow:visible;max-height:none;min-height:0;flex:none;padding:36px 0!important}
body.page-view .compose-area{margin:0;padding-top:8px!important}
body.page-view .chat-entry{margin:0 auto;min-height:0;padding:48px 0!important}
@media(max-width:650px){body.page-view main,body.page-view.chatting main,body.page-view.onboarding main{padding:0 20px 32px}body.page-view .welcome{padding:30px 0!important}body.page-view .conversation{padding:26px 0!important}}
/* Demo identification and non-blocking feedback invitation. */
body.page-view .demo-note{display:flex;justify-content:space-between;gap:12px;padding:12px 0;color:var(--muted);font-size:14px;border-bottom:1px solid var(--line)}
body.page-view .demo-note a{color:var(--navy);white-space:nowrap}
body.page-view .feedback-invitation{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 28px;padding:24px;background:var(--pale);border-left:3px solid var(--navy)}
body.page-view .feedback-invitation h2{font-size:24px;margin:0 0 8px}
body.page-view .feedback-invitation p{margin:0}
body.page-view .feedback-invitation-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
body.page-view .feedback-invitation-actions a{padding:12px 18px;border-radius:6px;background:var(--navy);color:white;text-decoration:none;white-space:nowrap}
body.page-view .feedback-invitation-actions button{border:0;background:transparent;color:var(--navy);padding:12px;cursor:pointer;white-space:nowrap}
@media(max-width:650px){body.page-view .demo-note{flex-wrap:wrap}body.page-view .feedback-invitation{align-items:flex-start;flex-direction:column;padding:20px;gap:16px}}