/* Shared Todd speech bubble for the landing page and featured blog story. */
  .todd-bubble {
    position: relative; width: fit-content; max-width: min(340px, 100%);
    margin: 0; padding: 12px 16px; border-radius: 18px;
    background: rgba(24,26,34,0.92); color: var(--text);
    box-shadow: 0 10px 28px rgba(137,180,250,0.12), inset 0 0 0 1px rgba(137,180,250,0.28);
    font: 500 min(0.8824rem, 24px)/1.4 Geist, sans-serif;
    transition: opacity 0.2s ease;
  }
  .todd-bubble.is-swapping { opacity: 0.2; }
  .todd-bubble::after {
    content: ''; position: absolute; bottom: -9px; left: var(--tail-x, 40px);
    width: 18px; height: 18px; margin-left: -9px; transform: rotate(45deg);
    background: rgb(24,26,34); border-radius: 0 0 4px 0;
    box-shadow: inset -1px -1px 0 0 rgba(137,180,250,0.28);
  }