/*
 * Instructor-only admonition styles for Material for MkDocs.
 *
 * The `.instructor` admonition type is used exclusively inside
 * `{% if is_instructor %}` blocks, so in the student build these
 * rules are loaded but never applied (no matching elements exist).
 *
 * In the instructor build the callout renders with a distinct red
 * accent so notes stand out clearly from regular content.
 */

/* ── Instructor admonition border colour ─────────────────────── */
.md-typeset .admonition.instructor,
.md-typeset details.instructor {
  border-color: #c62828;
}

/* ── Title bar background ────────────────────────────────────── */
.md-typeset .instructor > .admonition-title,
.md-typeset .instructor > summary {
  background-color: rgba(198, 40, 40, 0.12);
  color: #c62828;
}

/* ── Icon colour in the title bar ───────────────────────────── */
.md-typeset .instructor > .admonition-title::before,
.md-typeset .instructor > summary::before {
  background-color: #c62828;
  /* Pencil / edit icon via inline SVG mask */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}

/* ── Variant callout colours ─────────────────────────────────── */

/* Talking Points — blue */
.md-typeset .admonition.instructor[title="Talking Points"],
.md-typeset details.instructor[title="Talking Points"] {
  border-color: #1565c0;
}
.md-typeset [title="Talking Points"].instructor > .admonition-title,
.md-typeset [title="Talking Points"].instructor > summary {
  background-color: rgba(21, 101, 192, 0.12);
  color: #1565c0;
}
.md-typeset [title="Talking Points"].instructor > .admonition-title::before,
.md-typeset [title="Talking Points"].instructor > summary::before {
  background-color: #1565c0;
}

/* Timing — amber */
.md-typeset .admonition.instructor[title="Timing"],
.md-typeset details.instructor[title="Timing"] {
  border-color: #e65100;
}
.md-typeset [title="Timing"].instructor > .admonition-title,
.md-typeset [title="Timing"].instructor > summary {
  background-color: rgba(230, 81, 0, 0.12);
  color: #e65100;
}
.md-typeset [title="Timing"].instructor > .admonition-title::before,
.md-typeset [title="Timing"].instructor > summary::before {
  background-color: #e65100;
}

/* Common Student Mistakes — deep orange */
.md-typeset .admonition.instructor[title="Common Student Mistakes"],
.md-typeset details.instructor[title="Common Student Mistakes"] {
  border-color: #b71c1c;
}
.md-typeset [title="Common Student Mistakes"].instructor > .admonition-title,
.md-typeset [title="Common Student Mistakes"].instructor > summary {
  background-color: rgba(183, 28, 28, 0.12);
  color: #b71c1c;
}
.md-typeset [title="Common Student Mistakes"].instructor > .admonition-title::before,
.md-typeset [title="Common Student Mistakes"].instructor > summary::before {
  background-color: #b71c1c;
}

/* Expected Output / Answer — green */
.md-typeset .admonition.instructor[title="Expected Output / Answer"],
.md-typeset details.instructor[title="Expected Output / Answer"] {
  border-color: #2e7d32;
}
.md-typeset [title="Expected Output / Answer"].instructor > .admonition-title,
.md-typeset [title="Expected Output / Answer"].instructor > summary {
  background-color: rgba(46, 125, 50, 0.12);
  color: #2e7d32;
}
.md-typeset [title="Expected Output / Answer"].instructor > .admonition-title::before,
.md-typeset [title="Expected Output / Answer"].instructor > summary::before {
  background-color: #2e7d32;
}