article {
    margin-inline: clamp(2rem, 15vw, 10rem);
    margin-block: 3rem;
    display: flex;
    justify-content: center;
}

.story-page-header {
    font-weight: 300;
    font-size: 2.1rem;
    text-align: center;
    margin: auto;
    max-width: 80vw;
    margin-block: 3rem;
}

.story-section p {
    text-align: justify;
}

.story-section * {
    margin-block-start: 1.5em;
    max-width: clamp(20vw, 640px, 90vw);
    margin-inline: auto;
}

.right {
    float: right;
}

.left {
    float: left;
}

.story-section {
    width: fit-content;
    max-width: 90vw;
}

.story-section img {
    display: block;
    margin: auto;
    height: auto;
}

.story-section ul,
.story-section ol {
    max-width: clamp(15rem, 35rem, 80vw)
}

.story-section li {
    margin-block-start: 0.8em;
}

figcaption {
    text-align: center;
    font-style: italic;
    font-size: 0.9rem;
}