.reader {
    max-width: 75ch; 
    margin-inline: auto; 
    padding-block: 3rem;
}

.reader h1 {
    line-height: 1.2; 
    margin-bottom: 0.5rem;
}

.reader h1 + p {
    font-size: 1.25rem;
    color: rgb(89, 89, 89)
}

.reader p {
    font-size: 1.3rem;
}

.reader img {
    background-color: rgb(130, 130, 130);
    height: 200px;
    width: 200px;
    margin-inline: auto;
    margin-bottom: 0.5rem;
}

.reader img + p {
    max-width: 60ch; 
    margin-inline: auto; 
    text-wrap: balance; 
    text-align: center; 
    font-style: italic; 
    font-size: 0.9rem; 
    color: rgb(89, 89, 89)
}

.reader figure {
    margin-bottom: 1rem;
}

.reader figure img {
    background-color: rgb(133, 133, 133);
    height: 200px;
    width: 200px;
    margin-bottom: 0.5rem; 
    margin-inline: auto; 
}

.reader figure figcaption {
    max-width: 60ch; 
    margin-inline: auto; 
    text-wrap: balance; 
    text-align: center; 
    font-style: italic; 
    font-size: 0.9rem; 
    color: rgb(89, 89, 89)
}

.reader ul, .reader ol {
    margin-bottom: 1rem; list-style-position: inside;
}

.reader li {
    font-size: 1.5rem;
}

@media screen and (max-width: 630px) {
    .reader {
        padding-inline: 0.5rem;
    }
}