/* ================================================================
   SAN NICODEMO ABATE — INDIVIDUAL STORY PAGE
   Load together with assets/css/stories.css
================================================================ */

.story-article {
    overflow: hidden;
}

.story-featured-image {
    width: min(88%, 760px);
    margin: 0 auto 38px;
}

.story-featured-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 22px;
    box-shadow: 0 18px 40px rgba(13, 27, 42, 0.12);
}

.story-featured-image figcaption,
.story-inline-image figcaption {
    margin-top: 10px;
    text-align: center;
    color: #6a7480;
    font-size: 0.86rem;
    line-height: 1.5;
}

.story-content {
    max-width: 780px;
    margin: 0 auto;
}

.story-content h2 {
    scroll-margin-top: 120px;
}

@media (max-width: 760px) {
    .story-featured-image {
        width: calc(100% - 36px);
        margin-bottom: 30px;
    }

    .story-featured-image img {
        border-radius: 18px;
    }
}


/* SAN NICODEMO DA CIRÒ */

.story-article-header {
    background:
        radial-gradient(circle at 50% 0%, rgba(203, 158, 43, 0.16), transparent 34%),
        linear-gradient(180deg, #f8f0df 0%, #fffdf9 100%);
}

.story-article > .story-featured-image {
    width: min(72%, 620px);
}

.story-article > .story-featured-image img {
    max-height: 760px;
    object-fit: cover;
    object-position: center top;
}

.story-content .story-featured-image {
    width: 100%;
    margin: 38px auto 46px;
}

.story-content .story-featured-image img {
    width: 100%;
    max-height: 620px;
    object-fit: cover;
}

.story-note {
    border-color: rgba(183, 141, 34, 0.30);
}

@media (max-width: 760px) {
    .story-article > .story-featured-image {
        width: calc(100% - 36px);
    }
}