:root { color-scheme: light; }
body { margin: 0; background: #f6f7f8; font: 15px/1.65 -apple-system, BlinkMacSystemFont,
  "Segoe UI", Roboto, sans-serif; color: #1e1e1e; }
main { max-width: 44rem; margin: 0 auto; padding: 3rem 1.5rem 5rem; background: #fff;
  min-height: 100vh; box-sizing: border-box; }
h1.print-title { font-size: 1.7rem; line-height: 1.25; margin: 0 0 .35rem; }
.print-props { color: #6e6e6e; font-size: .82rem; margin-bottom: 2rem; }
.print-sep { color: #b6bac1; }
h1, h2, h3, h4, h5, h6 { line-height: 1.3; margin: 1.6em 0 .5em; }
p { margin: .75em 0; }
img { max-width: 100%; height: auto; border-radius: 4px; }
pre { background: #f2f3f5; border-radius: 6px; padding: .8em 1em; overflow-x: auto;
  font-size: .85em; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .9em; }
p code, li code, td code { background: #f2f3f5; border-radius: 3px; padding: .1em .3em; }
blockquote { border-left: 3px solid #d5d8dc; margin: 1em 0; padding: .1em 0 .1em 1em;
  color: #5b5b5b; }
table { border-collapse: collapse; margin: 1em 0; font-size: .92em; }
th, td { border: 1px solid #dfe2e6; padding: .35em .7em; text-align: left; }
th { background: #f6f7f8; }
hr { border: none; border-top: 1px solid #e6e8eb; margin: 2em 0; }
a { color: #14597a; }
ul, ol { padding-left: 1.4em; }
li.print-task { list-style: none; margin-left: -1.4em; }
.print-box { display: inline-block; width: 1em; height: 1em; border: 1.5px solid #b6bac1;
  border-radius: 3px; margin-right: .5em; font-size: .8em; line-height: 1em;
  text-align: center; vertical-align: -.1em; }
.print-task.done .print-box { background: #14597a; border-color: #14597a; color: #fff; }
.print-link { color: #14597a; }
.print-embed, .print-missing { color: #6e6e6e; font-style: italic; }
/* all or nothing, the same rule the app and the print sheet keep: side by side
   when every column clears the minimum, one stack when they do not. The row gap
   is what separates the stacked columns — cell margins are zeroed. 13rem is the
   row's per-column share and the 2rem column gap comes out of it: three columns
   go abreast at a 39rem row, each cell then about 11.7rem. The multiplier keeps
   the switch narrower than a layout unit — see codemirror.css. */
.print-columns { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin: 1em 0; }
.print-column { flex-grow: 1; flex-basis: calc((var(--columns, 1) * 13rem - 100%) * 99999);
  min-width: 0; }
.print-column > *:first-child { margin-top: 0; }
.print-column > *:last-child { margin-bottom: 0; }

body { padding-top: 0; }
/* a wikilink that resolved to nothing in the published set is not a link here
   — printing it in link blue would read as a page that failed to load, or as
   a hint that the note it names exists somewhere */
span.print-link { color: inherit; }
.site-head { max-width: 44rem; margin: 0 auto; padding: 1.4rem 1.5rem .2rem;
  display: flex; flex-wrap: wrap; align-items: baseline; gap: .6rem; }
.site-name { font-weight: 600; text-decoration: none; color: #1e1e1e; }
.site-crumbs { font-size: .85rem; color: #6e6e6e; }
.site-crumbs a { color: #6e6e6e; text-decoration: none; }
.site-crumbs a:hover { text-decoration: underline; }
.site-sep { padding: 0 .35em; color: #b6bac1; }
main { padding-top: 1.6rem; }
.site-index { list-style: none; padding: 0; margin: 1.5rem 0 0; }
.site-entry { display: flex; align-items: baseline; gap: .8rem; padding: .55em 0;
  border-bottom: 1px solid #eceef1; }
.site-entry a { text-decoration: none; }
.site-entry a:hover { text-decoration: underline; }
.site-folder a::before { content: "› "; color: #b6bac1; }
.site-date { margin-left: auto; color: #989898; font-size: .82rem; }
.site-empty { color: #989898; }