@font-face {
  font-family: "Bree Serif";
  src: url("fonts/BreeSerif-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

a.headerlink { display: none; }

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

.article-container article img {
  max-width: min(100%, 900px) !important;
}

.article-container article img.manual-image-small {
  max-width: min(100%, 300px) !important;
}

:root {
  --moth-blue: #111a3d;
  --moth-green: #67a34b;
  --moth-heading: var(--moth-blue);
  --moth-link: #b4c7e4;
}

@media not print {
  body[data-theme="dark"] {
    --moth-heading: #b4c7e4;
  }

  @media (prefers-color-scheme: dark) {
    body:not([data-theme="light"]) {
      --moth-heading: #b4c7e4;
    }
  }
}

body { --font-stack--headings: "Bree Serif", Georgia, serif; }

.moth-header {
  align-items: center;
  background: #fff;
  box-sizing: border-box;
  display: flex;
  height: 5.4rem;
  justify-content: space-between;
  padding: 0.7rem max(2rem, calc((100vw - 112rem) / 2));
}

.moth-header a { color: var(--moth-blue); text-decoration: none; }

.moth-brand {
  align-items: center;
  display: flex;
  font-size: 2rem;
  font-weight: 700;
  gap: 0.85rem;
}

.moth-brand img {
  height: 3rem;
  width: 3rem;
}

.manual-brand {
  font-family: "Bree Serif", Georgia, serif;
  font-size: 2rem;
  font-weight: 400;
}

.moth-header-rule { background: #eee; height: 2.4rem; }
.sidebar-brand { display: none; }
.sidebar-search-container { margin-top: 1.2rem; }
.content { padding-top: 1rem; }
.bottom-of-page { display: none; }
.page > .main > .content > footer { padding-bottom: 2.5rem; }

.article-container h1,
.article-container h2,
.article-container h3,
.article-container h4 {
  color: var(--moth-heading);
  font-weight: 400;
}

.moth-footer { color: #d2d8e5; width: 100%; }
.moth-footer a,
.moth-footer a:visited {
  color: var(--moth-link) !important;
  text-decoration: none;
}

.moth-footer a:hover,
.moth-footer a:focus-visible {
  color: var(--moth-link) !important;
  text-decoration: underline;
}

.moth-footer-main,
.moth-footer-support { padding: 2.2rem max(2rem, calc((100vw - 92rem) / 2)); }

.moth-footer-main {
  background: var(--moth-blue);
  display: grid;
  grid-template-columns: 1fr auto;
  min-height: 10rem;
}

.moth-footer-main h2 {
  color: #fff;
  font-family: "Bree Serif", Georgia, serif;
  font-size: 1.35rem;
  font-weight: 400;
  margin: 1.25rem 0 0.55rem;
  padding-left: 0;
  padding-right: 0;
}

.moth-version { margin: 0; }
.moth-imprint { align-self: start; }

.moth-footer-support {
  background: var(--moth-green);
  color: #e8efe3;
  min-height: 6rem;
}

.moth-footer-support p:first-child { margin-top: 0; }
.moth-generator { margin-bottom: 0; }

@media (max-width: 67rem) {
  .moth-header, .moth-header-rule { display: none; }
}

@media (max-width: 40rem) {
  .moth-footer-main { display: block; }
  .moth-imprint { display: inline-block; margin-top: 1.5rem; }
}

@media print {
  .moth-header, .moth-header-rule, .moth-footer { display: none; }
}