:root { color-scheme: light; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #20262e; background: #f7f8fa; line-height: 1.7; }
body { margin: 0; }
main { max-width: 780px; margin: 48px auto; padding: 40px 48px; background: white; border: 1px solid #e3e6ea; border-radius: 12px; }
h1, h2, h3 { color: #18283e; line-height: 1.25; }
h1 { font-size: 2rem; margin-top: 0; letter-spacing: -.025em; }
h2 { font-size: 1.3rem; margin-top: 2.2rem; padding-top: 1rem; border-top: 1px solid #e3e6ea; }
h3 { font-size: 1.1rem; margin-top: 1.6rem; }
p, ul { margin: 1rem 0; }
li { margin: .4rem 0; }
a { color: #075caa; text-underline-offset: .16em; overflow-wrap: anywhere; }
a:focus-visible { outline: 2px solid #075caa; outline-offset: 3px; }
code { font-size: .9em; background: #f1f3f6; padding: .1em .25em; border-radius: 3px; overflow-wrap: anywhere; }
.table-scroll { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; font-size: .9rem; }
th, td { border: 1px solid #dce1e7; padding: .6rem; text-align: left; vertical-align: top; }
th { background: #f1f3f6; }
@media (max-width: 640px) { main { margin: 0; padding: 28px 22px; border: 0; border-radius: 0; } h1 { font-size: 1.65rem; } }
@media print { :root { background: white; } main { border: 0; margin: 0; padding: 0; } }