/* ThinqShift: Academy page. Tokens in tokens.css, shared nav/footer/layout + .program-grid in base.css. */

.facilitate-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.facilitate-copy .callout { max-width: none; }
.facilitate-visual { display: flex; justify-content: center; }
@media (max-width: 800px) { .facilitate-wrap { grid-template-columns: 1fr; } }

/* handoff diagram: Room -> Thinqee -> Daily Behavior */
.handoff { width: 100%; max-width: 420px; }
.handoff-node { text-align: center; }
.handoff-icon {
  width: 56px; height: 56px; border-radius: 50%; margin: 0 auto 10px;
  background: var(--card-solid); border: 1px solid var(--border2);
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 0 20px rgba(136,39,171,0.18);
}
.handoff-icon svg { width: 26px; height: 26px; }
.handoff-label { font-size: 0.8rem; color: var(--text); font-weight: 600; }
.handoff-sub { font-size: 0.72rem; color: var(--muted); margin-top: 2px; }
.handoff-row { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.handoff-arrow { flex: 1; height: 1px; background: linear-gradient(90deg, var(--border2), var(--purple-200), var(--border2)); position: relative; top: -18px; min-width: 20px; }