body {
    margin: auto;
    padding: 2em;
    max-width: 50em;
    font-size: 18px;
    font-family: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
    font-weight: normal;
    background-color: #f9f9f9;
}
aside {
    border: solid;
    border-width: 1px;
    padding: .5em;
}
a {
    color: cornflowerblue;
}
a:visited {
    color: darkslateblue;
}
a:hover {
    color: cadetblue;
}
.padded-boxes {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}
.padded-boxes > * {
    width: 100%;
    background: #eee;
    border-radius: .4rem;
}
.padded-boxes .heading {
    background: #b5c6e2;
    margin: 0;
    padding: 1rem;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
}
.padded-boxes .heading-preferred {
    background: #a7c8ff;
}
.padded-boxes .padded {
    padding: .1rem 1rem;
}
@media (min-width:768px) {
    .padded-boxes > * {
        width:calc((100% - 4rem) / 3);
    }
}