/* Shared layout and typography for VTA detail pages. */
.vta-topic-single,
.vta-knowledge-single,
.vta-viewpoint-single,
.vta-event-single,
.vta-resource-single {
    line-height: 1.5;
}

.vta-topic-single__container,
.vta-knowledge-container,
.vta-viewpoint-single__container,
.vta-event-single__container,
.vta-resource-single__container {
    width: min(100% - var(--vta-container-gutter), var(--vta-container-max));
    margin-inline: auto;
}

.vta-event-single__heading {
    max-width: 980px;
    margin: 36px auto 0;
    padding-bottom: 42px;
    text-align: center;
}

/* Main article content. */
.vta-topic-single__content,
.vta-knowledge-intro p,
.vta-knowledge-intro .entry-content,
.vta-viewpoint-single__content,
.vta-event-single__content,
.vta-resource-single__content {
    font-size: 16px;
    line-height: 1.5;
}

.vta-topic-single__category,
.vta-knowledge-category,
.vta-viewpoint-single__category,
.vta-event-single__heading > span,
.vta-resource-single__category {
    font-size:12px;
}

.vta-topic-single__share svg,
.vta-knowledge-meta svg,
.vta-viewpoint-single__share svg,
.vta-event-single__meta svg,
.vta-resource-single__meta svg {
    display: block;
    width: 14px;
    height: 14px;
    fill: currentColor;
}

.vta-topic-single__meta time,
.vta-topic-single__share,
.vta-knowledge-meta,
.vta-viewpoint-single__summary time,
.vta-viewpoint-single__share,
.vta-event-single__meta time,
.vta-event-single__meta > div,
.vta-resource-single__meta time,
.vta-resource-single__meta > div {
    font-size:14px;
}

.vta-topic-single__section-title,
.vta-topic-analysis > h2,
.vta-multiview h2,
.vta-knowledge-intro h2,
.vta-knowledge-section > div > h2,
.vta-event-single__overview h2,
.vta-event-single__main > h2,
.vta-resource-viewpoints h2 {
    font-size:16px;
}

/* Discussion analysis and multiview blocks. */
.vta-topic-analysis p,
.vta-multiview-feature p {
    font-size:14px;
    line-height: 1.5;
}

.vta-multiview-feature__body > span,
.vta-multiview-feature strong,
.vta-multiview-feature small,
.vta-multiview-quote footer strong,
.vta-multiview-quote footer small {
    font-size:12px;
}

/* Knowledge detail and related cards. */
.vta-knowledge-intro h3 {
    font-size: 16px;
}

.vta-knowledge-slider p,
.vta-knowledge-viewpoints p {
    font-size:14px;
    line-height: 1.5;
}

.vta-knowledge-slider .more,
.vta-knowledge-viewpoints span,
.vta-knowledge-related span,
.vta-knowledge-events .body > span,
.vta-knowledge-related time,
.vta-knowledge-events dl,
.vta-knowledge-events .register,
.vta-knowledge-resources .download,
.vta-knowledge-viewpoints strong,
.vta-knowledge-viewpoints small {
    font-size:12px;
}

/* Viewpoint detail related cards. */
.vta-viewpoint-single__summary > p {
    font-size:14px;
}

.vta-other-viewpoint-card__category,
.vta-other-viewpoint-card__more,
.vta-other-viewpoint-card strong,
.vta-other-viewpoint-card small {
    font-size:12px;
}

.vta-other-viewpoint-card h3 {
    font-size: 18px;
}

.vta-other-viewpoint-card p {
    font-size:14px;
    line-height: 1.5;
}

/* Event detail. */
.vta-event-single__overview dt,
.vta-event-single__overview dd,
.vta-event-single__register {
    font-size:12px;
}

/* Publication detail and viewpoints. */
.vta-resource-single__download a,
.vta-resource-viewpoints__features span,
.vta-resource-viewpoints__features p,
.vta-resource-viewpoints__features strong,
.vta-resource-viewpoints__features small,
.vta-resource-viewpoints blockquote footer strong,
.vta-resource-viewpoints blockquote footer small {
    font-size:12px;
}

.vta-resource-viewpoints__features p {
    line-height: 1.5;
}

.vta-resource-viewpoints h3 {
    font-size: 18px;
}

.vta-resource-viewpoints blockquote {
    font-size: 14px;
}

/* Related cards: one typography scale shared by all single templates. */
.vta-knowledge-hero h1 {
    max-width: 980px;
    margin: 17px auto;
    color: var(--ks-blue);
    font: 400 clamp(30px, 4vw, 47px)/1.5 var(--vta-font-display);
}

.vta-analysis-slide p {
    font-size:14px;
    line-height: 1.5;
}

.vta-resource-topic-card__category,
.vta-event-topic-card .category {
    margin-bottom: 9px;
    color: var(--vta-color-red);
    font-size:12px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
}

.vta-resource-topic-card time,
.vta-event-topic-card time {
    margin-bottom: 11px;
    padding: 5px 8px;
    background: var(--vta-color-blue);
    color: var(--vta-color-white);
    font-size:12px;
    font-weight: 600;
    line-height: 1.5;
}

.vta-resource-knowledge-card h3,
.vta-event-knowledge-card h3 {
    margin: 0 0 9px;
    color: var(--vta-color-blue);
    font: 400 20px/1.5 var(--vta-font-display);
}

.vta-resource-knowledge-card h3 a,
.vta-event-knowledge-card h3 a,
.vta-resource-event-card h3 a {
    color: inherit;
}

.vta-resource-knowledge-card p,
.vta-event-knowledge-card p {
    margin: 0 0 9px;
    color: #000;
    font-size:14px;
    line-height: 1.5;
}

/* Keep the complete knowledge-card border visible inside Slick. */
.vta-resource-knowledge__slider .slick-list {
    padding-bottom: 2px;
}

.vta-resource-knowledge__slider .slick-track {
    display: flex;
    align-items: stretch;
}

.vta-resource-knowledge__slider .slick-slide {
    height: auto;
}

.vta-resource-knowledge__slider .slick-slide > div,
.vta-resource-knowledge__slider .vta-resource-knowledge-card {
    height: 100%;
}

.vta-resource-knowledge-card__body {
    box-sizing: border-box;
    border: 1px solid #cfcfcf;
    border-top: 0;
    border-radius: 0 0 8px 8px;
    background: #fff;
}

.vta-resource-event-card h3 {
    margin: 11px 0 22px;
    color: var(--vta-color-blue);
    font: 400 20px/1.5 var(--vta-font-display);
}

.vta-resource-event-card dl {
    margin: 0;
    padding: 13px 145px 13px 18px;
    border-top: 1px solid var(--vta-color-line);
    font-size:14px;
    line-height: 1.5;
}

/* Viewpoint detail: related publication cards. */
.vta-viewpoint-resource p {
    font-size:14px;
    line-height: 1.5;
}

.vta-viewpoint-resource time {
    display: block;
    color: var(--rs-blue);
    font-size:12px;
    line-height: 1.5;
}

.vta-viewpoint-resource__actions a {
    color: var(--rs-red);
    font-size:12px;
    line-height: 1.5;
}

/* Quote marks use SVG masks to avoid mojibake caused by font/encoding. */
.vta-multiview-quote::before,
.vta-multiview-quote::after,
.vta-knowledge-viewpoints__quotes blockquote::before,
.vta-knowledge-viewpoints__quotes blockquote::after,
.vta-resource-viewpoints blockquote::before,
.vta-resource-viewpoints blockquote::after {
    width: 40px;
    height: 40px;
    background-color: var(--vta-color-blue);
    background-image: none;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    color: transparent;
    content: "";
    font-size: 0;
}

.vta-multiview-quote::before,
.vta-knowledge-viewpoints__quotes blockquote::before,
.vta-resource-viewpoints blockquote::before {
    -webkit-mask-image: url("../images/quote-open.svg");
    mask-image: url("../images/quote-open.svg");
}

.vta-multiview-quote::after,
.vta-knowledge-viewpoints__quotes blockquote::after,
.vta-resource-viewpoints blockquote::after {
    -webkit-mask-image: url("../images/quote-close.svg");
    mask-image: url("../images/quote-close.svg");
}

@media (max-width: 549px) {
    .vta-topic-single__container,
    .vta-knowledge-container,
    .vta-viewpoint-single__container,
    .vta-event-single__container,
    .vta-resource-single__container {
        width: min(100% - var(--vta-container-gutter), var(--vta-container-max));
    }
}