/* Dreaming band (ported from the midway Dreaming section, restyled for this family) */
.dream { position: relative; overflow: hidden; text-align: center; border-radius: 28px; border: 1px solid rgba(185,171,247,0.22); background: linear-gradient(150deg, #221A5E 0%, #14104A 78%); color: #EFEBFD; padding: clamp(48px, 6vw, 84px) 40px; }
.dream__fx { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }
.dream__inner { position: relative; z-index: 1; display: grid; justify-items: center; gap: 18px; }
.dream__tag { display: inline-flex; align-items: center; gap: 8px; font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: #B9ABF7; border: 1px solid rgba(185,171,247,0.35); border-radius: 999px; padding: 8px 16px; }
.dream__glow { font-style: normal; background: linear-gradient(90deg, #B9ABF7 0%, #8FCFB0 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.dream__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 10px; width: 100%; max-width: 900px; }
@media (max-width: 800px) { .dream__cards { grid-template-columns: 1fr; max-width: 420px; } }
.dream-card { display: flex; align-items: center; gap: 10px; text-align: left; background: rgba(255,255,255,.05); border: 1px solid rgba(230,225,248,.16); border-radius: 14px; padding: 15px 17px; transition: background .5s ease, border-color .5s ease, transform .5s ease; }
.dream-card i { width: 7px; height: 7px; border-radius: 50%; background: rgba(230,225,248,.25); font-style: normal; flex: none; transition: background .5s ease, box-shadow .5s ease; }
.dream-card p { margin: 0; font-size: 14.5px; line-height: 1.5; color: rgba(230,225,248,.55); transition: color .5s ease; }
.dream-card.is-lit { background: rgba(255,255,255,.10); border-color: rgba(185,171,247,.45); transform: translateY(-2px); }
.dream-card.is-lit i { background: #8FCFB0; box-shadow: 0 0 12px rgba(143,207,176,.8); }
.dream-card.is-lit p { color: #EFEBFD; }
.dream__morning { font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(230,225,248,.6); margin: 8px 0 0; }
.dream__fine { font-family: 'JetBrains Mono', monospace; font-size: 10.5px; letter-spacing: 0.06em; color: rgba(230,225,248,.38); margin: 2px 0 0; }
/* grounded citation chip in the one-brain demo */
.cite-chip { display: inline-flex; align-items: center; gap: 7px; font-family: 'JetBrains Mono', monospace; font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--accent-deep); background: rgba(124,231,176,0.14); border: 1px solid rgba(29,94,78,0.25); border-radius: 999px; padding: 5px 11px; }
.cite-chip::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--accent-deep); }

/* ---- mobile ----
   Below 860px .grid-auto collapses the three role cards into one column, so the
   fan connector has nothing to fan out to; the source card sits directly above
   the first card and the diagonals would point at empty space. A single
   downward arrow carries the same "this feeds those" reading in one column. */
.mem-fan-mobile { display: none; }
@media (max-width: 860px) {
  .mem-fan { display: none !important; }
  .mem-fan-mobile { display: flex; justify-content: center; padding: 14px 0 12px; }
}