:root { color-scheme: light; font-family: Cambria, Georgia, serif; color: #172a38; background: #f7f5ef; }
body { margin: 0; font-size: 18px; line-height: 1.65; }
nav { background: #183644; padding: 1rem max(1.5rem, calc((100vw - 900px)/2)); font-family: system-ui, sans-serif; font-size: 15px; }
nav a { color: #faf6e7; text-decoration: none; }
main { max-width: 900px; margin: 0 auto; padding: 2.4rem 2rem 5rem; background: #fffefa; }
h1,h2,h3 { color: #183644; font-weight: 600; line-height: 1.25; }
h1 { font-size: 2.05rem; margin: 0 0 1.6rem; }
h2 { font-size: 1.55rem; margin: 2.7rem 0 1rem; border-top: 1px solid #dbded5; padding-top: 1.5rem; }
h3 { font-size: 1.16rem; margin: 1.8rem 0 .7rem; }
p { margin: 0 0 1rem; }
a { color: #15526f; text-underline-offset: 3px; }
li { margin-bottom: .65rem; }
.math.display { display: block; overflow-x: auto; padding: .3rem .1rem; margin-block: .8rem; }
.math.inline { display: inline-block; max-width: 100%; overflow-x: auto; vertical-align: middle; }
.math.display > math { width: max-content; min-width: 100%; }
math { font-family: "Cambria Math", "STIX Two Math", serif; }
math[display="block"] { margin-block: .3rem; }
blockquote { border-left: 3px solid #adc5c4; padding-left: 1rem; }
strong { color: #142b39; }
img { display: block; max-width: 100%; height: auto; margin-block: 1rem; }
@media (max-width: 650px) { body { font-size: 16px; } main { padding: 1.7rem 1.1rem 3rem; } h1 { font-size: 1.75rem; } }
@media print { body, main { background: white; } nav { display: none; } main { max-width: none; padding: 0; } a { color: inherit; } }