/*-- scss:defaults --*/
$font-size-root: 17px;      // remote students on laptops; larger than Quarto default
$code-block-font-size: 0.92em;
$body-color: #1a1a1a;
$link-color: #1f5c8b;

/*-- scss:rules --*/

/* ---- Timing annotation: right-floated clock badge on a heading ---- */
.tm {
  float: right;
  font-family: var(--bs-font-monospace, monospace);
  font-size: 0.62em;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #5a6570;
  background: #eef1f4;
  border: 1px solid #d5dbe1;
  border-radius: 999px;
  padding: 0.15em 0.7em;
  margin-top: 0.55em;
  white-space: nowrap;
}

/* ---- Runtime badge: inline, so nobody thinks a 3-minute fit has hung ---- */
.rt {
  display: inline-block;
  font-family: var(--bs-font-monospace, monospace);
  font-size: 0.78em;
  font-weight: 600;
  border-radius: 4px;
  padding: 0.08em 0.5em;
  margin-left: 0.35em;
  border: 1px solid transparent;
}
.rt-live   { background: #e3f4e8; color: #1c6b35; border-color: #b7e0c4; }  /* < 20s  */
.rt-slow   { background: #fdf3dd; color: #8a6100; border-color: #f0dca6; }  /* 20s-2m */
.rt-precmp { background: #f2eaf7; color: #5f3a80; border-color: #ddc9ec; }  /* > 2m   */

/* ---- Break banner ---- */
.brk {
  margin: 2.2rem 0;
  padding: 0.85rem 1.1rem;
  border-left: 5px solid #1f5c8b;
  background: #f4f8fb;
  border-radius: 0 6px 6px 0;
  font-weight: 600;
}
.brk .sub { display: block; font-weight: 400; font-size: 0.9em; color: #4a5560; margin-top: 0.2rem; }

/* ---- Keep figures small: 70% of the room is on a laptop beside a Zoom window ---- */
.cell-output-display img { max-width: 100%; height: auto; }

/* ---- Dark mode: badges must not go invisible ---- */
@media (prefers-color-scheme: dark) {
  .tm  { background: #2a2f35; color: #aab4bf; border-color: #3c444c; }
  .brk { background: #1c2429; }
}
