/* Mary Jane glow-up styles — scoped to .mj-* selectors ONLY.
   The widget ships on every page, so nothing here may touch non-.mj- selectors. */
.mj-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}
.mj-chip{font:inherit;font-size:.85rem;line-height:1.3;color:#17392f;background:#f7f5ed;border:1px solid #93a880;border-radius:999px;padding:.42rem .85rem;cursor:pointer}
.mj-chip:hover{background:#e9e4d2;border-color:#42654b}
.mj-chip:focus-visible{outline:2px solid #42654b;outline-offset:2px}
.mj-typing{display:inline-flex;align-items:center;gap:6px;padding:.5rem .1rem}
.mj-typing[hidden]{display:none}
.mj-typing span{width:8px;height:8px;border-radius:50%;background:#42654b;animation:mj-dot 1.2s ease-in-out infinite}
.mj-typing span:nth-child(2){animation-delay:.2s}
.mj-typing span:nth-child(3){animation-delay:.4s}
@keyframes mj-dot{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.mj-typing span{animation:none;opacity:.7}}
/* Plate-style figure card (field-study plate vibe): thin ink border, paper background. */
.mj-plate{background:#f7f5ed;border:1px solid #17392f;border-radius:10px;padding:1rem;margin:1rem 0}
.mj-plate figure{margin:0}
.mj-plate img{display:block;max-width:100%;height:auto;border-radius:6px}
.mj-plate figcaption{font-size:.85rem;color:#42654b;margin-top:.5rem}