/* Original text remains readable without JavaScript. Notes are an added layer. */
.md-typeset .reader-highlight { background: #fff0ae; color: inherit; padding: .06em .03em; border-radius: .12em; }
[data-md-color-scheme="slate"] .md-typeset .reader-highlight { background: #645426; color: #fff3c4; }
.reader-note-ref { font-size: .62em; margin-left: .18em; }
.reader-note-ref a { border-bottom: 0; font-weight: 700; }
.reader-source-anchor { display:block; height:0; scroll-margin-top:9rem; }
.md-content__inner:has(.reader-toolbar) :is(h1,h2,h3) { scroll-margin-top:8rem; }
.reader-chapter-summary { border-left: .18rem solid var(--md-primary-fg-color); padding: .65rem .9rem; margin: 1.3rem 0 .6rem; background: var(--md-code-bg-color); }
.reader-summary-label { font-size: .64rem; letter-spacing: .04em; color: var(--md-default-fg-color--light); font-weight: 650; }
.md-typeset .reader-chapter-summary p { margin: .35rem 0 0; font-size: .78rem; }
.reader-toolbar { position:sticky; top:2.4rem; z-index:2; background:var(--md-default-bg-color); display:flex; flex-wrap:wrap; align-items:center; gap: .45rem .65rem; padding: .6rem 0; margin-bottom: 1.2rem; border-bottom: 1px solid var(--md-default-fg-color--lightest); font-size:.64rem; }
.reader-toolbar button { border:1px solid var(--md-default-fg-color--lighter); padding:.25rem .45rem; border-radius:.2rem; cursor:pointer; font:inherit; color:var(--md-default-fg-color); }
.reader-toolbar button:hover,.reader-toolbar button:focus-visible { background:var(--md-code-bg-color); outline:2px solid var(--md-accent-fg-color); outline-offset:2px; }
.reader-count { color:var(--md-default-fg-color--light); margin-right:auto; }
.annotation-row { margin:1em 0 1.5em; }
.annotation-row > p { margin:0; }
.reader-notes { min-width:0; margin-top:.7rem; }
.reader-note { --note-accent: #08786f; border-left:2px solid var(--note-accent); padding:.2rem .75rem .4rem; margin-bottom:.8rem; font-size:.69rem; line-height:1.8; scroll-margin-top:6rem; overflow-wrap:anywhere; }
.reader-note--critical { --note-accent:#a25a31; }
[data-md-color-scheme="slate"] .reader-note { --note-accent:#6bd1c4; }
[data-md-color-scheme="slate"] .reader-note--critical { --note-accent:#efb28c; }
.reader-note:target, .reader-note:focus { background:var(--md-code-bg-color); outline:2px solid var(--note-accent); outline-offset:4px; }
.reader-note__meta { font-size:.58rem; letter-spacing:.025em; color:var(--note-accent); }
.md-typeset .reader-note__title { margin:.35em 0 .5em; font-size:.73rem; line-height:1.6; font-weight:700; }
.md-typeset .reader-note__body { margin:0 0 .4rem; }
.reader-note__back { font-size:.58rem; }
.reader-notes-hidden .reader-notes,.reader-notes-hidden .reader-chapter-summary,.reader-notes-hidden .reader-note-ref { display:none; }
.reader-notes-hidden .md-typeset .reader-highlight { background:transparent; }
.reader-notes-hidden .annotation-row { display:block; }
.reader-notes-hidden .reader-toolbar { margin-block:1rem; }
@media (min-width:70rem) {
  .md-main__inner:has(.reader-toolbar) .md-sidebar--secondary { display:none; }
  .md-content__inner:has(.reader-toolbar) { max-width:none; padding-right:0; }
  .annotation-row { display:grid; grid-template-columns:minmax(0,1fr) 14rem; gap:1.8rem; align-items:start; }
  .reader-notes { margin:0; }
  .md-content__inner:has(.reader-toolbar) > :is(p,ul,ol,blockquote,h2,h3,div.table-scroll,math) { max-width:calc(100% - 15.8rem); }
  .md-content__inner:has(.reader-toolbar) > h1 { max-width:100%; }
  .reader-notes-hidden .md-content__inner:has(.reader-toolbar) > :is(p,ul,ol,blockquote,h2,h3,div.table-scroll,math) { max-width:43rem; }
  .reader-notes-hidden .annotation-row { max-width:43rem; }
}
@media (max-width:69.999rem) {
  .reader-source-anchor,.md-content__inner:has(.reader-toolbar) :is(h1,h2,h3) { scroll-margin-top:12rem; }
  .reader-notes { background:var(--md-code-bg-color); padding:.65rem .35rem .05rem; border-radius:.2rem; }
  .reader-note { font-size:.72rem; }
  .reader-toolbar { gap:.6rem; }
}
@media print {
  .reader-toolbar,.reader-note-ref,.reader-note__back { display:none; }
  .annotation-row { display:block; break-inside:auto; }
  .reader-note { break-inside:avoid; }
  .md-typeset .reader-highlight { background:#fff0ae !important; }
}
