/* Static equivalents of the block styles used by the five source articles.
   Scoped to article content; the live theme's zero paragraph/heading margins remain. */
.article-content .has-text-align-center { text-align: center; }
.article-content .has-text-align-left { text-align: left; }
.article-content .has-text-align-right { text-align: right; }
.article-content .wp-block-image img {
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}
.article-content .wp-block-image figcaption {
    margin-top: .5em;
    margin-bottom: 1em;
}
.article-content .wp-block-quote { overflow-wrap: break-word; }
.article-content .wp-block-quote > cite { display: block; }
.article-content .wp-block-code code {
    direction: ltr;
    display: block;
    font-family: inherit;
    overflow-wrap: break-word;
    text-align: initial;
    white-space: pre-wrap;
}
.article-content .wp-block-table { overflow-x: auto; }
.article-content .wp-block-table table { border-collapse: collapse; width: 100%; }
.article-content .wp-block-table thead { border-bottom: 3px solid; }
.article-content .wp-block-table td,
.article-content .wp-block-table th { border: 1px solid; padding: .5em; }
.article-content .wp-block-table.is-style-stripes {
    background-color: initial;
    border-collapse: inherit;
    border-spacing: 0;
    border-bottom: 1px solid #f0f0f0;
}
.article-content .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: #f0f0f0; }
.article-content .wp-block-table.is-style-stripes td,
.article-content .wp-block-table.is-style-stripes th { border-color: transparent; }
.article-content .wp-block-table table[style*="border-width"] { border-style: solid; }
.article-content .wp-block-table table[style*="border-width"] td,
.article-content .wp-block-table table[style*="border-width"] th,
.article-content .wp-block-table table[style*="border-width"] tr,
.article-content .wp-block-table table[style*="border-width"] > * {
    border-style: inherit;
    border-width: inherit;
}
.article-content .wp-block-columns {
    display: flex;
    flex-wrap: wrap;
    align-items: normal;
    gap: 2em;
}
.article-content .wp-block-column {
    flex-grow: 1;
    min-width: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}
.article-publication { display: flex; flex-wrap: wrap; gap: 12px; color: var(--text-secondary); }
.article-content img { max-width: 100%; height: auto; }
.article-content--standard { max-width: 800px; margin: 0 auto; padding: 0 24px 64px; }
.article-content--standard p,
.article-content--standard ul,
.article-content--standard ol,
.article-content--standard figure,
.article-content--standard blockquote { margin-bottom: 1em; }
.article-content--standard ul,
.article-content--standard ol { padding-left: 24px; }
.article-content--standard h2,
.article-content--standard h3 { margin-top: 1em; margin-bottom: .5em; }
.article-heading h1 { margin-bottom: 16px; }
.article-heading img { margin-top: 24px; max-width: 100%; height: auto; }
.article-cta p { margin-bottom: 20px; }
.articles-overview h1 { font-size: 36px; line-height: 1.25; margin-bottom: 32px; }
.articles-list { list-style: none; }
.articles-list li { padding: 24px 0; border-top: 1px solid var(--border); }
.articles-list h2 { font-size: 22px; line-height: 1.35; margin-bottom: 8px; }
.articles-list time { display: block; color: var(--text-secondary); font-size: 13px; margin-bottom: 12px; }
.articles-list p { max-width: 760px; color: var(--text-secondary); }

@media (min-width: 782px) {
    .article-content .wp-block-columns { flex-wrap: nowrap; }
    .article-content .wp-block-column { flex-basis: 0; }
}
@media (max-width: 781px) {
    .article-content .wp-block-column { flex-basis: 100%; }
}
@media (max-width: 560px) {
    .articles-overview h1 { font-size: 30px; }
    .articles-list h2 { font-size: 20px; }
}
