/*
 * Article readability trial, 2026-10-02.
 * Shared by the public article and the WordPress editor.
 * Original styles remain intact. See backups/before-article-css-20261002.
 */

/* 1. Base typography: nested elements inherit instead of growing by 1.2em. */
:is(.main .entry-post, .editor-styles-wrapper) {
    font-size: 18px;
    line-height: 1.85;
    overflow-wrap: break-word;
    margin-bottom: 3rem;
}

:is(.main .entry-post, .editor-styles-wrapper) :is(p, li, table):not(.has-small-font-size):not(.has-medium-font-size):not(.has-large-font-size):not(.has-x-large-font-size):not([style*="font-size"]) {
    font-size: inherit;
}

:is(.main .entry-post, .editor-styles-wrapper) p {
    margin-top: 0;
    margin-bottom: 1.25em;
}

/* 2. Headings: consistent hierarchy and moderate space between sections. */
:is(.main .entry-post, .editor-styles-wrapper) :is(h2, h3, h4, h5, h6).wp-block-heading {
    line-height: 1.5;
    font-weight: 700;
    margin-top: 2em;
    margin-bottom: .8em;
}

:is(.main .entry-post, .editor-styles-wrapper) h2.wp-block-heading {
    font-size: 1.5em;
    padding-left: 0;
}

:is(.main .entry-post, .editor-styles-wrapper) h3.wp-block-heading {
    font-size: 1.5em;
    border-top: 1px solid #dcd5c8;
    padding-top: .6em;
}

:is(.main .entry-post, .editor-styles-wrapper) h3.wp-block-heading::before {
    width: 3em;
    height: 3px;
    top: -2px;
}

:is(.main .entry-post, .editor-styles-wrapper) h4.wp-block-heading {
    font-size: 1.1em;
}

:is(.main .entry-post, .editor-styles-wrapper) :is(h5, h6).wp-block-heading {
    font-size: 1em;
}

/* 3. Lists: native markers support wrapping, nesting and ordered-list starts. */
:is(.main .entry-post, .editor-styles-wrapper) :is(ul, ol).wp-block-list {
    padding-left: 1.6em;
    margin-top: 0;
    margin-bottom: 1.5em;
}

:is(.main .entry-post, .editor-styles-wrapper) ul.wp-block-list {
    list-style-type: disc;
}

:is(.main .entry-post, .editor-styles-wrapper) ol.wp-block-list {
    list-style-type: decimal;
}

:is(.main .entry-post, .editor-styles-wrapper) :is(ul, ol).wp-block-list > li {
    display: list-item;
    list-style-type: inherit;
    padding-left: .2em;
    line-height: 1.85;
    margin-bottom: .5em;
}

:is(.main .entry-post, .editor-styles-wrapper) :is(ul, ol).wp-block-list > li::before {
    content: none;
    display: none;
}

:is(.main .entry-post, .editor-styles-wrapper) .wp-block-list > li::marker {
    color: var(--color_custom_main, #E56C37);
    font-weight: 700;
}

:is(.main .entry-post, .editor-styles-wrapper) .wp-block-list .wp-block-list {
    margin-top: .5em;
    margin-bottom: .5em;
}

/* 4. Images and tables: reduce gaps and retain table columns on small screens. */
:is(.main .entry-post, .editor-styles-wrapper) :is(.wp-block-image, .wp-block-gallery) {
    margin-top: 2em;
    margin-bottom: 2em;
}

:is(.main .entry-post, .editor-styles-wrapper) .wp-block-image figcaption {
    font-size: .875em;
    line-height: 1.6;
    color: #595959;
}

:is(.main .entry-post, .editor-styles-wrapper) .wp-block-table {
    max-width: 100%;
    overflow-x: auto;
    margin-bottom: 2em;
}

:is(.main .entry-post, .editor-styles-wrapper) .wp-block-table table :is(th, td) {
    display: table-cell;
    padding: .75em 1em;
    vertical-align: top;
    min-width: 7em;
    border-bottom: 1px solid #dcd5c8;
}

:is(.main .entry-post, .editor-styles-wrapper) .wp-block-table + .wp-block-quote {
    margin-top: 0;
    margin-bottom: 2em;
}

/* 5. File links stay inline in text. Explicit file blocks retain their layout. */
:is(.main .entry-post, .editor-styles-wrapper) :is(p, li) > a:is([href$=".pdf"], [href$=".doc"], [href$=".docx"], [href$=".xls"], [href$=".xlsx"], [href$=".ppt"], [href$=".pptx"]):not(.wp-block-button__link) {
    display: inline;
    width: auto;
    min-width: 0;
}

:is(.main .entry-post, .editor-styles-wrapper) a {
    text-underline-offset: .18em;
}

:is(.main .entry-post, .editor-styles-wrapper) .wp-block-buttons .wp-block-button .wp-block-button__link,
:is(.main .entry-post, .editor-styles-wrapper) .wp-block-file a {
    min-width: 0;
    max-width: 100%;
    min-height: 48px;
    height: auto;
    padding: .75em 1.5em;
    font-size: 1em;
    line-height: 1.6;
    white-space: normal;
    overflow-wrap: anywhere;
}

.entry-post a[href$=".pdf"]:not(.wp-block-button__link), .entry-post a[href$=".doc"]:not(.wp-block-button__link), .entry-post a[href$=".docx"]:not(.wp-block-button__link), .entry-post a[href$=".xls"]:not(.wp-block-button__link), .entry-post a[href$=".xlsx"]:not(.wp-block-button__link), .entry-post a[href$=".ppt"]:not(.wp-block-button__link), .entry-post a[href$=".pptx"]:not(.wp-block-button__link), .editor-styles-wrapper a[href$=".pdf"]:not(.wp-block-button__link), .editor-styles-wrapper a[href$=".doc"]:not(.wp-block-button__link), .editor-styles-wrapper a[href$=".docx"]:not(.wp-block-button__link), .editor-styles-wrapper a[href$=".xls"]:not(.wp-block-button__link), .editor-styles-wrapper a[href$=".xlsx"]:not(.wp-block-button__link), .editor-styles-wrapper a[href$=".ppt"]:not(.wp-block-button__link), .editor-styles-wrapper a[href$=".pptx"]:not(.wp-block-button__link){
padding:.75em 1.5em .75em 4em}


@media (max-width: 768px) {
    :is(.main .entry-post, .editor-styles-wrapper) {
        font-size: 16px;
    }

    :is(.main .entry-post, .editor-styles-wrapper) .wp-block-table table {
        min-width: 32em;
    }
}