/* Scoped integration: uni.css owns the existing blue/orange theme, buttons,
   typography, TOC/FAQ and figures. Available legacy CSS had no content-row rules. */
.article-page { margin: 0; background: #003265; color: #fff; }
.article-page #app_header { position: relative; top: 0; width: 100%; }
.article-page #app_header .DropDownMenu_menu__fThgc { max-width: calc(100vw - 24px); }
.article-main { max-width: 1320px; margin: 0 auto; padding: 24px; }
.article-main .MainLayout_footer-text { padding: 0; }
.article-main article { line-height: 1.6; overflow-wrap: anywhere; }
.article-main figure img { display: block; max-width: 100%; height: auto; margin-inline: auto; }
.article-main .content-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; align-items: start; margin-block: 32px; }
.article-main .content-row__media, .article-main .content-row__text { min-width: 0; }
.article-main .content-row__media { grid-column: 1; grid-row: 1; }
.article-main .content-row__text { grid-column: 2; grid-row: 1; }
.article-main .content-row--reverse .content-row__media { grid-column: 2; }
.article-main .content-row--reverse .content-row__text { grid-column: 1; }
.article-main .resp_table { max-width: 100%; overflow-x: auto; }
.article-main table { width: 100%; border-collapse: collapse; }
.article-main th, .article-main td { padding: 12px; border: 1px solid #628eba; text-align: left; }
.article-main .table-of-contents, .article-main .faq-item { margin-block: 16px; }
.article-main summary { cursor: pointer; }
.article-main .table-of-contents__list { list-style: none; }
.article-main .table-of-contents__list li { display: list-item; background: none; }
.article-main .table-of-contents__list li::before { content: none; }
@media (max-width: 767px) {
    .article-page #app_header .DropDownMenu_container__NTRb8 { position: static; }
    .article-page #app_header .DropDownMenu_menu__fThgc { left: 12px; right: 12px; }
    .article-main { padding: 16px; }
    .article-main .content-row { display: flex; flex-direction: column; gap: 12px; }
    .article-main .content-row__media, .article-main .content-row__text { width: 100%; }
    .article-main .resp_table table { min-width: 700px; }
    .article-main .text_buttons { display: flex; flex-wrap: wrap; gap: 12px; }
    .article-main .text_buttons_td { width: auto; flex: 1 1 140px; }
}

/* Empty content layouts need only the fixed header offset, without the theme bottom gap. */
.MainLayout_root__rqxHz.content-layout-spacer { padding-bottom: 0; background: #003265; }