/* ============================================================
   COSC 40943 site extras
   ------------------------------------------------------------
   Per-week material links in the schedule. Bracketed small caps
   so they scan as materials rather than prose, while keeping
   Material's ordinary link colour and hover.
   ============================================================ */

.md-typeset a.mat {
  font-size: .68em;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
}

.md-typeset a.mat::before { content: "["; opacity: .45; }
.md-typeset a.mat::after  { content: "]"; opacity: .45; }

.md-typeset a.mat + a.mat { margin-left: .3em; }

/* schedule cells are dense; keep rows from stretching */
.md-typeset table:not([class]) td {
  vertical-align: top;
}

/* Mermaid diagrams on module pages. The fence compiles to pre.diagram and
   assets/mermaid-init.js replaces its contents with an SVG. */
pre.diagram {
  background: none;
  border: none;
  padding: 0;
  margin: 1.2rem 0;
  text-align: center;
  overflow-x: auto;
}
pre.diagram code {
  background: none;
  padding: 0;
}
pre.diagram svg {
  max-width: 100%;
  height: auto;
}

/* The iron triangle figure, drawn inline so it diffs in git. Quality is amber
   in both palettes. */
:root { --iron-quality: #B26A00; }
[data-md-color-scheme="slate"] { --iron-quality: #FFB443; }
.figure { margin: 1.5rem 0; }
.figure svg { display: block; margin: 0 auto; }

/* Pull quotes carry the lines a student should remember (the module's purpose
   line, the Beck quote, the definitions). Material mutes blockquotes by
   default, which rendered the most important sentence on a page as the least
   prominent text on it. */
.md-typeset blockquote {
  color: var(--md-default-fg-color);
  border-left: .2rem solid var(--md-primary-fg-color);
}
