:root{color-scheme:light;--iframe-accent:#8b6a2f;--iframe-background:#f5f3ee;--iframe-surface:#fff;--iframe-text:#26231f;--iframe-border:#dcd6ca;--iframe-border-width:1px;--bg:var(--iframe-background);--panel:var(--iframe-surface);--panel-2:color-mix(in srgb,var(--iframe-surface) 88%,var(--iframe-background));--text:var(--iframe-text);--muted:color-mix(in srgb,var(--iframe-text) 64%,var(--iframe-background));--border:var(--iframe-border);--radius:14px;--content-space:22px;--outer-space:14px;--head-space:19px;--composer-block:14px;--composer-inline:18px;--footer-block:10px;--footer-inline:18px;--iframe-shadow:0 14px 36px rgba(38,35,31,.12)}
html[data-theme="dark"]{color-scheme:dark}
html[data-radius="compact"]{--radius:5px}html[data-radius="round"]{--radius:24px}
html[data-shadow="none"]{--iframe-shadow:none}html[data-shadow="strong"]{--iframe-shadow:0 24px 70px rgba(0,0,0,.28)}
html[data-spacing="compact"]{--content-space:15px;--outer-space:8px;--head-space:13px;--composer-block:10px;--composer-inline:13px;--footer-block:8px;--footer-inline:13px}html[data-spacing="spacious"]{--content-space:30px;--outer-space:22px;--head-space:26px;--composer-block:20px;--composer-inline:25px;--footer-block:14px;--footer-inline:25px}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{padding:var(--outer-space);background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,textarea{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.public-expert-shell{display:grid;grid-template-rows:auto minmax(260px,1fr) auto auto;min-height:calc(100vh - (2 * var(--outer-space)));max-width:920px;margin:0 auto;overflow:hidden;background:var(--panel);border:var(--iframe-border-width) solid var(--border);border-radius:var(--radius);box-shadow:var(--iframe-shadow)}
.public-expert-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:var(--head-space) var(--content-space);border-bottom:1px solid var(--border)}
.public-expert-head span{display:block;margin-bottom:2px;color:var(--iframe-accent);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.public-expert-head h1{margin:0;font-size:1.14rem;font-weight:650}
.icon-button{width:38px;height:38px;border:1px solid var(--border);border-radius:50%;background:var(--panel-2);color:var(--text);cursor:pointer}.icon-button:hover{border-color:var(--iframe-accent)}
.public-chat{display:flex;flex-direction:column;gap:14px;min-height:300px;padding:var(--content-space);overflow:auto}
.message{max-width:min(82%,680px);padding:12px 14px;border-radius:var(--radius);white-space:pre-wrap;overflow-wrap:anywhere}.message.assistant{align-self:flex-start;background:var(--panel-2);border:1px solid var(--border)}.message.user{align-self:flex-end;background:var(--iframe-accent);color:#fff}.public-chat[data-layout="reading"] .message{align-self:stretch;max-width:none}.public-chat[data-layout="reading"] .message.user{background:transparent;color:var(--iframe-accent);border-left:3px solid var(--iframe-accent);border-radius:0;font-style:italic;padding-block:6px}
.answer-content{white-space:normal}.message.user .answer-content{white-space:pre-wrap}.answer-content>:first-child{margin-top:0}.answer-content>:last-child{margin-bottom:0}.answer-content p{margin:.45em 0}.answer-content h1,.answer-content h2,.answer-content h3,.answer-content h4{margin:.8em 0 .35em;line-height:1.25}.answer-content h1{font-size:1.3em}.answer-content h2{font-size:1.18em}.answer-content h3{font-size:1.08em}.answer-content ul,.answer-content ol{margin:.45em 0;padding-left:1.45em}.answer-content li+li{margin-top:.2em}.answer-content blockquote{margin:.65em 0;padding:.2em 0 .2em .8em;border-left:3px solid var(--iframe-accent);color:var(--muted)}.answer-content pre{max-width:100%;margin:.65em 0;padding:.75em;overflow:auto;border:1px solid var(--border);border-radius:calc(var(--radius) * .65);background:var(--bg);white-space:pre}.answer-content code{padding:.08em .28em;border-radius:4px;background:var(--bg);font:0.9em/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.answer-content pre code{padding:0;background:transparent}.answer-content table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.answer-content th,.answer-content td{padding:.35em .5em;border:1px solid var(--border);text-align:left}.answer-content a{color:var(--iframe-accent)}
.answer-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--muted) 35%,transparent)}.ai-notice{display:block;flex:1;color:var(--muted);font-size:.72rem;font-style:normal}.sources{display:grid;gap:4px;margin:9px 0 0;padding:9px 0 0;border-top:1px solid var(--border);color:var(--muted);font-size:.75rem}.sources strong{color:var(--text)}
.answer-tools{display:flex;flex:0 0 auto}.read-button{border:0;background:transparent;color:var(--iframe-accent);font-size:.78rem;cursor:pointer}
.public-composer{padding:var(--composer-block) var(--composer-inline);border-top:1px solid var(--border);background:var(--panel)}.public-composer textarea{display:block;width:100%;min-height:62px;max-height:180px;resize:vertical;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2);color:var(--text);outline:none}.public-composer textarea:focus{border-color:var(--iframe-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--iframe-accent) 18%,transparent)}
.composer-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:9px}.composer-actions button{min-height:38px;padding:7px 16px;border:1px solid var(--iframe-accent);border-radius:999px;background:var(--iframe-accent);color:#fff;cursor:pointer}.composer-actions .secondary-action{background:transparent;color:var(--iframe-accent)}.composer-actions button:disabled{opacity:.55;cursor:wait}.action-icon{display:none}.action-icon svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.public-status{min-height:1.2em;margin:5px 0 0;color:var(--muted);font-size:.78rem}.public-status.is-error{color:#b23b3b}
.public-footer{display:flex;justify-content:space-between;gap:12px;padding:var(--footer-block) var(--footer-inline);border-top:1px solid var(--border);color:var(--muted);font-size:.72rem}.public-footer nav{display:flex;gap:12px}.public-footer a{color:inherit}.mmc-copyright{white-space:nowrap}
@media(max-width:620px){:root{--outer-space:8px}.public-expert-head,.public-chat{padding:16px}.message{max-width:92%}.public-footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:no-preference){.message{animation:message-in .18s ease-out}@keyframes message-in{from{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:none}}}

/* Kompakte iFrame-Veröffentlichung. Die bisherige große Hintergrundfläche
   bleibt als schmaler, konfigurierbarer Farbrahmen sichtbar. */
html[data-view="compact"],html[data-view="compact"] body{height:100%;min-height:100%}
html[data-view="compact"] body{padding:0;background:transparent;font-size:14px;font-weight:300}
html[data-view="compact"] .public-expert-shell{position:relative;grid-template-rows:minmax(0,1fr) auto;width:100%;min-height:100%;height:100%;max-width:none;border:var(--iframe-border-width) solid var(--iframe-border);border-radius:var(--radius);box-shadow:none}
html[data-view="compact"] .public-expert-head{position:absolute;z-index:2;top:7px;right:7px;padding:0;border:0}
html[data-view="compact"] .public-expert-head>div{display:none}
html[data-view="compact"] .icon-button{width:30px;height:30px}
html[data-view="compact"] .public-chat{gap:8px;min-height:0;padding:10px}
html[data-view="compact"] .public-chat>.message:first-child{padding-right:38px}
html[data-view="compact"] .message{align-self:stretch;max-width:none;padding:7px 0;border-radius:0}
html[data-view="compact"] .message.assistant{background:transparent;border:0}
html[data-view="compact"] .message.user{background:color-mix(in srgb,var(--iframe-accent) 11%,var(--panel));color:var(--text);border-left:2px solid var(--iframe-accent);padding-inline:9px}
html[data-view="compact"] .answer-content strong,
html[data-view="compact"] .answer-content b{font-weight:600}
html[data-view="compact"] .answer-content h1,
html[data-view="compact"] .answer-content h2,
html[data-view="compact"] .answer-content h3,
html[data-view="compact"] .answer-content h4{font-weight:500}
html[data-view="compact"] .answer-meta{gap:6px;margin-top:6px;padding-top:5px}
html[data-view="compact"] .answer-meta .read-button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--iframe-accent);border-radius:50%;background:transparent}
html[data-view="compact"] .sources{margin-top:6px;padding-top:6px}
html[data-view="compact"] .public-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:8px 10px}
html[data-view="compact"] .public-composer textarea{width:100%;min-height:58px;max-height:110px;padding:9px 10px;resize:vertical}
html[data-view="compact"] .composer-actions{align-items:center;align-self:stretch;justify-content:flex-end;gap:5px;margin:0}
html[data-view="compact"] .composer-actions button{display:inline-grid;place-items:center;width:34px;height:34px;min-height:34px;padding:0}
html[data-view="compact"] .composer-actions button[hidden]{display:none}
html[data-view="compact"] .action-label{display:none}
html[data-view="compact"] .action-icon{display:block}
html[data-view="compact"] .public-status{grid-column:1 / -1;min-height:0;margin:0;font-size:.72rem}
html[data-view="compact"] .public-status:empty{display:none}
html[data-view="compact"] .public-footer{display:none}
