:root { color-scheme: light dark; }
html { font-size: 18px; }
body { max-width: 46rem; margin: 2rem auto; padding: 0 1.2rem 3rem; font-family: Georgia, 'Times New Roman', serif; line-height: 1.65; color: #263b37; background: #fdfcf8; }
h1, h2, h3 { line-height: 1.2; font-weight: 600; }
h1 { margin-top: 2.2em; }
h2 { margin-top: 1.8em; }
a { color: #235b6b; text-underline-offset: .15em; }
figure { margin: 1.5em 0; }
figure img, img { max-width: 100%; height: auto; }
figcaption { font-size: .9em; line-height: 1.45; margin-top: .6em; }
table { border-collapse: collapse; width: 100%; margin: 1.4em 0; }
th, td { padding: .4em .6em; border-bottom: 1px solid #c6cfca; text-align: left; vertical-align: top; }
pre { box-sizing: border-box; max-width: 100%; overflow-x: auto; white-space: pre-wrap; overflow-wrap: anywhere; padding: .8em; font-size: .82em; background: #f0f2ee; }
code { font-size: .86em; overflow-wrap: anywhere; word-break: break-word; }
pre code { white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; }
div.sourceCode { max-width: 100%; overflow-x: auto; }
.math.display { display: block; overflow-x: auto; margin: 1em 0; padding-bottom: .3em; }
math[display='block'] { margin: 1em 0; overflow-x: auto; }
nav { line-height: 1.45; }
nav li { margin: .3em 0; }
#title-block-header { border-bottom: 1px solid #c6cfca; padding-bottom: 1.2rem; margin-bottom: 2rem; }
#title-block-header h1 { margin-top: .5em; }
.subtitle { font-size: 1.15em; }
.source-bundle { font-size: .85em; border-top: 1px solid #c6cfca; margin-top: 2em; padding-top: 1em; }
@media (prefers-color-scheme: dark) { body { color: #e3e8e2; background: #172420; } a { color: #9dc9d2; } pre { background: #21352d; } th, td { border-color: #52625b; } }
@media print { body { max-width: none; background: white; color: black; } nav, .source-bundle { display: none; } }

/* Keep wide data tables inside the reading column on phones. The table and
   its header/cell markup remain intact; scrolling is local to the table. */
@media screen and (max-width: 600px) {
  table { display: block; max-width: 100%; overflow-x: auto; }
}