/*
 * Styles for trusted legacy HTML stored in ArticleOne.Body.
 * Every rule is scoped to the article container so legacy markup cannot
 * override the ASP.NET Core header, navigation, listings, or footer.
 */
.legacy-article-content {
    display: flow-root;
    overflow-wrap: anywhere;
    color: var(--ink);
    font-size: 1.08rem;
    line-height: 1.7;
}

.legacy-article-content p {
    margin: 0 0 1.15rem;
}

.legacy-article-content h1,
.legacy-article-content h2,
.legacy-article-content h3,
.legacy-article-content h4,
.legacy-article-content h5,
.legacy-article-content h6 {
    clear: both;
    margin: 1.8rem 0 .8rem;
    padding-bottom: .35rem;
    border-bottom: 1px solid var(--line);
    color: var(--ink);
}

.legacy-article-content h1 {
    font-size: 2.2rem;
    text-align: center;
}

.legacy-article-content h2 {
    color: #2b6cb0;
    font-size: 1.7rem;
}

.legacy-article-content img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.legacy-article-content figure,
.legacy-article-content .figure20,
.legacy-article-content .figure30,
.legacy-article-content .figure40,
.legacy-article-content .figure50,
.legacy-article-content .figure60,
.legacy-article-content .figlarge {
    float: right;
    min-width: 150px;
    margin: .5rem 0 1rem 1.25rem;
    padding: .35rem;
    border: 1px solid #c8c8c8;
    background: #f9f9f9;
}

.legacy-article-content figure,
.legacy-article-content .figure30 {
    width: 30%;
}

.legacy-article-content .figure20 {
    width: 20%;
}

.legacy-article-content .figure40 {
    width: 40%;
}

.legacy-article-content .figure50 {
    width: 50%;
}

.legacy-article-content .figure60,
.legacy-article-content .figlarge {
    width: 60%;
}

.legacy-article-content img.scaled {
    display: block;
    width: 100%;
}

.legacy-article-content figcaption,
.legacy-article-content .figcap {
    padding: .35rem .2rem .1rem;
    font-size: .88rem;
    font-style: italic;
    line-height: 1.45;
    text-align: center;
}

.legacy-article-content .gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 1.25rem 0;
}

.legacy-article-content .figure_gallery {
    max-width: 200px;
    margin: 0;
    text-align: center;
}

.legacy-article-content .img_gallery {
    max-width: 100%;
    height: auto;
    border-radius: .25rem;
}

.legacy-article-content .thumb {
    width: auto;
    margin-bottom: .5rem;
    background: transparent;
}

.legacy-article-content .thumbinner {
    width: 98%;
    overflow: hidden;
    padding: .25rem;
    border: 1px solid #ccc;
    background: #f9f9f9;
    font-size: .94em;
    text-align: left;
}

.legacy-article-content .thumbimage,
.legacy-article-content img.thumbborder {
    width: auto;
    border: 1px solid #ccc;
}

.legacy-article-content .thumbcaption {
    width: 98%;
    padding: .25rem;
    border: 0;
    font-size: .95em;
    line-height: 1.4;
    text-align: center;
}

.legacy-article-content .tright {
    clear: right;
    float: right;
    margin-left: 1rem;
}

.legacy-article-content .tleft {
    clear: left;
    float: left;
    margin-right: 1rem;
}

.legacy-article-content .clear {
    clear: both;
}

.legacy-article-content table {
    max-width: 100%;
    border-collapse: collapse;
}

.legacy-article-content .datatable {
    display: block;
    overflow-x: auto;
}

.legacy-article-content .datatable th,
.legacy-article-content .datatable td {
    padding: .45rem;
    border: 1px solid #ddd;
}

.legacy-article-content .datatable th {
    background: #fcfce3;
}

.legacy-article-content .datatable td {
    background: #f8f9fa;
}

.legacy-article-content blockquote,
.legacy-article-content .templatequote {
    margin: 1.25rem 0;
    padding: .9rem 1.1rem;
    border-left: .3rem solid #2b6cb0;
    background: #f2f6fb;
}

.legacy-article-content .Verse {
    margin: 1rem 0;
    padding: .5rem;
    background: #fdefc1;
    color: #9b0000;
    font-size: .95rem;
    font-weight: 700;
    text-align: center;
}

.legacy-article-content .Reference {
    margin: 1rem 0;
    padding: .55rem 0;
    border-top: 1px dashed #366;
    border-bottom: 1px dashed #366;
    font-size: .85rem;
}

.legacy-article-content .Epilogue,
.legacy-article-content .MyComment {
    width: 100%;
    margin: .75rem 0;
    padding: .75rem 1rem;
    border-top: 1px solid #7d487d;
    border-bottom: 1px dashed #7d487d;
    background: #e9f5cf;
    text-align: justify;
}

.legacy-article-content .slidedata {
    max-width: 100%;
    margin: .5rem 0;
    padding: .5rem;
    border: 1px solid #ccc;
    background: #9cefce;
}

@media (max-width: 760px) {
    .legacy-article-content figure,
    .legacy-article-content .figure20,
    .legacy-article-content .figure30,
    .legacy-article-content .figure40,
    .legacy-article-content .figure50,
    .legacy-article-content .figure60,
    .legacy-article-content .figlarge,
    .legacy-article-content .tright,
    .legacy-article-content .tleft {
        float: none;
        width: 100%;
        min-width: 0;
        margin: 1rem 0;
    }

    .legacy-article-content .figure_gallery {
        max-width: 100%;
    }
}