/* Header logo: force it white regardless of the SVG's own colors.
   Material renders the logo as an <img>, so `currentColor` inside the SVG
   resolves to black instead of inheriting the header's white text color.
   brightness(0) makes the image a black silhouette, invert(1) flips it to
   white — robust to whatever fills the SVG ships with. */
.md-logo img,
.md-header__button.md-logo img {
  filter: brightness(0) invert(1);
}

/* NRK row tokens (A), L), D), PLAY), FORM)…) in nav/TOC labels: Material
   strips the markdown backticks from nav titles, so the tokens blend into the
   prose. extra.js re-wraps them in <code class="md-nrk">; this gives them a
   small monospace chip so they read as code, like on the page itself. */
.md-nav__link .md-nrk {
  font-family: var(--md-code-font-family, monospace);
  font-size: 0.82em;
  font-weight: 600;
  padding: 0 0.34em;
  margin: 0 0.06em;
  border-radius: 0.25em;
  background-color: var(--md-code-bg-color);
  color: var(--md-code-fg-color);
  border: 1px solid var(--md-default-fg-color--lightest);
  white-space: nowrap;
}