html { color: #222; background: #fff; }
body { max-width: 900px; margin: 2rem auto; padding: 0 1.25rem;
  font: 15px/1.6 system-ui, sans-serif; }
h1, h2, h3 { line-height: 1.25; margin-top: 1.5em; }
a { color: #165b8e; }
img { max-width: 100%; height: auto; }
pre { padding: 0.75rem; background: #f5f5f5; overflow-x: auto; }
code { font-family: ui-monospace, monospace; font-size: 0.9em; }
:not(pre) > code { white-space: normal; overflow-wrap: anywhere; }
div.sourceCode { overflow-x: auto; }
table { display: block; overflow-x: auto; border-collapse: collapse; max-width: 100%; }
th, td { padding: 0.4rem 0.6rem; border-bottom: 1px solid #ddd;
  text-align: left; vertical-align: top; }
blockquote { margin-left: 0; padding-left: 1rem; border-left: 3px solid #ddd; }
:focus-visible { outline: 2px solid #165b8e; outline-offset: 3px; }
@media print { body { max-width: none; font-size: 11pt; } }