/* User Provided Stylesheet */

/* A quiet technical notebook: blue ink, generous prose, original image colors. */
:root { --reader-ink: #174a8b; }
html { font-size: 17px; scroll-padding-top: 5rem; }
article { line-height: 1.75; }
article h1 { letter-spacing: -.025em; }
article h2 { margin-top: 2.6rem; }
article a { text-underline-offset: .2em; }
article pre { max-width: 100%; overflow-x: auto; font-size: .88rem; line-height: 1.65; }
/* The syntax renderer sets white-space inline; override it for phone reading. */
article pre code { white-space: pre-wrap !important; overflow-wrap: anywhere; }
.original-notes { border-left: 3px solid var(--reader-ink); padding: .1rem 0 .1rem 1rem; margin: 1.25rem 0; }
.original-notes pre, .original-notes code, pre.original-notes { font-family: ui-sans-serif, system-ui, sans-serif; font-size: 1rem; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.8; }
.dark .original-notes { border-color: #83b7fa; }
.original-raw pre, pre.original-raw { white-space: pre-wrap; overflow-wrap: anywhere; }
article img { max-width: 100%; height: auto; }
article table { font-size: .94rem; }
article td, article th { overflow-wrap: anywhere; }
@media (max-width: 640px) {
  html { font-size: 16px; }
  article pre { font-size: .85rem; }
  .original-notes { padding-left: .75rem; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }