/* Styles applied ONLY inside the generated PDF (via plugins.exporter.formats.pdf.stylesheets)
   These are NOT loaded on the live website — that's what extra_css/pdf-download.css is for. */

/* The floating "Download PDF" button is site-navigation chrome — it should never appear
   baked into the PDF content itself. */
.pdf-download-fab {
  display: none !important;
}

/* Basic page setup for the PDF (uses mkdocs-exporter's Paged.js support) */
@page {
  size: A4;
  margin: 2cm;
}

body {
  font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 11pt;
  line-height: 1.5;
  color: #14142b;
}

h1,
h2,
h3 {
  color: #14142b;
  page-break-after: avoid;
}

pre,
code {
  font-size: 9.5pt;
  white-space: pre-wrap;
  word-break: break-word;
}

/* Avoid awkward mid-diagram page breaks once Mermaid renders correctly */
.mermaid {
  page-break-inside: avoid;
}

@media print {
  .pdf-download-btn,
  a[href$=".pdf"],
  a[download] {
    display: none !important;
  }
}

/* Custom Styling for the Master Table of Contents Headers */
.toc-category {
  color: #2980b9; /* A nice professional blue */
  font-size: 1.15em; /* Slightly larger text */
  text-transform: uppercase; /* Makes it look like a formal directory */
  letter-spacing: 0.5px; /* Adds breathing room between letters */
  border-bottom: 2px solid #ecf0f1; /* Subtle divider line */
  padding-bottom: 5px;
  margin-top: 30px; /* Adds space above the next section */
}