/* Keep Joernaal's document typography; adjust only this site's chrome. */
:root,
:root:not([data-theme="light"]) {
  color-scheme: light;
  --jn-bg: #fcfcfc;
  --jn-text: #1a1a1a;
  --jn-muted: #4a4a4a;
  --jn-surface-1: #f4f4f4;
  --jn-surface-2: #eef0f2;
  --jn-surface-code: #f0f0f0;
  --jn-surface-stripe: #f7f7f7;
  --jn-rule: #d8d8d8;
  --jn-link: #0b5fff;
  --jn-accent: #0b5fff;
}

.jn-header,
.jn-layout,
.jn-footer {
  box-sizing: border-box;
  width: min(calc(100% - 2em), 82em);
  margin-inline: auto;
}

.jn-header {
  margin-top: 2em;
  padding: 1.25em 0;
  border-color: var(--jn-text);
}

.jn-site-title {
  display: none;
}

nav[aria-label="Primary"] a {
  color: var(--jn-text);
}

body[data-page-kind="home"] .jn-layout {
  display: block;
}

body[data-page-kind="home"] .jn-content {
  max-width: none;
  padding: 3em 0;
}

body[data-page-kind="home"] .jn-content h1 {
  margin-bottom: var(--jn-rhythm);
  padding-bottom: 0;
  border-bottom: 0;
}

body[data-page-kind="home"] .jn-section-index {
  max-width: 54em;
  font-size: 1.15em;
}

.jn-pagination-none {
  display: none;
}

.jn-footer {
  padding: 1.25em 0;
  color: var(--jn-text);
  background: transparent;
  border-color: var(--jn-text);
}

@media (max-width: 40em) {
  .jn-header {
    margin-top: 1em;
  }

  body[data-page-kind="home"] .jn-content {
    padding: 2em 0;
  }
}