:root {
    color-scheme: light;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #1f2328;
    background: #fff;
    -webkit-text-size-adjust: 100%;
}

* { box-sizing: border-box; }
body { margin: 0; }
.markdown-body {
    max-width: 980px;
    margin: 0 auto;
    padding: 48px 40px 64px;
    overflow-wrap: break-word;
}
h1, h2, h3, h4 {
    margin: 24px 0 16px;
    font-weight: 600;
    line-height: 1.25;
}
h1, h2 {
    padding-bottom: 0.3em;
    border-bottom: 1px solid #d1d9e0;
}
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1em; }
.markdown-body > :first-child { margin-top: 0; }
.markdown-body > :last-child { margin-bottom: 0; }
p, ul, ol, blockquote, pre, table { margin: 0 0 16px; }
ul, ol { padding-left: 2em; }
li + li { margin-top: 0.25em; }
li > p { margin-top: 16px; }
li > ul, li > ol { margin-top: 4px; margin-bottom: 0; }
a { color: #0969da; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus-visible { outline: 2px solid #0969da; outline-offset: 3px; }
strong { font-weight: 600; }
img { max-width: 100%; height: auto; }
blockquote { padding: 0 1em; color: #59636e; border-left: 4px solid #d1d9e0; }
code { padding: 0.2em 0.4em; border-radius: 4px; background: #eff1f3; font-size: 85%; }
pre { padding: 16px; overflow: auto; border-radius: 6px; background: #f6f8fa; }
pre code { padding: 0; background: transparent; }
table { display: block; max-width: 100%; overflow: auto; border-collapse: collapse; }
th, td { padding: 6px 13px; border: 1px solid #d1d9e0; }
hr { margin: 24px 0; border: 0; border-top: 1px solid #d1d9e0; }

@media (max-width: 600px) {
    .markdown-body { padding: 24px 20px 40px; }
}

@media print {
    :root { font-size: 10pt; color: #000; }
    .markdown-body { max-width: none; padding: 0; }
    a { color: inherit; }
    h1, h2, h3, h4 { break-after: avoid; }
    p, li { orphans: 3; widows: 3; }
    @page { margin: 15mm; }
}