/* Keep the dark News masthead legible against global heading colour rules. */
.yn-hero h1 {
    color: #fff;
}

.yn-article__body > .yn-answer {
    margin: 0 0 2.5em;
    padding: 26px 30px;
    border-top: 3px solid var(--yn-orange);
    background: var(--yn-cream);
    color: var(--yn-blue);
}
.yn-answer strong { display: block; margin-bottom: 8px; color: var(--yn-ink); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
.yn-article__body table { width: 100%; margin: 1.6em 0 2.4em; border-collapse: collapse; font-size: 15px; line-height: 1.55; }
.yn-article__body th, .yn-article__body td { padding: 14px 16px; border: 1px solid var(--yn-line); vertical-align: top; text-align: left; }
.yn-article__body th { background: var(--yn-blue); color: #fff; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; }
.yn-article__body tbody tr:nth-child(even) { background: #f8f6f1; }
.yn-article__body .wp-block-image { margin: 2.5em 0; }
.yn-article__body .wp-block-image img { display: block; width: 100%; height: auto; }
.yn-article__body figcaption { margin-top: 10px; color: #68727a; font-size: 13px; line-height: 1.5; }

@media (max-width: 640px) {
    .yn-article__body { overflow-wrap: anywhere; }
    .yn-article__body table { display: block; overflow-x: auto; white-space: normal; }
    .yn-article__body > .yn-answer { padding: 22px 20px; }
}


/* 2026-10-14: article page — smaller headings, uncropped hero, captioned figures */
.yn-article__header h1 {
    max-width: 20em;
    font-size: clamp(32px, 1.4rem + 2.2vw, 48px);
    line-height: 1.12;
    letter-spacing: -.035em;
    text-wrap: balance;
}
.yn-article__body h2 {
    margin: 2.5em 0 .7em;
    font-size: clamp(24px, 1.2rem + 1vw, 32px);
    line-height: 1.22;
    letter-spacing: -.02em;
}
.yn-article__hero img {
    height: auto;
    max-height: 600px;
    object-fit: contain;
    background: var(--yn-cream);
}
.yn-article__body figure.wp-block-image img { max-width: 100%; height: auto; border-radius: 12px; }
.yn-article__body figure.wp-block-image figcaption { font-size: 14px; }
.yn-card__media img { object-position: top center; }