/* Presenter speaker notes panel — press S */
.speaker-notes .note-meta {
  margin: 0 0 0.65rem;
  font-size: 0.82rem;
  color: var(--accent-teal, #2dd4bf);
}

/* Small caps labels — instructions vs speak */
.speaker-notes .note-instruct-label {
  margin: 0.55rem 0 0.25rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #94a3b8;
}

.speaker-notes .note-instruct-label--speak {
  margin-top: 0.75rem;
  color: #bef264;
}

.speaker-notes .note-instruct-label--guide {
  color: #94a3b8;
}

.speaker-notes .note-instruct-label--angle {
  margin-top: 0.35rem;
  margin-bottom: 0.15rem;
}

/* SAY ALOUD — highlighted script (read to the room) */
.speaker-notes .note-script {
  margin: 0 0 0.5rem;
  padding: 0.85rem 1rem;
  border-left: 4px solid #86bc25;
  border-radius: 0 10px 10px 0;
  background: rgba(134, 188, 37, 0.16);
  color: #ecfccb;
  font-size: 1.02rem;
  font-weight: 500;
  line-height: 1.65;
  box-shadow: 0 0 0 1px rgba(134, 188, 37, 0.12);
}

.speaker-notes .note-script em {
  font-style: normal;
  color: #fef9c3;
}

.speaker-notes .note-script strong {
  color: #ffffff;
  text-decoration: none;
}

/* Underlined = read this to the room (inside green Say aloud box) */
.speaker-notes .note-script u {
  text-decoration: underline;
  text-decoration-color: #fef9c3;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  text-decoration-skip-ink: auto;
}

.speaker-notes .note-script u code {
  text-decoration: inherit;
}

/* Facilitator guide — pacing, WHY/HOW, structure (do not read verbatim) */
.speaker-notes .note-guide {
  margin: 0 0 0.5rem;
  padding: 0.65rem 0.85rem;
  border-left: 3px solid #64748b;
  border-radius: 0 8px 8px 0;
  background: rgba(51, 65, 85, 0.35);
  color: #cbd5e1;
  font-size: 0.86rem;
  line-height: 1.55;
}

.speaker-notes .note-guide strong {
  color: #e2e8f0;
}

.speaker-notes .note-speak-section {
  margin: 0.25rem 0 0.65rem;
}

.speaker-notes .note-leadership {
  margin: 0 0 0.5rem;
  padding: 0.45rem 0.65rem;
  border-left: 3px solid var(--accent-orange);
  background: rgba(251, 146, 60, 0.08);
  font-size: 0.88rem;
}

.speaker-notes .note-architect {
  margin: 0 0 0.5rem;
  padding: 0.45rem 0.65rem;
  border-left: 3px solid var(--accent-teal);
  background: rgba(45, 212, 191, 0.08);
  font-size: 0.88rem;
}

.speaker-notes .note-story {
  margin: 0.5rem 0;
  padding: 0.45rem 0.65rem;
  border-left: 3px solid #a855f7;
  background: rgba(168, 85, 247, 0.12);
  font-size: 0.86rem;
  line-height: 1.5;
  color: #e9d5ff;
}

.speaker-notes .note-demo,
.speaker-notes .note-transition {
  margin: 0.45rem 0 0;
  font-size: 0.84rem;
  color: #cbd5e1;
}

.speaker-notes .note-transition {
  color: var(--accent-teal);
  font-weight: 500;
}

.speaker-notes kbd {
  padding: 0.1rem 0.35rem;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.12);
  font-size: 0.8em;
}