:root { color-scheme: light; }
body.doc { margin: 0; background: #f5f0e6; color: #1f1e1c; font: 1rem/1.65 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
.doc-bar { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1rem; max-width: 60rem; margin: 0 auto; padding: 1.1rem 1rem .8rem; border-bottom: 1px solid #1f1e1c; font-size: .9rem; }
.doc-bar a { color: #1f1e1c; }
.doc-bar span { color: #9c4422; font-weight: 600; font-size: .78rem; letter-spacing: .07em; text-transform: uppercase; }
.doc-body { max-width: 60rem; margin: 0 auto; padding: 1.5rem 1rem 4rem; }
.doc-source { font-size: .88rem; color: #6b665d; border-bottom: 1px solid #d6cdbd; padding-bottom: 1rem; }
h1, h2, h3, h4 { font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif; font-weight: 500; line-height: 1.2; }
h1 { font-size: 2.1rem; } h2 { font-size: 1.55rem; margin-top: 2.2rem; } h3 { font-size: 1.2rem; }
a { color: #9c4422; }
:focus-visible { outline: 3px solid #1f1e1c; outline-offset: 2px; }
code { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .9em; background: #ebe3d4; padding: .05em .3em; border-radius: 3px; }
pre { background: #fbf8f2; border: 1px solid #d6cdbd; padding: 1rem; overflow-x: auto; }
pre code { background: none; padding: 0; }
blockquote { margin: 1rem 0; padding: .6rem 1rem; border-left: 3px solid #c0603a; background: #fbf8f2; }
.table { overflow-x: auto; margin: 1rem 0; }
table { border-collapse: collapse; width: 100%; font-size: .92rem; background: #fbf8f2; }
th, td { border: 1px solid #d6cdbd; padding: .5rem .6rem; text-align: left; vertical-align: top; }
th { background: #ebe3d4; }