/* Talk-specific overrides for ctc_distributed. */

.reveal .title {
  font-size: 2.1em;
  line-height: 1.1;
}

.reveal .subtitle {
  color: #4fc3f7;
  margin-top: 0.2em;
}

.reveal .byline {
  font-size: 0.6em;
  color: #9e9e9e;
}

/* Larger code blocks — readable from the back of the room. */
.reveal pre code {
  font-size: 0.85em;
  line-height: 1.3;
  max-height: 70vh;
}

/* Muted/secondary text. */
.reveal .dim {
  color: #9e9e9e;
}

/* The repeated payoff line — make it land. */
.reveal .punch {
  color: #4fc3f7;
  font-weight: 600;
}

/* ── Desk-datacenter diagram ─────────────────────────────── */
.reveal .rack {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6em;
  margin: 0.4em 0;
}

.reveal .rack .box {
  display: flex;
  flex-direction: column;
  border: 2px solid #4fc3f7;
  border-radius: 10px;
  padding: 0.5em 0.8em;
  min-width: 4.5em;
}

.reveal .rack .box strong {
  color: #4fc3f7;
  margin-bottom: 0.2em;
}

.reveal .rack .box span {
  font-size: 0.6em;
  color: #cfcfcf;
  line-height: 1.4;
}

.reveal .rack .link {
  font-size: 0.7em;
  color: #9e9e9e;
  white-space: nowrap;
}

/* ── "It was Erlang all along" unmask ────────────────────── */
.reveal .unmask {
  display: inline-block;
  text-align: left;
  margin: 0.4em 0;
}

.reveal .unmask .reach {
  display: flex;
  align-items: baseline;
  gap: 0.5em;
  margin: 0.25em 0;
  line-height: 1.4;
}

.reveal .unmask .tool {
  color: #fff;
  font-weight: 600;
  min-width: 5em;
}

.reveal .unmask .arrow {
  color: #4fc3f7;
}

/* Full-slide payoff meme (its own title-less slide). */
.reveal .meme-full {
  max-height: 85vh;
  max-width: 90vw;
  border: none;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
}

/* Centered logo — dark-background mascot, blends into the black slide.
   Sizing is handled by reveal's .r-stretch (fits the slide regardless of
   window size); vh units would overflow because reveal scales the slide. */
.reveal .logo {
  border: none;
  background: none;
  box-shadow: none;
  object-fit: contain;
}

/* LinkedIn QR — white card on the dark slide; crisp modules for scanning. */
.reveal .qr {
  display: block;
  margin: 0.2em auto 0.4em;
  max-height: 42vh;
  border: 8px solid #fff;
  border-radius: 10px;
  background: #fff;
  image-rendering: pixelated;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
}