html {
    text-size-adjust:100%;
    padding-bottom:4em;
}
body {
    font-family:serif;
    max-width:40em;
    margin:0 auto;
    padding:0 2%;
    line-height:1.5em;
    color:#111;
    background:#fff;
}
a {
    color:#1a0dab;
}
a:visited {
    color:#681da8;
}
pre {
    line-height:1.4;
    white-space:pre-wrap;
}
.sr-only {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
}
.banner-img {
    max-width:100%;
    height:auto;
}
.banner-wrap {
    text-align:center;
    margin-top:1.5em;
}
@media (max-width:600px) {
    body {
        padding:0 5%;
    }
    .hide-mobile {
        display:none;
    }
}
@media (prefers-color-scheme:dark) {
    body {
        color:#e0e0e0;
        background:#121212;
    }
    a {
        color:#8ab4f8;
    }
    a:visited {
        color:#c58af9;
    }
}