/* Colour-coding of the learning-guide activity boxes.
   Each activity is a Quarto callout with an extra class. */

.callout.predict  { border-left-color: #7b3fa0 !important; }
.callout.predict  .callout-header { background-color: #f3eaf8 !important; }
.callout.predict  .callout-icon::before { filter: hue-rotate(60deg); }

.callout.explore  { border-left-color: #1e8a4c !important; }
.callout.explore  .callout-header { background-color: #e6f4ec !important; }

.callout.explain  { border-left-color: #2c6fb7 !important; }
.callout.explain  .callout-header { background-color: #e7eff9 !important; }

.callout.group    { border-left-color: #d9822b !important; }
.callout.group    .callout-header { background-color: #fbefe2 !important; }

.callout.check    { border-left-color: #138a8a !important; }
.callout.check    .callout-header { background-color: #e3f4f4 !important; }

.callout.consolidation { border-left-color: #555555 !important; }
.callout.consolidation .callout-header { background-color: #efefef !important; }

.callout.exam     { border-left-color: #b3261e !important; border-left-width: 6px !important; }
.callout.exam     .callout-header { background-color: #fbe9e7 !important; }

.callout.solution { border-left-color: #b3261e !important; }
.callout.solution .callout-header { background-color: #fdf5f4 !important; }

.callout.launch   { border-left-color: #3f51b5 !important; border-left-width: 6px !important; }
.callout.launch   .callout-header { background-color: #e8eaf6 !important; }

/* Colab button */
a.colab-button {
  display: inline-block;
  padding: 0.2em 0.7em;
  border-radius: 0.3em;
  background: #f9ab00;
  color: #202124 !important;
  font-weight: 600;
  text-decoration: none;
}
a.colab-button:hover { background: #e8a000; }

/* Blanks for students to fill in */
.blank { display: inline-block; min-width: 4em; border-bottom: 1px solid #888; }