<!DOCTYPE html>
<html$if(lang)$ lang="$lang$"$endif$$if(dir)$ dir="$dir$"$endif$>
<head>

  <meta charset="utf-8">
  <meta name="generator" content="pandoc">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes, shrink-to-fit=no">
$for(author-meta)$
  <meta name="author" content="$author-meta$">
$endfor$
$if(date-meta)$
  <meta name="dcterms.date" content="$date-meta$">
$endif$
$if(keywords)$
  <meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$">
$endif$

  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
  <link rel="icon" type="image/png" href="/favicon.png" />
  <link rel="icon" type="image/x-icon" href="/favicon.ico" />

  <title>$if(title-prefix)$$title-prefix$ – $endif$$pagetitle$</title>

  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.8.0/tocbot.css" integrity="sha256-XUbSD3m+xLW27W/mp9kMn+fI9AU2MoBkiMMSVVYWI+o=" crossorigin="anonymous">
  <style type="text/css">
    .is-collapsible {
      transition: unset;
    }
  </style>
  <style type="text/less">
    a.toc-link {
      text-decoration-line: unset;
      &::before {
        all: unset;
      }
      display: block;
      color: Grey;
      &:hover {
        color: Indigo;
      }
      &.is-active-link {
        color: Indigo;
        font-weight: unset;
        text-shadow: 0 0, 0 0;
      }
      .node-name--H(1);
      .node-name--H(@heading) when (@heading <= 6) {
        &.node-name--H@{heading} {
          font-size: 1.0rem - 0.15 * (@heading - 2);
        }
        .node-name--H(@heading + 1);
      }
    }
  </style>
  <style type="text/css">
    .anchorjs-link {
      color: Gainsboro;
    }
    .anchorjs-link:hover {
      text-decoration-line: unset;
      color: Indigo;
    }
  </style>
  <style>
    img, .figure > * {
      max-width: 100%;
      height: auto;
    }
  </style>
  <style type="text/css">code{white-space: pre;}</style>
$if(quotes)$
  <style type="text/css">q { quotes: "“" "”" "‘" "’"; }</style>
$endif$
$if(highlighting-css)$
  <style type="text/css">
$highlighting-css$
  </style>
$endif$
$for(css)$
  <link rel="stylesheet" href="$css$">
$endfor$

$if(math)$
  $math$
$endif$

  <!--[if lt IE 9]>
    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
  <![endif]-->

$for(header-includes)$
  $header-includes$
$endfor$

</head>
<body>

$for(include-before)$
<div class="container">
$include-before$
</div>
$endfor$

<div class="container">
<div class="row">

$if(toc)$
<div class="col-lg-3 d-none d-lg-block">
<nav id="$idprefix$TOC" class="toc js-toc sticky-top vh-100 overflow-auto">
$toc$
</nav>
</div>
<div class="col-lg-9 js-toc-content">
$else$
<div class="col">
$endif$

$if(title)$
<header>
<h1 class="title">$title$</h1>
$if(subtitle)$
<p class="subtitle">$subtitle$</p>
$endif$
$for(author)$
<p class="author">$author$</p>
$endfor$
$if(date)$
<p class="date">$date$</p>
$endif$
</header>
$endif$

$body$

</div>

</div>
</div>

$for(include-after)$
<div class="container">
$include-after$
</div>
$endfor$

<script src="https://cdnjs.cloudflare.com/ajax/libs/less.js/3.10.3/less.min.js" integrity="sha256-rjnmpnNJuJiC3PN6wC1ux50dmyXqIEX5WUHS7lk0YS8=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.8.0/tocbot.min.js" integrity="sha256-dJs8/kT10avd5bf3rkLb1bUpUyLjcZA7ydzzU0vyhfM=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js" integrity="sha256-m1eTvwEHwmsw4+XKF7BshClVJEPwTVycveNl0CS0Mkk=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@iconfu/svg-inject@1.2.3/dist/svg-inject.min.js"></script>
<script>
  $$('table').addClass("table");
</script>
<script>
  tocbot.init({
    collapseDepth: 6,
    scrollSmooth: false,
    headingSelector: 'h1, h2, h3, h4, h5, h6',
  });
</script>
<script>
  anchors.options = {
    visible: 'always',
  }
  anchors.add('h1, h2, h3, h4, h5, h6');
</script>
<script>
  document.addEventListener(
    'DOMContentLoaded',
    () => SVGInject(document.querySelectorAll('.figure > embed')),
  );
</script>
<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
    asciimath2jax: {
      delimiters: [['%%', '%%']],
    },
    TeX: {
      equationNumbers: {
        autoNumber: "AMS",
      },
      Macros: {
        vec: ["{\\boldsymbol{#1}}", 1],
      },
    },
  });
</script>

</body>
</html>