/* MCP im Satz und in den Farben der Emma-Produktkarten. */
#mcp .mcp-graphic{
  --mcp-dark:#1e4356;--mcp-soft:#d1e1e8;--mcp-head:#91b7c8;
  background:#fff;color:#1a1a1a;border:1px solid rgba(37,36,42,.085);
  border-radius:28px;box-shadow:0 16px 42px -16px rgba(27,29,26,.22),0 3px 12px rgba(27,29,26,.08);
  font-family:'Work Sans',sans-serif;
}
#mcp .mcp-graphic .mcp-demo-header{background:var(--mcp-head);color:var(--mcp-dark);padding:28px 32px;gap:18px;min-height:104px}
#mcp .mcp-graphic .mcp-demo-header h3{margin:0;font:300 38px/1.13 'Krevaro Serif',serif;letter-spacing:-.055em;color:var(--mcp-dark);text-align:left}
#mcp .mcp-graphic .mcp-service-label{color:var(--mcp-dark);font-size:24px}
#mcp .mcp-graphic .mcp-tabs{background:transparent;grid-template-columns:1fr 1fr;gap:8px;margin:28px 32px 0;padding:0;border:0;border-radius:0}
#mcp .mcp-graphic .mcp-tab{background:var(--mcp-soft);color:var(--mcp-dark);border:0;border-radius:9px;padding:12px 9px;min-height:48px;font:400 15px/1.4 'Work Sans',sans-serif;box-shadow:none;transform:none;transition:background .18s,color .18s}
#mcp .mcp-graphic .mcp-tab::before,#mcp .mcp-graphic .mcp-tab::after{display:none}
#mcp .mcp-graphic .mcp-tab:hover{background:var(--mcp-head);box-shadow:none}
#mcp .mcp-graphic .mcp-tab[aria-selected=true]{background:var(--mcp-dark);color:#fff;box-shadow:none}
#mcp .mcp-graphic .mcp-tab:focus-visible{outline:2px solid var(--mcp-dark);outline-offset:3px;box-shadow:none}
#mcp .mcp-graphic .mcp-chat-panel{padding:28px 32px 30px;min-height:365px}
#mcp .mcp-graphic .mcp-chat-messages{gap:26px}
#mcp .mcp-graphic .mcp-message-user{margin:0;max-width:none;padding:22px 24px;background:var(--mcp-soft);border:0;border-radius:18px;color:var(--mcp-dark)}
#mcp .mcp-graphic .mcp-message-label{color:var(--mcp-dark);font-size:15px;margin-bottom:10px}
#mcp .mcp-graphic .mcp-message-user p{color:var(--mcp-dark);font:300 25px/1.2 'Krevaro Serif',serif;letter-spacing:-.045em;text-wrap:pretty}
#mcp .mcp-graphic .mcp-message-assistant{padding:0;max-width:none;color:#1a1a1a;font:400 16px/1.55 'Work Sans',sans-serif}
#mcp .mcp-graphic .mcp-response-label{color:#1a1a1a;font-size:15px;margin-bottom:10px}
#mcp .mcp-graphic .mcp-response-dot{background:var(--mcp-dark);border:0;width:7px;height:7px}
#mcp .mcp-graphic [data-mcp-reply]{color:#1a1a1a}
#mcp .mcp-graphic .mcp-example-label{border:0;border-radius:7px;background:var(--mcp-soft);color:var(--mcp-dark);font:400 15px/1.4 'Work Sans',sans-serif;letter-spacing:0;padding:7px 11px;margin-top:20px}
#mcp .mcp-graphic .mcp-demo-footer{padding:22px 32px;gap:13px;background:var(--mcp-head);color:var(--mcp-dark);border:0}
#mcp .mcp-graphic .mcp-demo-footer p,#mcp .mcp-graphic .mcp-footer-arrow{color:var(--mcp-dark)}
@media(max-width:1100px) and (min-width:801px){#mcp .mcp-graphic .mcp-demo-header,#mcp .mcp-graphic .mcp-demo-footer,#mcp .mcp-graphic .mcp-chat-panel{padding-inline:22px}#mcp .mcp-graphic .mcp-tabs{margin-inline:22px}#mcp .mcp-graphic .mcp-demo-header h3{font-size:32px}}
@media(max-width:480px){
  #mcp .mcp-graphic{border-radius:20px}
  #mcp .mcp-graphic .mcp-demo-header{padding:23px 18px;min-height:90px}
  #mcp .mcp-graphic .mcp-demo-header h3{font-size:30px}
  #mcp .mcp-graphic .mcp-service-label{font-size:21px}
  #mcp .mcp-graphic .mcp-tabs{margin:20px 18px 0;gap:7px}
  #mcp .mcp-graphic .mcp-tab{padding:10px 6px;min-height:48px;overflow-wrap:anywhere}
  #mcp .mcp-graphic .mcp-chat-panel{padding:20px 18px 24px;min-height:380px}
  #mcp .mcp-graphic .mcp-message-user{padding:20px 18px;border-radius:15px}
  #mcp .mcp-graphic .mcp-message-user p{font-size:25px}
  #mcp .mcp-graphic .mcp-demo-footer{padding:20px 18px}
}
@media(prefers-reduced-motion:reduce){#mcp .mcp-graphic .mcp-tab{transition:none}}