/* 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-frame { box-sizing: border-box; width: 100%; padding: 0; }
.article-main { max-width: 1320px; margin: 0 auto; padding: 24px; }
.article-frame .article-main { padding: 24px; }
.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-frame .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; }

/* The heading and its separator precede media in both desktop and mobile rows. */
.article-main .article-content h2 { border-top: 1px solid #0360c2; border-bottom: 0; margin-top: 20px; margin-bottom: 20px; }
.article-frame .article-content h1,
.article-frame .article-content h2 { text-align: center; }
.article-main .content-row > h2 { grid-column: 1 / -1; grid-row: 1; margin-bottom: 0; }
.article-main .content-row:has(> h2) > .content-row__media,
.article-main .content-row:has(> h2) > .content-row__text { grid-row: 2; }
body[data-layout="home_v2"] .home-v2-intro { padding-bottom: 0; background: #003265; }

/* Keep each full banner at its natural ratio; the carousel retains its navigation. */
.Slider_slider__XE5hc { min-height: 0; }
.Carousel_sliderWrapper__PqRdQ { width: 100%; align-items: flex-start; }
.Carousel_slideWrapper__V3sNT { flex: 0 0 min(680px, 100%); min-width: 0; }
.Slider_slide__zNpe8 { width: 100%; height: auto; }
.Slider_slideImageWrapper__eaksr { width: 100%; height: auto; }
.Slider_slideImage__aBvRS { width: 100%; height: auto; object-fit: contain; }

/* Casino's independently positioned slider must remain inside the content stack. */
body[data-layout="casino"] .MainLayout_root__rqxHz { isolation: isolate; padding-top: var(--casino-header-offset, 160px); }
body[data-layout="casino"] #app_header { top: 40px; min-width: 0; height: auto; }
@media (max-width: 1099px) {
    body[data-layout="casino"] .MainLayout_root__rqxHz { padding-top: var(--casino-header-offset, 224px); }
}
