/*
    fpc-book.css

    Complete stylesheet for the Free Pascal HTML documentation.
    A quiet reading look with a serif text font, a narrow column and warm
    paper colours. Follows the light or dark setting of the reader's screen.

    One of three styles that can be used, see also fpc-modern.css and
    fpc-compact.css. Only one of them is linked in a page.

    This file is free software, distributed under the same terms as the
    Free Pascal documentation itself.
*/

/* ------------------------------------------------------------------ */
/* Colours, fonts and sizes                                           */
/* ------------------------------------------------------------------ */

:root {
  color-scheme: light dark;

  /* Text and page colours. */
  --fpc-bg: #fdfbf7;
  --fpc-bg-soft: #f4f0e8;
  --fpc-bg-code: #f6f2ea;
  --fpc-fg: #2b2722;
  --fpc-fg-strong: #171310;
  --fpc-fg-muted: #6b6257;

  /* Lines around boxes, tables and code. */
  --fpc-border: #ded5c6;
  --fpc-border-soft: #ece5d9;

  /* Colour used for links and highlights. */
  --fpc-accent: #8a3324;
  --fpc-accent-hover: #6b2419;
  --fpc-accent-soft: #d9c3b8;

  /* Colour of program text and identifiers. */
  --fpc-code-fg: #4a3f33;

  /* Font stacks. Only fonts already present on the machine are used. */
  --fpc-font-body: Charter, "Bitstream Charter", "Source Serif 4", "Source Serif Pro",
                   Georgia, "Liberation Serif", "DejaVu Serif", serif;
  --fpc-font-head: var(--fpc-font-body);
  --fpc-font-mono: ui-monospace, "SFMono-Regular", "Iosevka", "Fira Mono", Consolas,
                   "DejaVu Sans Mono", "Liberation Mono", monospace;

  /* Width of the text column and rounding of boxes. */
  --fpc-content-width: 44rem;
  --fpc-radius: 3px;
}

/* Colours used when the reader asked for a dark screen. */
@media (prefers-color-scheme: dark) {
  :root {
    --fpc-bg: #1a1714;
    --fpc-bg-soft: #221e19;
    --fpc-bg-code: #221e19;
    --fpc-fg: #ded6c9;
    --fpc-fg-strong: #f4eee3;
    --fpc-fg-muted: #a19686;

    --fpc-border: #3b342b;
    --fpc-border-soft: #2b2620;

    --fpc-accent: #dd8b6f;
    --fpc-accent-hover: #eda98f;
    --fpc-accent-soft: #4d3428;

    --fpc-code-fg: #d3c8b8;
  }
}

/* ------------------------------------------------------------------ */
/* Page                                                               */
/* ------------------------------------------------------------------ */

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

body {
  max-width: var(--fpc-content-width);
  margin: 0 auto;
  padding: 0 1.5rem 6rem;
  background: var(--fpc-bg);
  color: var(--fpc-fg);
  font-family: var(--fpc-font-body);
  font-size: 1.125rem;
  line-height: 1.75;
  text-rendering: optimizeLegibility;
}

body * {
  box-sizing: border-box;
}

@media (max-width: 40rem) {
  body {
    font-size: 1.0625rem;
    padding: 0 1rem 3rem;
  }
}

/* ------------------------------------------------------------------ */
/* Headings                                                           */
/* ------------------------------------------------------------------ */

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: var(--fpc-font-head);
  font-weight: 600;
  line-height: 1.3;
  color: var(--fpc-fg-strong);
  margin: 3rem 0 1rem;
  /* Keep the heading visible when a link jumps to it. */
  scroll-margin-top: 2rem;
}

body h1 a,
body h2 a,
body h3 a,
body h4 a,
body h5 a,
body h6 a {
  color: inherit;
  text-decoration: none;
}

body h1 a:hover,
body h2 a:hover,
body h3 a:hover,
body h4 a:hover,
body h5 a:hover,
body h6 a:hover {
  color: var(--fpc-accent);
}

body h2.titleHead {
  font-size: clamp(2rem, 5vw, 2.6rem);
  font-weight: 500;
  text-align: center;
  margin: 3rem 0 1.5rem;
}

body h1.partHead,
body h2.chapterHead,
body h2.likechapterHead,
body h2.appendixHead {
  font-size: clamp(1.7rem, 4vw, 2rem);
  font-weight: 500;
  margin-top: 1.5rem;
  padding-left: 0.9rem;
  border-left: 4px solid var(--fpc-accent);
}

body h3.sectionHead,
body h3.likesectionHead {
  font-size: 1.4rem;
  font-weight: 600;
}

body h4.subsectionHead,
body h4.likesubsectionHead {
  font-size: 1.15rem;
}

body h5.subsubsectionHead,
body h5.likesubsubsectionHead {
  font-size: 1.05rem;
  font-style: italic;
  font-weight: 500;
}

body .paragraphHead,
body .likeparagraphHead,
body .subparagraphHead,
body .likesubparagraphHead {
  font-size: 1rem;
  color: var(--fpc-fg-strong);
}

/* The chapter or section number in front of a heading. */
body .titlemark {
  color: var(--fpc-fg-muted);
  font-weight: 400;
  white-space: pre;
}

/* ------------------------------------------------------------------ */
/* Title page                                                         */
/* ------------------------------------------------------------------ */

/*
  The rows of underscores on the title page are plain text, so they are
  made invisible by painting all direct text of the block transparent and
  giving the real elements their colour back.
*/
body div.maketitle {
  color: transparent;
  text-align: center;
  margin: 3rem 0 3.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid var(--fpc-border);
}

body div.maketitle * {
  color: var(--fpc-fg-muted);
}

body div.maketitle h2,
body div.maketitle h2 * {
  color: var(--fpc-fg-strong);
}

body div.maketitle .author,
body div.maketitle .author * {
  color: var(--fpc-fg);
  font-size: 1.05rem;
  font-style: italic;
}

body div.maketitle br {
  line-height: 1.2;
}

/* ------------------------------------------------------------------ */
/* Text                                                               */
/* ------------------------------------------------------------------ */

body p {
  margin: 0 0 1.1rem;
}

body p.indent {
  text-indent: 0;
}

body a {
  color: var(--fpc-accent);
  text-decoration: underline;
  text-decoration-color: var(--fpc-accent-soft);
  text-underline-offset: 0.18em;
}

body a:hover {
  color: var(--fpc-accent-hover);
  text-decoration-color: currentColor;
}

body a:focus-visible {
  outline: 2px solid var(--fpc-accent);
  outline-offset: 2px;
}

body hr {
  height: 0;
  border: 0;
  border-top: 1px solid var(--fpc-border);
  margin: 2rem 0;
}

body img {
  max-width: 100%;
  height: auto;
}

body img.math {
  max-width: none;
}

/* ------------------------------------------------------------------ */
/* Lists                                                              */
/* ------------------------------------------------------------------ */

body ul,
body ol {
  margin: 0 0 1.1rem;
  padding-left: 1.5rem;
}

body li {
  margin: 0.3rem 0;
}

body li p {
  margin-bottom: 0.4rem;
}

body ul.itemize1,
body ul.itemize2 {
  list-style-type: disc;
}

body dl.description {
  margin: 1.4rem 0;
  padding-left: 0;
}

body dt.description {
  margin-top: 1.1rem;
  color: var(--fpc-fg-strong);
}

body dd.description {
  margin: 0.2rem 0 0 1.5rem;
  padding-left: 0;
}

/* ------------------------------------------------------------------ */
/* Tables                                                             */
/* ------------------------------------------------------------------ */

/* Wide tables get their own scrollbar instead of stretching the page. */
body div.tabular {
  overflow-x: auto;
  margin: 1.75rem 0;
}

body div.table {
  margin: 1.75rem 0;
}

/* A book table has a rule above and below, and nothing in between. */
body table.tabular {
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1.5px solid var(--fpc-fg-muted);
  border-bottom: 1.5px solid var(--fpc-fg-muted);
  font-size: 0.92em;
  margin: 0 auto;
}

body table.tabular td {
  padding: 0.4rem 0.85rem;
  vertical-align: top;
}

/* A first row followed by a rule is the heading of the table. */
body table.tabular tr:first-child:has(+ tr.hline) td {
  font-variant: small-caps;
  letter-spacing: 0.03em;
  color: var(--fpc-fg-strong);
}

body table.tabular tr.hline,
body .hline {
  border-top-color: var(--fpc-border);
}

body table.tabular tr.hline td {
  padding: 0;
}

body .hline hr,
body .cline hr {
  border: 0;
  border-top: 1px solid var(--fpc-border);
}

body table[rules] {
  border-left-color: var(--fpc-border);
  border-right-color: var(--fpc-border);
}

body .caption {
  display: block;
  margin: 0.6rem 0;
  color: var(--fpc-fg-muted);
  font-size: 0.9em;
  font-style: italic;
  line-height: 1.5;
  text-align: left;
}

body .caption .id {
  font-style: normal;
  font-variant: small-caps;
  color: var(--fpc-fg);
}

/* ------------------------------------------------------------------ */
/* Boxes                                                              */
/* ------------------------------------------------------------------ */

body .fbox,
body div.fbox,
body .framebox-c,
body .framebox-l,
body .framebox-r {
  border: 1px solid var(--fpc-border);
  border-radius: var(--fpc-radius);
  padding: 0.6rem 0.9rem;
  background: var(--fpc-bg-soft);
}

body div.quote {
  margin: 1.5rem 0;
  padding: 0 0 0 1.5rem;
  border-left: 2px solid var(--fpc-border);
  color: var(--fpc-fg-muted);
  font-size: 0.97em;
}

/* Notes in the margin are shown as a note above the text instead. */
body .marginpar,
body .reversemarginpar {
  float: none;
  width: auto;
  margin: 1.5rem 0;
  padding: 0 0 0 1.5rem;
  background: none;
  border-left: 2px solid var(--fpc-accent);
  color: var(--fpc-fg);
  font-size: 0.95em;
  font-style: italic;
  text-decoration: none;
}

body div.footnotes {
  margin: 3rem 0 0;
  padding: 0.9rem 0 0;
  border: 0;
  border-top: 1px solid var(--fpc-border);
  background: none;
  color: var(--fpc-fg-muted);
  font-size: 0.9em;
  font-style: normal;
}

body span.footnote-mark sup.textsuperscript {
  font-size: 0.7em;
  padding-left: 0.1em;
}

/* ------------------------------------------------------------------ */
/* Figures                                                            */
/* ------------------------------------------------------------------ */

body div.figure {
  margin: 2rem auto;
  text-align: center;
}

body div.float {
  margin: 2rem 0;
}

/* The separator line that latex draws around a floating table or figure. */
body hr.float,
body hr.endfloat,
body hr.figure,
body hr.endfigure {
  display: none;
}

body div.center {
  margin: 1.5rem 0;
}

/* ------------------------------------------------------------------ */
/* Blocks of program text                                             */
/* ------------------------------------------------------------------ */

body pre.verbatim,
body pre.lstlisting,
body pre.lstinputlisting,
body div.listinginput {
  font-family: var(--fpc-font-mono);
  font-size: 0.83em;
  line-height: 1.6;
  color: var(--fpc-code-fg);
  background: var(--fpc-bg-code);
  border: 0;
  border-left: 3px solid var(--fpc-accent-soft);
  padding: 0.85rem 1.1rem;
  margin: 1.4rem 0 1.6rem;
  overflow-x: auto;
  tab-size: 2;
}

body pre.verbatim {
  white-space: pre;
}

/* Word lists printed in columns keep their plain look, so they can be split. */
body div.columns-3 pre.verbatim,
body div.columns-4 pre.verbatim {
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  overflow: visible;
}

body div.listinginput p {
  margin: 0;
}

/* Inside a block everything is program text already, so no extra marking. */
body pre.verbatim span,
body div.listinginput span,
body pre.lstlisting span,
body pre.lstinputlisting span {
  background: none;
  padding: 0;
  font-size: inherit;
  color: inherit;
}

/* The lines drawn around an example listing are not needed any more. */
body hr:has(+ div.listinginput),
body div.listinginput + hr {
  display: none;
}

/* ------------------------------------------------------------------ */
/* Program text inside a sentence                                     */
/* ------------------------------------------------------------------ */

body code.verb,
body .pcrr7t-,
body .pcrr7t-x-x-80,
body .pcrr7t-x-x-90,
body .pcrr8c-,
body .pcrr8c-x-x-80,
body .pcrb7t-,
body .cmtt-10,
body .cmtt-9,
body .cmtt-8 {
  font-family: var(--fpc-font-mono);
  font-size: 0.85em;
  color: var(--fpc-accent);
  background: none;
  overflow-wrap: break-word;
}

body .pcrb7t- {
  font-weight: 600;
}

/* File names and program names, written in a sans serif font in print. */
body .cmss-10,
body .cmss-9,
body .cmss-8 {
  font-family: var(--fpc-font-mono);
  font-size: 0.85em;
  color: var(--fpc-fg-muted);
}

body h1 .cmss-10,
body h2 .cmss-10,
body h3 .cmss-10,
body h4 .cmss-10,
body h5 .cmss-10,
body a .cmss-10 {
  color: inherit;
}

/* Lines kept as typed. */
body .obeylines-h,
body .obeylines-v {
  white-space: nowrap;
}

body div.obeylines-v p {
  margin: 0;
}

/* ------------------------------------------------------------------ */
/* Next / previous / up bar                                           */
/* ------------------------------------------------------------------ */

body div.crosslinks {
  margin: 1.5rem 0 2.5rem;
  padding: 0 0 0.9rem;
  border-bottom: 1px solid var(--fpc-border);
}

/*
  The square brackets around the links are plain text. Setting the size of
  that text to zero hides them, the links get their own size back.
*/
body div.crosslinks p {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin: 0;
  font-size: 0;
}

body div.crosslinks a {
  color: var(--fpc-fg-muted);
  font-size: 0.8rem;
  font-variant: small-caps;
  letter-spacing: 0.09em;
  text-decoration: none;
}

body div.crosslinks a:hover {
  color: var(--fpc-accent);
  text-decoration: underline;
}

body div.crosslinks:not(:first-of-type) {
  margin: 3.5rem 0 1.25rem;
  padding: 1.1rem 0 0;
  border-bottom: 0;
  border-top: 1px solid var(--fpc-border);
}

/* ------------------------------------------------------------------ */
/* Table of contents of the whole document                            */
/* ------------------------------------------------------------------ */

body div.tableofcontents {
  margin: 2rem 0 3rem;
}

body div.tableofcontents br {
  display: none;
}

body div.tableofcontents > span {
  display: block;
  padding: 0.22rem 0;
  color: var(--fpc-fg-muted);
  font-variant-numeric: tabular-nums;
}

body div.tableofcontents > span a {
  color: var(--fpc-fg);
  text-decoration: none;
}

body div.tableofcontents > span a:hover {
  color: var(--fpc-accent);
  text-decoration: underline;
}

body .partToc,
body .chapterToc,
body .likechapterToc,
body .appendixToc,
body .lotToc {
  margin-top: 1.3rem;
  font-size: 1.05rem;
  font-weight: 600;
}

body .sectionToc,
body .likesectionToc {
  margin-left: 1.5rem;
}

body .subsectionToc,
body .likesubsectionToc {
  margin-left: 3rem;
  font-size: 0.95em;
}

body .subsubsectionToc,
body .likesubsubsectionToc {
  margin-left: 4.5rem;
  font-size: 0.95em;
}

body .paragraphToc,
body .subparagraphToc {
  margin-left: 6rem;
  font-size: 0.95em;
}

/* ------------------------------------------------------------------ */
/* Short list of subsections on a page                                */
/* ------------------------------------------------------------------ */

body div[class$="TOCS"] {
  margin: 2rem 0;
  padding: 0 0 0 1.5rem;
  border-left: 2px solid var(--fpc-border);
  font-size: 0.95em;
}

body div[class$="TOCS"]::before {
  display: block;
  margin-bottom: 0.4rem;
  color: var(--fpc-fg-muted);
  font-size: 0.9em;
  font-style: italic;
  content: "On this page";
}

body div.sectionTOCS::before,
body div.likesectionTOCS::before {
  content: "In this chapter";
}

body div.subsectionTOCS::before,
body div.subsubsectionTOCS::before,
body div.likesubsectionTOCS::before,
body div.likesubsubsectionTOCS::before {
  content: "In this section";
}

body div[class$="TOCS"] br {
  display: none;
}

body div[class$="TOCS"] > span {
  display: block;
  margin-left: 0;
  padding: 0.2rem 0;
  color: var(--fpc-fg-muted);
  font-size: 1em;
  font-weight: normal;
  font-variant-numeric: tabular-nums;
}

body div[class$="TOCS"] > span.subsectionToc {
  margin-left: 1.25rem;
}

body div[class$="TOCS"] > span.subsubsectionToc {
  margin-left: 2.5rem;
}

body div.subsectionTOCS > span.subsectionToc,
body div.likesubsectionTOCS > span.subsectionToc,
body div.subsubsectionTOCS > span.subsubsectionToc {
  margin-left: 0;
}

/* ------------------------------------------------------------------ */
/* Index                                                              */
/* ------------------------------------------------------------------ */

body div.columns-3,
body div.columns-4 {
  column-gap: 2rem;
  font-size: 0.95em;
}

body .index-item,
body .index-subitem,
body .index-subsubitem {
  display: block;
  break-inside: avoid;
}

body .index-subitem {
  margin-left: 1rem;
}

body .index-subsubitem {
  margin-left: 2rem;
}

/* ------------------------------------------------------------------ */
/* Page footer                                                        */
/* ------------------------------------------------------------------ */

body span.timestamp {
  display: inline-block;
  margin-right: 0.8rem;
  color: var(--fpc-fg-muted);
  font-size: 0.85rem;
  font-style: italic;
}

body a.reportissue-link {
  color: var(--fpc-fg-muted);
  font-size: 0.85rem;
  font-variant: small-caps;
  letter-spacing: 0.06em;
  text-decoration: none;
}

body a.reportissue-link:hover {
  color: var(--fpc-accent);
  text-decoration: underline;
}

/* ------------------------------------------------------------------ */
/* Printing                                                           */
/* ------------------------------------------------------------------ */

@media print {
  :root {
    --fpc-bg: #ffffff;
    --fpc-bg-soft: #ffffff;
    --fpc-bg-code: #ffffff;
    --fpc-fg: #000000;
    --fpc-fg-strong: #000000;
    --fpc-fg-muted: #444444;
    --fpc-border: #999999;
    --fpc-border-soft: #cccccc;
    --fpc-accent: #000000;
    --fpc-accent-soft: #999999;
    --fpc-code-fg: #000000;
  }

  body {
    max-width: none;
    padding: 0;
    font-size: 11pt;
    line-height: 1.5;
  }

  /* Navigation and reporting links are of no use on paper. */
  body div.crosslinks,
  body a.reportissue-link {
    display: none;
  }

  body a {
    color: inherit;
    text-decoration: underline;
  }

  body h1,
  body h2,
  body h3,
  body h4,
  body h5,
  body h6 {
    break-after: avoid;
    page-break-after: avoid;
  }

  body pre.verbatim,
  body div.listinginput,
  body table.tabular,
  body div.figure,
  body div.footnotes {
    break-inside: avoid;
    page-break-inside: avoid;
  }
}