.wtw-article {
    color: #202124;
    font-size: 17px;
    line-height: 1.9;
    max-width: 860px;
    margin: 0 auto;
}

.wtw-article p {
    margin: 0 0 1.15em;
    text-indent: 2em;
}

.wtw-article .wtw-figure {
    max-width: var(--wtw-landscape-width, 720px);
    margin: 1.6em auto;
    text-align: center;
}

.wtw-article .wtw-figure img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.wtw-article .wtw-figure-landscape {
    max-width: var(--wtw-landscape-width, 720px);
}

.wtw-article .wtw-figure-square {
    max-width: var(--wtw-square-width, 560px);
}

.wtw-article .wtw-figure-portrait {
    max-width: min(100%, calc(var(--wtw-portrait-height, 680px) * 0.75));
}

.wtw-article .wtw-figure-portrait img {
    width: auto;
    max-height: inherit;
    max-width: 100%;
}

.wtw-article .wtw-figure-portrait[style*="--wtw-portrait-height"] img {
    max-height: var(--wtw-portrait-height, 680px);
}

.wtw-article .wtw-figure figcaption,
.wtw-article .wtw-caption {
    color: #666;
    font-size: 14px;
    line-height: 1.65;
    margin-top: 0.65em;
    text-align: center;
    text-indent: 0;
}

.wtw-article .wtw-heading {
    font-size: 1.25em;
    line-height: 1.45;
    margin: 2em 0 0.85em;
}

.wtw-article .wtw-reference,
.wtw-article .wtw-meta {
    color: #555;
    font-size: 14px;
    line-height: 1.75;
    text-indent: 0;
}

.wtw-article .wtw-meta {
    text-align: center;
}

@media (max-width: 760px) {
    .wtw-article {
        font-size: 16px;
    }
}