/* Fahrner conversation workbench: orange signal, graphite type, white paper. */
#hoila-demo{--signal:#ef7c27;--ink:#303236;--muted:#60656b;--line:#dce0e3;max-width:1240px!important;width:calc(100% - 64px);margin:48px auto 80px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start;box-sizing:border-box}
#hoila-demo *,.hoila-demo-widget *{box-sizing:border-box}
#hoila-demo .hoila-kicker{font:700 12px/1.4 ui-monospace,monospace;letter-spacing:.18em;color:#a94708;margin:12px 0 36px}
#hoila-demo h3{font-family:'Arial Narrow',Arial,sans-serif;font-size:clamp(36px,4vw,60px);line-height:1.04;letter-spacing:-.045em;font-weight:750;margin:0 0 28px;color:#303236}
#hoila-demo h3 em{font-style:normal;color:#b94c08}
#hoila-demo .hoila-lead{font-size:18px;line-height:1.6;max-width:410px;margin:0 0 32px}
#hoila-demo button{font-family:inherit;cursor:pointer}
.hoila-demo-controls{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
#hoila-mode{background:#303236;color:white;border:0;border-radius:8px;padding:14px 20px;font-size:14px;font-weight:700;min-height:44px}
.hoila-demo-controls span{font-size:12px;color:#60656b}
#hoila-demo .hoila-local-note{font-size:12px;line-height:1.6;color:#60656b;border-left:3px solid #ef7c27;padding-left:16px;margin-top:30px}
#hoila-demo details{border-top:1px solid #dce0e3;margin-top:24px;padding-top:16px;font-size:13px;line-height:1.6}
#hoila-demo summary{cursor:pointer;font-weight:700}
#hoila-mount{min-width:0}
.hoila-question-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
#hoila-demo .hoila-question-row button{border:1px solid #c9ced2;background:#fff;color:#42474b;font-size:12px;padding:10px 12px;border-radius:20px;min-height:44px}
#jamal-chat.hoila-demo-widget{width:400px;height:min(760px,calc(100dvh - 112px));border:1px solid #dce0e3;border-radius:18px;background:#fff;box-shadow:0 18px 60px #27303b24;overflow:hidden;font:14px/1.5 Arial,Helvetica,sans-serif}
#jamal-chat.hoila-large-chat{position:relative;inset:auto!important;width:100%;height:650px;max-height:none;z-index:1}
.hoila-demo-widget #jamal-header{background:#fff;color:#303236;border-bottom:1px solid #e7e8eb;padding:20px 22px;min-height:78px;flex-shrink:0}
.hoila-demo-widget #jamal-header span:first-child{color:#303236}
.hoila-demo-widget .hoila-logo{font-size:23px;letter-spacing:-.04em;font-weight:750}
.hoila-demo-widget #jamal-close{color:#303236;min-width:44px;min-height:44px;text-align:center;font-size:28px}
.hoila-demo-widget #jamal-messages{flex:1;min-height:0;background:#f7f8f9;padding:24px;overflow-y:auto;overscroll-behavior:contain}
.hoila-demo-widget .jamal-message{max-width:92%;font-size:14px;line-height:1.6;overflow-wrap:anywhere;border-radius:12px;padding:15px 18px;margin-bottom:16px;box-shadow:none}
.hoila-demo-widget .jamal-message.bot{background:white;color:#303236;border:1px solid #e1e4e7;border-left:3px solid #ef7c27}
.hoila-demo-widget .jamal-message.user{background:#303236;color:white}
.hoila-demo-widget .jamal-message a{color:#aa4405;text-decoration:underline}
.hoila-demo-widget #jamal-input-area{padding:14px;gap:8px;border-top:1px solid #e1e4e7;flex-shrink:0;background:white}
.hoila-demo-widget #jamal-input{min-width:0;background:#f3f4f5;border:1px solid #b9c0c5;border-radius:8px;font-size:16px;color:#303236;padding:12px}
.hoila-demo-widget #jamal-send{background:#b84b08;color:white;border-radius:8px;padding:12px;font-weight:700;min-height:46px}
.hoila-demo-widget .hoila-privacy-notice{background:white;font-size:10px;line-height:1.4;padding:0 16px 12px;flex-shrink:0;color:#63676b}
#hoila-expand{margin-left:auto;margin-right:8px;min-height:44px;border:1px solid #c9ced2;border-radius:7px;background:#f1f3f4;color:#303236;font:700 12px Arial,sans-serif;padding:8px 12px;cursor:pointer}
#hoila-expand[hidden]{display:none}
#hoila-actions{display:grid;grid-template-columns:1fr .85fr 1.45fr;gap:6px;border-top:1px solid #e7e8eb;padding:12px 14px 6px;background:white;flex-shrink:0}
#hoila-actions a{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;background:#f1f3f4;border:1px solid #d4d9dc;border-radius:7px;color:#34383c;font-size:12px;font-weight:700;min-height:44px;padding:8px 5px}
#hoila-actions a:last-child{background:#fff0e5;border-color:#edbd9a;color:#984006}
.hoila-action-note{margin:0!important;padding:5px 16px 12px!important;font-size:9px!important;line-height:1.4!important;color:#666!important;background:white;flex-shrink:0}
.hoila-demo-page :is(button,a,input,summary,[role=button]):focus-visible{outline:3px solid #176895!important;outline-offset:3px}
@media(max-width:800px){#hoila-demo{grid-template-columns:1fr;gap:28px;width:calc(100% - 32px);margin:24px auto 40px}#hoila-demo .hoila-kicker{margin-bottom:20px}#hoila-demo h3{font-size:42px}#hoila-demo .hoila-lead{font-size:16px}#jamal-chat.hoila-large-chat{height:640px}#jamal-chat.hoila-demo-widget:not(.hoila-large-chat){right:10px!important;left:10px!important;bottom:80px!important;width:calc(100% - 20px);height:min(660px,calc(100dvh - 100px))}.hoila-demo-widget #jamal-messages{padding:16px}.hoila-demo-widget .hoila-privacy-notice{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hoila-demo-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Only the native live-demo section changes layout; other landing sections stay intact. */
#hoila-live .hoila-live-grid{grid-template-columns:minmax(0,1fr);gap:36px}
#hoila-live #hoila-demo{width:100%;margin:0;gap:48px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);font-family:inherit}
#hoila-live #hoila-demo h3{font-family:inherit;font-size:clamp(32px,3vw,46px)}
#hoila-live #hoila-demo .hoila-kicker{margin-top:0;margin-bottom:24px}
@media(max-width:800px){#hoila-live #hoila-demo{grid-template-columns:minmax(0,1fr);gap:28px}#hoila-live .hoila-live-grid{gap:28px}}