/* ChatRD widget styles, in the v7 design system of "DR in the American
   Press" (pilot-site-v7/assets/style.css). Every color and font comes
   from the site's own tokens, so the widget follows the site's dark
   mode (body[data-theme="dark"] redefines the tokens) with no extra
   code. Fallbacks are the v7 light-theme values, used only if the
   widget is ever dropped on a page without the site stylesheet.
   Adapted from the ChatFYI widget stylesheet (deployment-12 pattern):
   same geometry, same states, crd- prefix. */
.crd-chat-btn{position:fixed;right:16px;bottom:16px;z-index:1200;display:flex;align-items:center;gap:8px;
  padding:11px 16px;border-radius:999px;border:1px solid var(--accent,#B8602F);cursor:pointer;
  background:var(--surface,#FDF9EF);color:var(--headline,#38220F);
  font-family:var(--font-b,"Manrope",ui-sans-serif,sans-serif);font-size:14px;font-weight:700;
  box-shadow:0 8px 24px rgba(0,0,0,.35)}
.crd-chat-btn:hover{border-color:var(--focus,#B8602F)}
.crd-chat-btn svg{flex:none}
.crd-chat-panel{position:fixed;right:16px;bottom:70px;z-index:1200;width:min(384px,calc(100vw - 24px));
  height:min(580px,calc(100dvh - 96px));display:none;flex-direction:column;overflow:hidden;
  border-radius:16px;border:1px solid var(--line,#D9C9A8);background:var(--surface,#FDF9EF);
  box-shadow:0 18px 48px rgba(0,0,0,.45);font-family:var(--font-b,"Manrope",ui-sans-serif,sans-serif)}
.crd-chat-panel.open{display:flex}
.crd-chat-head{padding:14px 16px 10px;border-bottom:1px solid var(--line,#D9C9A8);display:flex;gap:10px;align-items:flex-start}
.crd-chat-head h2{margin:0;font-family:var(--font-d,"Urbanist","Manrope",sans-serif);font-size:19px;color:var(--headline,#38220F)}
.crd-chat-head p{margin:2px 0 0;font-size:12.5px;color:var(--muted,#5C4632)}
.crd-chat-close{margin-left:auto;background:none;border:0;color:var(--muted,#5C4632);font-size:20px;cursor:pointer;line-height:1;padding:2px 4px}
.crd-chat-msgs{flex:1;overflow-y:auto;padding:14px 14px 6px;display:flex;flex-direction:column;gap:10px}
.crd-chat-msg{max-width:88%;padding:9px 12px;border-radius:12px;font-size:14px;line-height:1.45;white-space:normal;overflow-wrap:break-word}
.crd-chat-msg p{margin:0 0 9px}
.crd-chat-msg p:last-child{margin-bottom:0}
.crd-chat-msg.bot{align-self:flex-start;background:var(--soft,#EFE5CF);color:var(--ink,#2A1C11);border-bottom-left-radius:4px}
.crd-chat-msg.user{align-self:flex-end;background:var(--badge,#EFE5CF);color:var(--ink,#2A1C11);border-bottom-right-radius:4px}
.crd-chat-msg.thinking{color:var(--muted,#5C4632);font-style:italic}
.crd-chat-note{font:500 12px/1.5 "Manrope",system-ui,sans-serif;color:var(--muted,#5C4632);background:var(--soft,#EFE5CF);border:1px dashed var(--line,#D9C9A8);border-radius:10px;padding:8px 10px;align-self:flex-start;max-width:96%}
.crd-chat-chips{display:flex;flex-wrap:wrap;gap:6px;align-self:flex-start;max-width:96%}
.crd-chat-chip{display:inline-block;padding:5px 10px;border-radius:999px;border:1px solid var(--line,#D9C9A8);
  background:var(--bg,#F7F1E3);color:var(--accent-ink,#9A4E22);font-size:12.5px;font-weight:600;text-decoration:none}
.crd-chat-chip:hover{border-color:var(--accent,#B8602F)}
.crd-chat-chip small{color:var(--muted,#5C4632);font-weight:500}
.crd-chat-form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line,#D9C9A8)}
.crd-chat-input{flex:1;padding:10px 12px;border-radius:10px;border:1px solid var(--line,#D9C9A8);
  background:var(--bg,#F7F1E3);color:var(--ink,#2A1C11);font:inherit;font-size:14px}
.crd-chat-input:focus{outline:2px solid var(--focus,#B8602F);outline-offset:0}
.crd-chat-send{padding:10px 14px;border-radius:10px;border:0;cursor:pointer;font:inherit;font-weight:800;
  background:var(--accent,#B8602F);color:var(--on-accent,#FFF7EA)}
.crd-chat-send:disabled{opacity:.55;cursor:wait}
@media (max-width:480px){.crd-chat-panel{right:8px;bottom:64px}.crd-chat-btn{right:12px;bottom:12px}}