/* =============================================================================
   Sound Forge Alchemy — wiki.css
   Dark wiki-style docs stylesheet
   Palette: daisyUI dark theme (oklch values)
   ============================================================================= */

/* ---------------------------------------------------------------------------
   CSS Custom Properties
   --------------------------------------------------------------------------- */

:root {
  /* Background layers */
  --base-100: oklch(30.33% 0.016 252.42);
  --base-200: oklch(25.26% 0.014 253.1);
  --base-300: oklch(20.15% 0.012 254.09);

  /* Text */
  --base-content: oklch(97.807% 0.029 256.847);
  --text-muted: oklch(65% 0.02 256);

  /* Accent colors */
  --primary: oklch(58% 0.233 277.117);
  --accent: oklch(60% 0.25 292.717);
  --neutral: oklch(37% 0.044 257.287);
  --info: oklch(58% 0.158 241.966);
  --success: oklch(60% 0.118 184.704);
  --warning: oklch(66% 0.179 58.318);
  --error: oklch(58% 0.253 17.585);

  /* Inline code text */
  --code-fg: oklch(80% 0.15 277.117);

  /* Layout */
  --topbar-height: 52px;
  --sidebar-width: 260px;

  /* Typography */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

/* ---------------------------------------------------------------------------
   Reset / Base
   --------------------------------------------------------------------------- */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--base-100);
  color: var(--base-content);
  font-family: var(--font-sans);
  font-size: 0.9375rem;
  line-height: 1.65;
}

a {
  color: var(--primary);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* ---------------------------------------------------------------------------
   Shell Layout
   --------------------------------------------------------------------------- */

.wiki-shell {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* ---------------------------------------------------------------------------
   Top Bar
   --------------------------------------------------------------------------- */

.wiki-topbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--topbar-height);
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.5rem;
  background-color: var(--base-300);
  border-bottom: 1px solid var(--neutral);
}

.wiki-topbar-brand {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  color: var(--base-content);
  text-decoration: none;
  letter-spacing: -0.01em;
}

.wiki-topbar-brand:hover {
  text-decoration: none;
  color: var(--primary);
}

.wiki-logo {
  font-size: 1.25rem;
  line-height: 1;
}

.wiki-brand-text {
  white-space: nowrap;
}

.wiki-topbar-links {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.wiki-topbar-links a {
  font-size: 0.875rem;
  color: var(--base-content);
  opacity: 0.8;
  transition: opacity 0.15s, color 0.15s;
}

.wiki-topbar-links a:hover {
  opacity: 1;
  color: var(--primary);
  text-decoration: none;
}

/* Mobile hamburger (hidden on desktop) */
.wiki-hamburger {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.25rem;
  color: var(--base-content);
  padding: 0.25rem 0.5rem;
  margin-left: -0.5rem;
  line-height: 1;
}

.wiki-hamburger:hover {
  color: var(--primary);
}

/* ---------------------------------------------------------------------------
   Body Row (sidebar + main)
   --------------------------------------------------------------------------- */

.wiki-body {
  display: flex;
  flex-direction: row;
  flex: 1;
  margin-top: var(--topbar-height);
}

/* ---------------------------------------------------------------------------
   Sidebar
   --------------------------------------------------------------------------- */

.wiki-sidebar {
  width: var(--sidebar-width);
  min-width: var(--sidebar-width);
  max-width: var(--sidebar-width);
  background-color: var(--base-200);
  border-right: 1px solid var(--neutral);
  position: sticky;
  top: var(--topbar-height);
  height: calc(100vh - var(--topbar-height));
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--neutral) transparent;
  flex-shrink: 0;
}

.wiki-sidebar::-webkit-scrollbar {
  width: 4px;
}

.wiki-sidebar::-webkit-scrollbar-track {
  background: transparent;
}

.wiki-sidebar::-webkit-scrollbar-thumb {
  background-color: var(--neutral);
  border-radius: 2px;
}

.wiki-sidebar-inner {
  padding: 1.25rem 0;
}

/* Sidebar nav list */
.sidebar-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebar-nav li {
  margin: 0;
  padding: 0;
}

/* Sidebar top-level links */
.sidebar-link {
  display: block;
  padding: 0.35rem 1.25rem;
  font-size: 0.875rem;
  color: var(--base-content);
  opacity: 0.85;
  border-left: 2px solid transparent;
  transition: opacity 0.15s, color 0.15s, background-color 0.15s, border-color 0.15s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sidebar-link:hover {
  opacity: 1;
  color: var(--primary);
  background-color: var(--base-300);
  text-decoration: none;
}

.sidebar-link.active {
  color: var(--primary);
  border-left: 2px solid var(--primary);
  background-color: var(--base-300);
  opacity: 1;
  font-weight: 600;
}

/* Sidebar child links (nested) */
.sidebar-child-link {
  display: block;
  padding: 0.3rem 1.25rem 0.3rem 2.5rem;
  font-size: 0.8125rem;
  color: var(--base-content);
  opacity: 0.75;
  border-left: 2px solid transparent;
  transition: opacity 0.15s, color 0.15s, background-color 0.15s, border-color 0.15s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sidebar-child-link:hover {
  opacity: 1;
  color: var(--primary);
  background-color: var(--base-300);
  text-decoration: none;
}

.sidebar-child-link.active {
  color: var(--primary);
  border-left: 2px solid var(--primary);
  background-color: var(--base-300);
  opacity: 1;
  font-weight: 600;
}

/* Sidebar collapsible sections */
.sidebar-section {
  margin-bottom: 0.125rem;
}

.sidebar-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.35rem 1.25rem;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--text-muted);
  cursor: pointer;
  user-select: none;
  transition: color 0.15s;
}

.sidebar-section-title:hover {
  color: var(--base-content);
}

.sidebar-section-title::after {
  content: "›";
  font-size: 0.875rem;
  font-weight: 400;
  transform: rotate(90deg);
  display: inline-block;
  transition: transform 0.2s;
}

.sidebar-section.open .sidebar-section-title::after {
  transform: rotate(270deg);
}

/* Collapsed children by default */
.sidebar-children {
  display: none;
  overflow: hidden;
}

.sidebar-section.open .sidebar-children {
  display: block;
}

/* Sidebar dividers */
.sidebar-divider {
  margin: 0.75rem 1.25rem;
  border: none;
  border-top: 1px solid var(--neutral);
  opacity: 0.4;
}

/* ---------------------------------------------------------------------------
   Main Content Area
   --------------------------------------------------------------------------- */

.wiki-main {
  flex: 1;
  min-width: 0;
  padding: 2rem 2.5rem;
}

/* ---------------------------------------------------------------------------
   Breadcrumbs
   --------------------------------------------------------------------------- */

.wiki-breadcrumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
  font-size: 0.8rem;
  margin-bottom: 1.5rem;
  color: var(--text-muted);
}

.wiki-breadcrumbs a {
  color: var(--primary);
  text-decoration: none;
}

.wiki-breadcrumbs a:hover {
  text-decoration: underline;
}

.wiki-breadcrumbs-sep {
  color: var(--neutral);
  font-size: 0.75rem;
  margin: 0 0.1rem;
}

/* ---------------------------------------------------------------------------
   Article Typography
   --------------------------------------------------------------------------- */

.wiki-article {
  max-width: 860px;
}

.wiki-article h1 {
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--neutral);
  color: var(--base-content);
  letter-spacing: -0.02em;
}

.wiki-article h2 {
  font-size: 1.35rem;
  font-weight: 600;
  line-height: 1.3;
  margin-top: 2rem;
  margin-bottom: 0.6rem;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid var(--neutral);
  color: var(--base-content);
  letter-spacing: -0.01em;
}

.wiki-article h3 {
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.35;
  margin-top: 1.5rem;
  margin-bottom: 0.4rem;
  color: var(--base-content);
}

.wiki-article h4 {
  font-size: 0.9375rem;
  font-weight: 600;
  margin-top: 1.25rem;
  margin-bottom: 0.35rem;
  color: var(--base-content);
}

.wiki-article h5,
.wiki-article h6 {
  font-size: 0.875rem;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 0.3rem;
  color: var(--text-muted);
}

/* Heading anchor links */
.wiki-article h1 .anchor,
.wiki-article h2 .anchor,
.wiki-article h3 .anchor,
.wiki-article h4 .anchor {
  font-size: 0.75em;
  opacity: 0;
  margin-left: 0.4rem;
  color: var(--neutral);
  transition: opacity 0.15s;
}

.wiki-article h1:hover .anchor,
.wiki-article h2:hover .anchor,
.wiki-article h3:hover .anchor,
.wiki-article h4:hover .anchor {
  opacity: 1;
}

/* Paragraphs */
.wiki-article p {
  margin-top: 0;
  margin-bottom: 1rem;
}

/* Lists */
.wiki-article ul,
.wiki-article ol {
  margin-top: 0;
  margin-bottom: 1rem;
  padding-left: 1.75rem;
}

.wiki-article li {
  margin-bottom: 0.25rem;
}

.wiki-article li > ul,
.wiki-article li > ol {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

/* Links */
.wiki-article a {
  color: var(--primary);
  text-decoration: none;
}

.wiki-article a:hover {
  text-decoration: underline;
}

/* Horizontal rule */
.wiki-article hr {
  margin: 2rem 0;
  border: none;
  border-top: 1px solid var(--neutral);
}

/* Blockquote */
.wiki-article blockquote {
  margin: 1.25rem 0;
  padding: 0.75rem 1.25rem;
  border-left: 3px solid var(--primary);
  background-color: var(--base-200);
  border-radius: 0 4px 4px 0;
  color: var(--base-content);
}

.wiki-article blockquote p:last-child {
  margin-bottom: 0;
}

/* Inline code */
.wiki-article code {
  font-family: var(--font-mono);
  font-size: 0.87em;
  background-color: var(--base-300);
  color: var(--code-fg);
  padding: 0.15em 0.4em;
  border-radius: 3px;
  border: 1px solid var(--neutral);
  white-space: nowrap;
}

/* Code blocks (pre > code) */
.wiki-article pre {
  margin: 1.25rem 0;
  padding: 1rem 1.25rem;
  background-color: var(--base-300);
  border: 1px solid var(--neutral);
  border-radius: 6px;
  overflow-x: auto;
  line-height: 1.55;
  scrollbar-width: thin;
  scrollbar-color: var(--neutral) transparent;
}

.wiki-article pre::-webkit-scrollbar {
  height: 4px;
}

.wiki-article pre::-webkit-scrollbar-track {
  background: transparent;
}

.wiki-article pre::-webkit-scrollbar-thumb {
  background-color: var(--neutral);
  border-radius: 2px;
}

.wiki-article pre code {
  font-family: var(--font-mono);
  font-size: 0.875em;
  background: none;
  color: var(--base-content);
  padding: 0;
  border: none;
  border-radius: 0;
  white-space: pre;
}

/* Tables */
.wiki-article table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.25rem 0;
  font-size: 0.875rem;
}

.wiki-article thead {
  background-color: var(--base-200);
}

.wiki-article th {
  padding: 0.6rem 0.875rem;
  text-align: left;
  font-weight: 600;
  color: var(--base-content);
  border-bottom: 1px solid var(--neutral);
  white-space: nowrap;
}

.wiki-article td {
  padding: 0.55rem 0.875rem;
  border-bottom: 1px solid var(--base-300);
  vertical-align: top;
}

.wiki-article tbody tr:hover td {
  background-color: var(--base-200);
}

.wiki-article tbody tr:last-child td {
  border-bottom: none;
}

/* Images */
.wiki-article img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  border: 1px solid var(--neutral);
  display: block;
  margin: 0.75rem 0;
}

/* Image captions (em immediately after img or p > img + em) */
.wiki-article img + em,
.wiki-article p > img ~ em {
  display: block;
  font-size: 0.875rem;
  color: var(--text-muted);
  margin-top: -0.25rem;
  margin-bottom: 0.75rem;
  font-style: italic;
}

/* Details / summary */
.wiki-article details {
  margin: 1rem 0;
  padding: 0.75rem 1rem;
  background-color: var(--base-200);
  border: 1px solid var(--neutral);
  border-radius: 6px;
}

.wiki-article details[open] {
  padding-bottom: 0.75rem;
}

.wiki-article summary {
  font-weight: 600;
  cursor: pointer;
  user-select: none;
  color: var(--base-content);
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.wiki-article summary::-webkit-details-marker {
  display: none;
}

.wiki-article summary::before {
  content: "›";
  font-size: 1rem;
  display: inline-block;
  transition: transform 0.2s;
  color: var(--primary);
}

.wiki-article details[open] > summary::before {
  transform: rotate(90deg);
}

.wiki-article details > *:not(summary) {
  margin-top: 0.75rem;
}

/* Mermaid diagrams */
.wiki-article .mermaid {
  background-color: var(--base-200);
  border: 1px solid var(--neutral);
  border-radius: 6px;
  overflow-x: auto;
  padding: 1rem;
  text-align: center;
  margin: 1.25rem 0;
}

/* Keyboard / abbreviations */
.wiki-article kbd {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 0.8em;
  padding: 0.1em 0.45em;
  background-color: var(--base-200);
  border: 1px solid var(--neutral);
  border-radius: 3px;
  box-shadow: 0 1px 0 var(--neutral);
  color: var(--base-content);
  white-space: nowrap;
}

/* ---------------------------------------------------------------------------
   Footer
   --------------------------------------------------------------------------- */

.wiki-footer {
  background-color: var(--base-300);
  border-top: 1px solid var(--neutral);
  padding: 0;
}

.wiki-footer-inner {
  padding: 0.875rem 2.5rem;
  font-size: 0.8125rem;
  color: var(--text-muted);
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.wiki-footer-inner a {
  color: var(--primary);
  text-decoration: none;
}

.wiki-footer-inner a:hover {
  text-decoration: underline;
}

/* ---------------------------------------------------------------------------
   Rouge Syntax Highlighting
   --------------------------------------------------------------------------- */

/* Wrapper div from Rouge */
.highlight {
  background-color: var(--base-300) !important;
  border: 1px solid var(--neutral);
  border-radius: 6px;
  margin: 1.25rem 0;
  overflow: hidden;
}

.highlight pre {
  margin: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  padding: 1rem 1.25rem;
  overflow-x: auto;
}

.highlight pre code {
  background: none;
  color: var(--base-content);
  padding: 0;
  border: none;
  font-size: 0.875em;
}

/* When .highlight wraps a table (line numbers mode) */
.highlight table {
  margin: 0;
  border: none;
  width: 100%;
}

.highlight table td {
  padding: 0;
  border: none;
}

.highlight table td::-webkit-scrollbar {
  display: none;
}

/* Line number gutter */
.highlight .gl,
.highlight .lineno {
  color: var(--text-muted);
  padding-right: 1rem;
  user-select: none;
  border-right: 1px solid var(--neutral);
  margin-right: 1rem;
  min-width: 2.5rem;
  text-align: right;
  display: inline-block;
}

/* ---------------------------------------------------------------------------
   Rouge Token Classes
   --------------------------------------------------------------------------- */

/* Keywords */
.highlight .k,
.highlight .kc,
.highlight .kd,
.highlight .kn,
.highlight .kp,
.highlight .kr,
.highlight .kt,
.highlight .kw {
  color: var(--primary);
  font-weight: 600;
}

/* Strings */
.highlight .s,
.highlight .sa,
.highlight .sb,
.highlight .sc,
.highlight .sd,
.highlight .se,
.highlight .sh,
.highlight .si,
.highlight .sl,
.highlight .sr,
.highlight .ss,
.highlight .s1,
.highlight .s2,
.highlight .sx {
  color: var(--success);
}

/* String escape sequences */
.highlight .se {
  color: var(--warning);
}

/* Comments */
.highlight .c,
.highlight .c1,
.highlight .cd,
.highlight .ch,
.highlight .cm,
.highlight .cp,
.highlight .cpf,
.highlight .cs {
  color: var(--text-muted);
  font-style: italic;
}

/* Names (identifiers) */
.highlight .n,
.highlight .na,
.highlight .nc,
.highlight .nd,
.highlight .ni,
.highlight .nl,
.highlight .nn,
.highlight .nx,
.highlight .py,
.highlight .nt {
  color: var(--base-content);
}

/* Functions and builtins */
.highlight .nf,
.highlight .nb,
.highlight .bi,
.highlight .fm {
  color: var(--info);
}

/* Numbers (integer, float, hex, octal, binary) */
.highlight .m,
.highlight .mb,
.highlight .mf,
.highlight .mh,
.highlight .mi,
.highlight .il,
.highlight .mo {
  color: var(--warning);
}

/* Operators */
.highlight .o,
.highlight .ow {
  color: var(--accent);
}

/* Punctuation */
.highlight .p,
.highlight .pi {
  color: var(--base-content);
}

/* Variables */
.highlight .nv,
.highlight .vc,
.highlight .vg,
.highlight .vi,
.highlight .vm {
  color: var(--error);
}

/* Decorators / meta annotations */
.highlight .nd,
.highlight .ni {
  color: var(--accent);
}

/* Attribute names (HTML/XML) */
.highlight .na {
  color: var(--info);
}

/* Tag names (HTML/XML) */
.highlight .nt {
  color: var(--primary);
}

/* Generic output / error / prompt */
.highlight .gd {
  color: var(--error);
  background-color: oklch(20% 0.05 17);
}

.highlight .gi {
  color: var(--success);
  background-color: oklch(20% 0.04 184);
}

.highlight .ge {
  font-style: italic;
}

.highlight .gs {
  font-weight: bold;
}

.highlight .gu {
  color: var(--accent);
}

.highlight .gt {
  color: var(--error);
}

.highlight .gh {
  color: var(--primary);
  font-weight: bold;
}

/* Elixir / module atoms */
.highlight .ss {
  color: var(--warning);
}

/* ---------------------------------------------------------------------------
   Callout Blocks (Just the Docs style)
   --------------------------------------------------------------------------- */

.wiki-callout {
  margin: 1.25rem 0;
  padding: 0.875rem 1.25rem;
  border-left: 3px solid var(--neutral);
  border-radius: 0 4px 4px 0;
  background-color: var(--base-200);
}

.wiki-callout--note {
  border-left-color: var(--info);
}

.wiki-callout--warning {
  border-left-color: var(--warning);
}

.wiki-callout--important {
  border-left-color: var(--error);
}

.wiki-callout--new {
  border-left-color: var(--success);
}

.wiki-callout-title {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  margin-bottom: 0.4rem;
}

.wiki-callout--note .wiki-callout-title    { color: var(--info); }
.wiki-callout--warning .wiki-callout-title { color: var(--warning); }
.wiki-callout--important .wiki-callout-title { color: var(--error); }
.wiki-callout--new .wiki-callout-title     { color: var(--success); }

/* ---------------------------------------------------------------------------
   Responsive — max-width 900px
   --------------------------------------------------------------------------- */

@media (max-width: 900px) {

  /* Reveal hamburger */
  .wiki-hamburger {
    display: block;
  }

  /* Topbar: make room for hamburger on left */
  .wiki-topbar {
    padding: 0 1rem;
  }

  /* Brand shifts right of hamburger */
  .wiki-topbar-brand {
    margin-left: 0.5rem;
  }

  /* Collapse extra nav links on small screens */
  .wiki-topbar-links {
    gap: 0.75rem;
  }

  .wiki-topbar-links a:not(:last-child):not(:nth-last-child(2)) {
    display: none;
  }

  /* Sidebar: off-canvas */
  .wiki-sidebar {
    position: fixed;
    top: var(--topbar-height);
    left: 0;
    bottom: 0;
    height: calc(100vh - var(--topbar-height));
    z-index: 90;
    transform: translateX(-100%);
    transition: transform 0.25s ease;
    box-shadow: 2px 0 16px rgba(0, 0, 0, 0.4);
  }

  .wiki-sidebar.open {
    transform: translateX(0);
  }

  /* Sidebar overlay backdrop */
  .wiki-sidebar-backdrop {
    display: none;
    position: fixed;
    top: var(--topbar-height);
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 85;
  }

  .wiki-sidebar-backdrop.open {
    display: block;
  }

  /* Main area takes full width */
  .wiki-body {
    flex-direction: column;
  }

  .wiki-main {
    padding: 1.5rem 1rem;
  }

  /* Article headings scale down */
  .wiki-article h1 {
    font-size: 1.5rem;
  }

  .wiki-article h2 {
    font-size: 1.2rem;
  }

  /* Tables scroll on small screens */
  .wiki-article .table-wrapper,
  .wiki-article table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .wiki-footer-inner {
    padding: 0.75rem 1rem;
    flex-wrap: wrap;
  }
}

/* ---------------------------------------------------------------------------
   Utility Classes
   --------------------------------------------------------------------------- */

.text-muted {
  color: var(--text-muted);
}

.text-primary {
  color: var(--primary);
}

.text-success {
  color: var(--success);
}

.text-warning {
  color: var(--warning);
}

.text-error {
  color: var(--error);
}

.text-info {
  color: var(--info);
}

.badge {
  display: inline-block;
  padding: 0.15em 0.55em;
  font-size: 0.75em;
  font-weight: 600;
  border-radius: 9999px;
  line-height: 1.4;
}

.badge-primary {
  background-color: color-mix(in oklch, var(--primary) 20%, transparent);
  color: var(--primary);
  border: 1px solid color-mix(in oklch, var(--primary) 40%, transparent);
}

.badge-success {
  background-color: color-mix(in oklch, var(--success) 20%, transparent);
  color: var(--success);
  border: 1px solid color-mix(in oklch, var(--success) 40%, transparent);
}

.badge-warning {
  background-color: color-mix(in oklch, var(--warning) 20%, transparent);
  color: var(--warning);
  border: 1px solid color-mix(in oklch, var(--warning) 40%, transparent);
}

.badge-error {
  background-color: color-mix(in oklch, var(--error) 20%, transparent);
  color: var(--error);
  border: 1px solid color-mix(in oklch, var(--error) 40%, transparent);
}

/* ---------------------------------------------------------------------------
   Print Styles
   --------------------------------------------------------------------------- */

@media print {
  .wiki-topbar,
  .wiki-sidebar,
  .wiki-breadcrumbs,
  .wiki-footer {
    display: none !important;
  }

  .wiki-body {
    display: block;
    margin-top: 0;
  }

  .wiki-main {
    padding: 0;
  }

  body {
    background: white;
    color: black;
  }

  .wiki-article a {
    color: black;
    text-decoration: underline;
  }

  .wiki-article pre,
  .wiki-article code,
  .highlight {
    background: #f4f4f4 !important;
    color: black !important;
    border: 1px solid #ccc !important;
  }
}