body {
    margin: 0;
    padding-top: 1.5rem;
    padding-bottom: max(1.5rem, env(safe-area-inset-bottom));
    background: #f9f9f9;
}

h1 {
    color: #2b3b5e;
    font-size: 22pt;
}

h2 {
    color: #2b3b5e;
    font-size: 17pt;
}

a:link,
a:visited {
    color: darkblue;
}

a:hover {
    color: blue;
}

a:active {
    color: darkgoldenrod;
}

.plus-screenshot--side {
    float: right;
    margin: 0 0 0.75em 0.75em;
}

.plus-screenshot--side img {
    width: auto;
    max-width: 7em;
    max-height: 60vh;
}

@media screen and (min-width: 40em) {
    .plus-screenshot--side img {
        max-width: 12em;
    }
}