/* Written by Codex */
.notes-main {
  width: 650px;
  max-width: 100%;
  float: right;
  padding: 0 20px 50px;
}

.notes-site-header h1 a { color: inherit; font-weight: bold; }
.notes-main > h1, .notes-article-heading h1 { margin-top: 30px; }
.notes-nav { margin-bottom: 25px; }
.notes-page .notes-main > section { float: none; width: auto; margin: 0; padding: 0; border: 0; }
.notes-main h2 { margin: 30px 0 20px; font-size: 18px; }
.notes-main h3 { font-size: 15px; }
.notes-meta { margin: 4px 0 16px; color: #6f777d; font-size: 13px; }
.notes-entry + .notes-entry { margin-top: 30px; padding-top: 10px; border-top: 1px solid #e5e5e5; }
.notes-main .notes-entry-title { font-size: 20px; }
.notes-pinned { color: #6f777d; font-size: 13px; font-weight: normal; }
.notes-tags { margin: 0 0 25px; font-size: 13px; }
.notes-back { margin-top: 30px; }
.notes-prose h2 { margin-top: 30px; }
.notes-page details[open] { font-style: normal; }
.notes-pagination { display: flex; justify-content: space-between; gap: 20px; margin-top: 30px; padding-top: 20px; border-top: 1px solid #e5e5e5; }
.notes-pagination > div { flex: 1; }
.notes-pagination > div:last-child { text-align: right; }
.notes-page a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.notes-page [id] { scroll-margin-top: 20px; }
.notes-skip { position: absolute; top: -100px; left: 15px; padding: 10px; background: white; }
.notes-skip:focus { top: 8px; }

@media screen and (max-width: 960px) {
  .notes-page .notes-site-header { padding: 0; }
  .notes-main { float: none; width: auto; padding: 0 0 30px; }
}

@media screen and (max-width: 480px) {
  .notes-pagination { display: block; }
  .notes-pagination > div { margin: 10px 0; }
  .notes-pagination > div:last-child { text-align: left; }
}