@media all and (max-width:1050px) {

    /* Hide the header advertisement on phones and tablets. */
    .pub-banner,
    #pub-header {
        display: none;
    }

    #contenu,
    #flex {
        width: 100%;
        flex-direction: column
    }

    #flex,
    body {
        padding: 0;
        margin: 0
    }

    * {
        box-sizing: border-box;
        -webkit-tap-highlight-color: transparent
    }

    body {
        width: 100%;
        min-width: 0;
        overflow-x: hidden
    }

    #image-carousel .splide__slide img {
        aspect-ratio: 847/404
    }

    #contenu {
        margin: 0;
        padding: 10px;
        min-width: 0
    }

    #contenu #textes,
    #contenu #textes .container {
        display: flex;
        flex-direction: column;
        width: 100%
    }

    #contenu #textes {
        margin: 0 0 20px;
        padding: 15px;
        min-width: 0
    }

    #contenu #textes #image-carousel {
        margin: 0 auto;
        float: none;
        min-height: 210px;
        order: 1;
        width: 100%
    }

    #contenu #textes .splide__slide img {
        width: 100%;
        height: auto;
        max-height: 250px;
        object-fit: cover;
        display: block
    }

    #contenu #textes table.table img,
    .logo-image,
    footer.footer #jeux-hasard .warning-container img,
    img {
        object-fit: contain
    }

    #contenu #textes p.splide__text {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 0;
        margin: 0
    }

    #contenu #textes p.splide__text a {
        display: block;
        background-color: rgba(0, 0, 0, .7);
        padding: 10px;
        font-size: 14px;
        line-height: 1.3
    }

    #contenu #textes .post article.article .content p {
        order: 2
    }

    #contenu #textes .post article.article .content .image {
        order: 1;
        float: none;
        width: 30%;
        padding: 5px 0;
        margin: 0
    }

    #contenu #textes p .image {
        float: none;
        width: 100%;
        margin: 0 0 15px;
        padding: 0
    }

    #contenu #textes p .image img {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
        display: block
    }

    #contenu #textes .container {
        align-items: stretch;
        gap: 0
    }

    #contenu #textes .container .content {
        margin: 0;
        padding: 0;
        margin-top: 0;
        padding-top: 0
    }

    #contenu #textes .container>br,
    footer.footer .col ul li:before,
    nav#site-navigation ul.nav-menu li:hover>ul {
        display: none
    }

    #contenu #textes .container img {
        width: 100%;
        max-width: 300px;
        height: auto;
        margin: 0 auto 6px;
    }

    #contenu #textes .container p {
        width: 100%;
    }

    #contenu #textes .container .content p:first-child {
        margin-top: 0;
        display: none
    }

    body>header {
        width: 100%;
        padding: 0;
        display: flex;
        flex-direction: row;
        align-items: stretch;
        justify-content: space-between;
        gap: 0;
        background: linear-gradient(180deg, #0b213a 0%, #071a2f 100%);
        position: relative;
        min-height: 50px
    }

    body>header .site-title-mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fffaf0;
        font-family: "Archivo Narrow", Roboto, Arial, sans-serif;
        font-size: clamp(16px, 5vw, 28px);
        font-weight: 700;
        letter-spacing: .05em;
        text-decoration: none;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 5;
        white-space: nowrap;
        max-width: calc(100% - 120px);
        overflow: hidden;
        text-overflow: ellipsis
    }

    body>header .site-title-mobile:hover {
        opacity: .85
    }

    body>header::after {
        content: "";
        width: 54px;
        flex-shrink: 0
    }

    body>header .burger-menu,
    nav#site-navigation .burger-menu {
        display: flex;
        width: 54px;
        min-height: 48px;
        padding: 0;
        background: transparent;
        border: none;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        gap: 0;
        margin: 0;
        z-index: 5002;
        position: relative;
        flex-shrink: 0;
        pointer-events: auto
    }

    body>header .burger-menu .burger-lines,
    nav#site-navigation .burger-menu .burger-lines {
        display: flex;
        width: 28px;
        height: auto;
        flex-direction: column;
        align-items: stretch;
        gap: 5px;
        background: transparent
    }

    body>header .burger-menu .burger-lines>span,
    nav#site-navigation .burger-menu .burger-lines>span {
        display: block;
        width: 100%;
        height: 2px;
        flex: 0 0 2px;
        border-radius: 999px;
        background-color: #fffaf0
    }

    #logo_header {
        display: none
    }

    

    

    

    #ftg,
    .social-icons {
        display: none
    }

    .logo-image {
        width: 350px;
        height: auto;
        max-width: 95%;
        margin: 0 auto
    }

    nav#site-navigation {
        position: absolute;
        top: 0;
        left: 0;
        width: 54px;
        height: 50px;
        background: transparent;
        padding: 0;
        margin: 0;
        z-index: 5000;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: auto
    }

    nav#site-navigation ul.nav-menu {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        width: 280px;
        max-width: 80vw;
        height: 100vh;
        height: 100dvh;
        margin: 0;
        padding: 58px 0 20px;
        box-sizing: border-box;
        background: linear-gradient(180deg, #0b213a 0%, #071a2f 100%);
        border-right: 3px solid #c99a35;
        transform: translateX(-100%);
        transition: transform .3s ease;
        visibility: hidden;
        pointer-events: none;
        z-index: 5001;
        overflow-y: auto;
        box-shadow: none;
        align-items: stretch;
        justify-content: flex-start
    }

    nav#site-navigation ul.nav-menu.active {
        transform: translateX(0);
        visibility: visible;
        pointer-events: auto;
        box-shadow: 4px 0 15px rgba(0, 0, 0, .3)
    }

    nav#site-navigation::after {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, .5);
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s ease, visibility .3s ease;
        z-index: 4999;
        pointer-events: none
    }

    nav#site-navigation.overlay-active::after,
    nav#site-navigation:has(ul.nav-menu.active)::after {
        opacity: 1;
        visibility: visible;
        pointer-events: auto
    }

    nav#site-navigation ul.nav-menu>li {
        width: 100%;
        border-bottom: 1px solid rgba(201, 154, 53, .2);
        position: static;
        text-align: left;
        display: block;
        height: auto;
        min-height: 0;
        max-height: none;
        flex: none;
        padding: 0;
        margin: 0;
        line-height: normal
    }

    nav#site-navigation ul.nav-menu>li>a,
    nav#site-navigation ul.nav-menu>li>span.menu-link {
        width: 100%;
        padding: 12px 20px;
        text-align: left;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #fffaf0;
        font-size: 16px;
        font-weight: 600;
        transition: background .2s;
        cursor: pointer;
        box-sizing: border-box;
        height: auto;
        min-height: 0;
        line-height: 1.4
    }

    nav#site-navigation ul.nav-menu>li>span.menu-link::after {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        border-right: 2px solid #fffaf0;
        border-bottom: 2px solid #fffaf0;
        transform: rotate(45deg);
        transition: transform .2s ease;
        flex-shrink: 0;
        margin-left: 10px
    }

    nav#site-navigation ul.nav-menu>li.active>span.menu-link::after {
        transform: rotate(-135deg);
        border-right-color: #071a2f;
        border-bottom-color: #071a2f
    }

    nav#site-navigation ul.nav-menu>li:hover {
        background-color: transparent
    }

    nav#site-navigation ul.nav-menu>li>a:hover,
    nav#site-navigation ul.nav-menu>li>span.menu-link:hover {
        background: linear-gradient(180deg, #d9ad4b 0%, #c99a35 100%);
        color: #071a2f;
        text-decoration: none
    }

    nav#site-navigation ul.nav-menu>li>span.menu-link:hover::after {
        border-right-color: #071a2f;
        border-bottom-color: #071a2f
    }

    nav#site-navigation ul.nav-menu>li>ul,
    nav#site-navigation ul.nav-menu li ul {
        display: none;
        width: 100%;
        background: rgba(0, 0, 0, .12);
        padding: 0;
        margin: 0;
        position: static;
        border-radius: 0;
        box-shadow: none;
        top: auto;
        left: auto;
        transform: none;
        min-width: 0;
        flex-direction: column
    }

    nav#site-navigation ul.nav-menu>li.active>ul,
    nav#site-navigation ul.nav-menu li.active>ul {
        display: block
    }

    nav#site-navigation ul.nav-menu>li>ul>li {
        width: 100%;
        text-align: left;
        border-bottom: 1px solid rgba(201, 154, 53, .08);
        height: auto;
        min-height: 0;
        padding: 0;
        margin: 0
    }

    nav#site-navigation ul.nav-menu>li>ul>li:last-child {
        border-bottom: none
    }

    nav#site-navigation ul.nav-menu>li>ul>li>a {
        width: 100%;
        padding: 10px 20px 10px 30px;
        display: block;
        font-size: 14px;
        color: #fffaf0;
        opacity: .85;
        transition: opacity .2s, background .2s;
        box-sizing: border-box;
        height: auto;
        min-height: 0;
        line-height: 1.3
    }

    nav#site-navigation ul.nav-menu>li>ul>li>a:hover {
        opacity: 1;
        background: #e2d6c4;
        color: #071a2f;
        text-decoration: none;
        transform: none
    }

    nav#site-navigation ul.nav-menu>li.active>a,
    nav#site-navigation ul.nav-menu>li.active>span.menu-link {
        background: linear-gradient(180deg, #d9ad4b 0%, #c99a35 100%);
        color: #071a2f
    }

    nav#site-navigation ul.nav-menu li span.menu-link {
        cursor: pointer
    }

    nav#site-navigation ul.nav-menu li#menu_recherche {
        width: 100%;
        margin-left: 0;
        padding: 12px 20px;
        display: flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
        box-sizing: border-box;
        height: auto;
        min-height: 0
    }

    nav#site-navigation ul.nav-menu li#menu_recherche .icone-loupe {
        width: 18px;
        height: 18px;
        stroke: #fffaf0
    }

    nav#site-navigation ul.nav-menu li#menu_recherche #titre_menu_recherche {
        display: inline;
        color: #fffaf0;
        font-size: 16px;
        font-weight: 600
    }

    nav#site-navigation ul.nav-menu li#menu_recherche:hover {
        background: #d9ad4b
    }

    nav#site-navigation ul.nav-menu li#menu_recherche:hover #titre_menu_recherche {
        color: #071a2f
    }

    nav#site-navigation ul.nav-menu li#menu_recherche:hover .icone-loupe {
        stroke: #071a2f
    }

    /* Scrollable editorial tables retain their native rows and columns. */
    #contenu #textes table.table:not(.tinymce-responsive table) {
        border: none;
        background: 0 0;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        width: 100%
    }

    #contenu #textes table.table:not(.tinymce-responsive table) tr {
        display: block;
        margin: 0;
        padding: 0;
        border: none
    }

    #contenu #textes table.table:not(.tinymce-responsive table) td {
        display: block;
        width: 100%;
        border: none;
        padding: 10px 0;
        text-align: center
    }

    #contenu #textes table.table:not(.tinymce-responsive table) td:hover,
    #contenu #textes table.table:not(.tinymce-responsive table) tr:hover td {
        background: 0 0;
        cursor: default
    }

    @media screen and (max-width:480px) {
        #contenu #textes table.table:not(.tinymce-responsive table) td {
            min-width: 150px
        }

    }

    #contenu #textes table.table:not(.tinymce-responsive table) td:hover {
        background: 0 0
    }

    #contenu #textes table.table img {
        width: 100%;
        height: auto;
        max-width: 468px;
        display: block;
        margin: 0 auto
    }

    #contenu #textes>h2 {
    width: 100%;
    font-size: 19px;
    line-height: 1.35;
    padding: 14px 17px 14px 20px;
    margin: 26px 0 18px;
    border-radius: 9px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
    }

    #contenu #textes>h2::before {
        width: 6px;
    }

    #contenu #textes>h2::after {
        left: 18px;
        right: 18px;
    }

    footer.footer {
        width: 100%;
        right: 0;
        padding: 10px
    }

    footer.footer #cols {
        width: 100%;
        flex-direction: column;
        gap: 20px
    }

    footer.footer .col {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid rgba(255, 250, 240, .18);
        padding: 0 0 20px
    }

    footer.footer .col:last-child {
        border-bottom: none
    }

    footer.footer .col ul li {
        text-align: center;
        padding-left: 0
    }

    footer.footer #jeux-hasard {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 10px;
        margin: 0
    }

    footer.footer #jeux-hasard .warning-container {
        flex-direction: column;
        gap: 10px;
        padding: 20px 0 0;
        border-top: 1px solid rgba(255, 250, 240, .18);
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 100%
    }

    footer.footer #jeux-hasard .warning-container>div {
        width: 100%;
        padding: 10px
    }

    footer.footer #jeux-hasard .warning-container img {
        height: 30px;
        width: auto
    }

    footer.footer #jeux-hasard .warning-text-content {
        width: 100%;
        max-width: 100%;
        word-wrap: break-word
    }

    footer.footer #jeux-hasard .pub-container {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        transform: scale(.7)
    }

    #contenu #textes .bloc {
        width: 100%;
        margin-bottom: 20px
    }

    #contenu #textes .bloc h4 {
        width: 100%;
        height: auto;
        min-height: 130px;
        background-size: cover;
        background-position: center
    }

    #contenu #textes .bloc h4 a {
        width: 100%;
        height: 100%;
        min-height: 130px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #contenu #textes,
    .footer-box #cols {
        flex-direction: column;
        display: flex
    }

    #contenu #textes .blocs .bloc ul {
        width: 100%;
        background-color: #f5f1e8
    }

    .footer-box {
        width: 100%;
        margin: 0 auto 20px;
        padding: 10px
    }

    .footer-box #cols {
        width: 100%;
        margin: 0
    }

    #flex>footer {
        width: 100%;
        height: auto;
        background-size: contain;
        margin: 0
    }

    .news-container {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 5px
    }

    .news-container #image-carousel {
        width: 100%;
        order: -1;
        margin-bottom: 10px
    }

    #contenu #textes .carousel-section,
    .news-container .nouveautes-liste {
        width: 100%
    }

    #contenu #textes .carousel-section,
    #contenu #textes>div>div {
        width: 100%
    }

    #contenu #textes>div:not(.article-meta) {
        flex-direction: column
    }

    #contenu #textes>div.flex-container {
        order: -2;
        gap: 0;
    }

    #contenu #textes > div.flex-container > div {
    margin-bottom: 0;
    }

    #contenu #textes>h1.title {
        order: -1;
        margin-top: 14px
    }

    #contenu #textes>div>div {
        width: 100%;
        margin-bottom: 20px
    }

    .nouveaute-date {
        color: #071a2f;
    }

    #contenu #textes .nouveautes-liste {
        order: 2;
        width: 100%
    }

    #contenu #textes .adgamb {
        width: 100%;
        max-width: 728px;
        margin: 20px auto;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden
    }

    #contenu #textes .adgamb iframe,
    #contenu #textes .adgamb img {
        width: 100%;
        height: auto;
        max-height: 90px;
        object-fit: contain
    }

    #contenu #textes .post {
        display: flex;
        flex-direction: column;
        gap: 20px;
        clear: both;
        width: 100%
    }

    #contenu #textes .post article.article {
        width: 100%;
        margin: 0 0 20px;
        height: auto;
        min-height: 300px
    }

    #contenu #textes .bloc img,
    footer img,
    img {
        max-width: 100%;
        height: auto
    }

    #contenu #textes img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 10px auto
    }

    #contenu #textes article.article .image {
        width: 100%;
        max-width: 200px;
        height: auto;
        aspect-ratio: 1/1;
        margin: 0 auto 10px
    }

    #contenu #textes article.article .image a,
    #contenu #textes article.article .image img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    #contenu #textes table img {
        max-width: 100%;
        height: auto;
        margin: 0 auto
    }

    iframe[src*=vimeo],
    iframe[src*=youtube] {
        width: 100%;
        height: auto;
        aspect-ratio: 16/9
    }

    .copyright {
        width: 100%;
        padding: 10px;
        text-align: center;
        font-size: 13px
    }

    .copyright .links {
        display: block;
        margin-top: 5px
    }

    .copyright a {
        display: inline-block;
        padding: 0 5px
    }

    .spacer {
        height: 10px
    }

    .spacer.small {
        height: 6px
    }

    .spacer.medium {
        height: 10px
    }

    .spacer.large {
        height: 10px
    }

    @media screen and (max-width:480px) {
        #contenu #textes table.table img {
            max-width: 100%
        }

        

        

        #contenu #textes .adgamb {
            margin: 15px auto;
            transform: scale(.9);
            transform-origin: center center
        }

    }

    footer.footer .col h2,
    footer.footer .col h3,
    footer.footer .col h4,
    footer.footer .col ul li>strong,
    footer.footer .col>p>strong,
    footer.footer .col>strong {
        display: block;
        text-align: center;
        margin: 6px auto 10px
    }

    footer.footer .col h2 a,
    footer.footer .col h3 a,
    footer.footer .col h4 a,
    footer.footer .col ul li>strong a {
        display: inline-block;
        text-align: center
    }
}

#contenu,
#flex,
#textes {
    min-width: auto;
    width: 100%
}


nav#site-navigation ul.nav-menu li:hover>ul {
    display: none
}

nav#site-navigation ul.nav-menu li a,
nav#site-navigation ul.nav-menu li span.menu-link {
    cursor: pointer
}

nav#site-navigation ul.nav-menu li.active>ul {
    display: flex
}


#flex {
    padding: 10px
}

#contenu,
#textes {
    max-width: 100%
}

#box-textes {
    width: 100%
}


#ftg,
.social-icons {
    justify-content: center
}


@media screen and (max-width:480px) {

    

    

    #contenu,
    #flex {
        padding: 5px
    }

    #textes {
        padding: 10px
    }

    .copyright {
        padding: 10px 15px;
        font-size: 12.5px
    }

    .copyright br {
        display: block;
        margin: 5px 0
    }
}

#ftg {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 5px 0
}

#ftg img {
    width: 35px;
    height: 35px;
    padding: 0;
    object-fit: contain
}

#ftg a {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0
}

.social-icons {
    width: 100%;
    display: flex;
    padding: 0;
    margin: 0
}

#contenu #textes .adgamb {
    width: 100%;
    max-width: 728px;
    margin: 10px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible;
    transform: scale(1)
}

#contenu #textes .adgamb iframe,
#contenu #textes .adgamb img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: none;
    object-fit: contain
}

@media screen and (max-width:480px) {
    #contenu #textes .adgamb {
        transform: scale(.95);
        transform-origin: center center;
        margin: 5px auto
    }
}

#contenu #textes .post article.article .content {
    display: flex;
    flex-direction: column;
    gap: 6px
}

#contenu #textes .post article.article .main-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px
}

#contenu #textes .post article.article .main-row .image {
    order: 0;
    width: 60px;
    height: 60px;
    min-width: 60px;
    max-width: 70px;
    max-height: 70px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 6px;
    background: 0 0
}

#contenu #textes .post article.article .main-row .image a,
#contenu #textes .post article.article .main-row .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

#contenu #textes .post article.article .main-row .texte {
    position: relative;
    flex: 1 1 0%;
    min-width: 0;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    white-space: normal;
    text-overflow: ellipsis;
    max-height: 7.5em
}

#contenu #textes .post article.article .main-row .texte>* {
    display: inline;
    white-space: normal;
    margin: 0;
    padding: 0
}

#contenu #textes .post article.article .content>.image,
#contenu #textes .post article.article .content>.texte {
    display: initial
}

#contenu #textes .article-meta-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3px;
    min-width: 0;
    width: 100%
}

#contenu #textes .article-meta-container .categorie {
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    max-width: 100%;
    overflow: visible;
    flex-shrink: 0;
    font-size: 13px;
    margin-left: auto
}

#contenu #textes .article-meta-container .categorie .fa-folder {
    font-size: 13px
}

#contenu #textes .article-meta-container .date {
    flex-shrink: 1;
    min-width: 0
}

@media (max-width:768px) {
    .tinycme thead {
        display: none
    }

    .tinycme tr {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid #c6d0da;
        padding: .5rem
    }

    .tinycme td {
        display: block;
        text-align: right;
        position: relative;
        padding-left: 50%;
        border: none;
        border-bottom: 1px solid #e2d6c4
    }

    .tinycme td::before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        width: 45%;
        padding-left: 1rem;
        font-weight: 700;
        text-align: left;
        color: #303746
    }
}


@media (max-width:1200px) {
    header {
        justify-content: center;
        padding: 20px
    }

    #logo,
    .social-icons {
        position: static
    }

    
}



@media screen and (max-width:600px) {
    .contact-container {
        padding: 0;
        margin: 20px 0;
        width: 100%;
        min-width: 0;
    }

    .form-group input,
    .form-group textarea {
        max-width: 100%
    }

    .report-context {
        width: 100%;
        padding: 12px 13px;
    }

    .report-contact-container {
        margin-top: 14px;
    }

    .report-form {
        gap: 13px;
    }

    .report-form-row {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .report-form .form-group select {
        max-width: 100%;
    }

    .report-intro {
        font-size: 14px;
        text-align: left;
    }

    .submit-btn {
        width: 100%
    }

    .recaptcha-container {
        width: 100%;
        margin: 10px 0;
        transform: none;
    }

    .g-recaptcha {
        transform-origin: left top;
    }
}

@media screen and (min-width:480px) {
    .container.tab {
        display: flex;
        flex-wrap: wrap;
        gap: 10px
    }
}

@media (min-width:900px) {
    .share-mini li .sm {
        width: 38px;
        height: 38px
    }

    .share-mini li .sm::before,
    .share-mini li .x {
        font-size: 17px
    }
}


@media (max-width:992px) {

    .lien-articles,
    .ce-sommaire {
        max-width: 95%;
        font-size: 16px
    }

    .lien-articles summary,
    .ce-sommaire summary {
        font-size: 17px;
        padding: 10px 14px
    }

    .lien-articles ul,
    .ce-sommaire ul {
        margin: 10px 20px 15px 30px
    }
}

@media (max-width:480px) {
    

    

.btn-action {
        display: block;
        width: 100%;
        padding: 20px 36px;
        margin: 6px auto 3px;
        border-radius: 8px;
        font-size: 20px;
        text-align: center
    }

    
    
    
    
    
    
    
    
    }


@media (max-width:600px) {

    .copy-wrap:focus-within .copy-input {
        width: 160px
    }

    body,
    html {
        overflow-x: hidden
    }

    .ce-sommaire {
        width: 95%;
        margin: 15px auto;
        box-shadow: 0 1px 4px rgba(7, 26, 47, .1)
    }

    .ce-sommaire summary {
        font-size: 16px;
        padding: 10px 12px;
        flex-wrap: wrap
    }

    .ce-sommaire summary::after {
        font-size: 12.5px;
        margin-left: 8px
    }

    .ce-sommaire ul {
        margin: 8px 18px 12px 25px
    }

    .ce-sommaire a {
        display: block;
        padding: 4px 0
    }

    .pub-art-int,
    .pub-art-int-content {
        text-align: center
    }

    .pub-art-int {
        flex-direction: column;
        padding: 12px
    }

    .pub-art-int-image {
        margin: 0 0 10px
    }

    .pub-art-int-image img {
        width: 90px;
        height: 90px
    }

    #contenu #textes>h2 {
    font-size: 17px;
    line-height: 1.35;
    padding: 12px 14px 12px 16px;
    margin: 24px 0 15px;
    width: 100%;
    text-align: left;
    border-radius: 8px;
    border-bottom-width: 2px;
    box-shadow:
        0 6px 14px rgba(7, 26, 47, .18),
        inset 0 1px 0 rgba(255, 255, 255, .12);
    }

    #contenu #textes>h2::before {
        width: 5px;
    }

    #contenu #textes>h2::after {
        left: 16px;
        right: 16px;
    }

    
    
    
    
    
    
    }


.icon-clock::after,
.icon-clock::before {
    content: "";
    position: absolute;
    width: 2px;
    background: currentColor;
    left: 50%;
    top: 50%
}





.icon-clock {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid currentColor;
    position: relative;
    box-sizing: border-box;
    margin-right: 4px;
    vertical-align: middle
}

.icon-clock::before {
    height: 5px;
    transform: translate(-50%, -80%) rotate(0);
    transform-origin: 50% 100%
}

.icon-clock::after {
    height: 7px;
    transform: translate(-50%, -90%) rotate(90deg);
    transform-origin: 50% 100%
}

.lien-articles summary::-webkit-details-marker {
    display: none
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media (max-width:600px) {
    .lien-articles {
        width: 95%;
        margin: 15px auto;
        box-shadow: 0 1px 4px rgba(7, 26, 47, .1)
    }

    .lien-articles summary {
        font-size: 16px;
        padding: 10px 12px;
        flex-wrap: wrap
    }

    .lien-articles summary::after {
        font-size: 12.5px;
        margin-left: 8px
    }

    .lien-articles ul {
        margin: 8px 18px 12px 25px
    }

    .lien-articles a {
        display: block;
        padding: 4px 0
    }
}

@media all and (max-width:1050px) {
    .author-separator+.container img {
        width: 200px;
        height: 200px;
        max-width: 200px;
        max-height: 200px;
        object-fit: cover;
        object-position: center top;
        margin: 6px auto 8px;
        border-radius: 50%;
        aspect-ratio: 1/1
    }
}
/* =========================
   Responsive: large tablets
   ========================= */
/* Adjust spacing before switching to a single column. */
@media (max-width: 1024px) {

    .ce-actualite-card {
        padding: 18px;
    }

    .ce-actualite-content {
        gap: 18px;
    }

    .ce-actualite-img img {
        width: 220px;
        height: 220px;
    }

    .ce-actualite-text h3 {
        font-size: 20px;
    }

    .ce-actualite-text p {
        font-size: 15px;
    }
}

/* =========================
   Responsive: tablets + mobile
   ========================= */
/* Use a single column with the image above the content. */
@media (max-width: 768px) {

    .ce-actualite-card {
        padding: 16px;
        margin: 25px 0;
    }

    .ce-actualite-content {
        flex-direction: column;
        gap: 14px;
    }

    .ce-actualite-img {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .ce-actualite-img img {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        max-width: 520px;
        margin: 0 auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .ce-actualite-meta {
        margin-bottom: 6px;
    }

    .ce-actualite-text h3 {
        font-size: 19px;
        margin-bottom: 10px;
    }

    .ce-actualite-text p {
        font-size: 15px;
        margin-bottom: 12px;
        padding-bottom: 0;
    }

    .ce-actualite-text p:last-of-type {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .ce-actualite-btn {
        width: 100%;
        text-align: center;
        padding: 11px 14px;
    }
}

/* =========================
   Responsive: small mobile
   ========================= */
@media (max-width: 420px) {

    .ce-actualite-card {
        padding: 14px;
        border-radius: 9px;
    }

    .ce-badge-hot {
        font-size: 12.5px;
        padding: 4px 9px;
    }

    .ce-actualite-date {
        font-size: 13px;
    }

    .ce-actualite-text h3 {
        font-size: 18px;
    }

    .ce-actualite-text p {
        font-size: 14.5px;
    }
}
@media (max-width: 640px){
  #contenu #textes p.bouton{
    text-align: left;
  }
  #contenu #textes p.bouton a{
    max-width: 100%;
    border-radius: 16px;
    padding: 12px 14px;
  }
}

/* Component media rules migrated from style.css. */

@media screen and (max-width:1024px) {

    #contenu #textes .post article.article:not(.modern-post-card),
    #contenu #textes .post article.modern-post-card {
        width: calc(100% - 20px)
    }
}

@media screen and (max-width:768px) {
    #contenu #textes .post article.modern-post-card .post-content-wrapper {
        grid-template-columns: 1fr;
        gap: 15px
    }

    #contenu #textes .post article.modern-post-card .post-image-container {
        grid-column: 1;
        grid-row: 2;
        height: 180px
    }

    #contenu #textes .post article.modern-post-card .post-text-content {
        grid-column: 1;
        grid-row: 1
    }

    #contenu #textes .post article.modern-post-card .post-title {
        font-size: 18px
    }

    #contenu #textes .post article.modern-post-card {
        padding: 15px
    }

    #contenu #textes .post article.modern-post-card .post-footer {
        flex-direction: column;
        gap: 12px;
        align-items: stretch
    }

    #contenu #textes .post article.modern-post-card .post-read-more {
        text-align: center;
        justify-content: center
    }
}

@media screen and (max-width: 768px) {
    #contenu #textes .ce-sommaire {
        margin: 24px 0 30px;
        border-radius: 14px;
        border-left-width: 6px
    }

    #contenu #textes .ce-sommaire summary {
        padding: 14px 16px;
        font-size: 18px
    }

    #contenu #textes .ce-sommaire ul {
        padding: 14px
    }

    #contenu #textes .ce-sommaire li {
        padding: 10px 10px 10px 30px;
        font-size: 14px
    }
}


@media screen and (max-width: 768px) {
  .ce-enbref {
    padding: 16px;
    margin: 24px 0 30px;
    border-radius: 14px;
    border-left-width: 6px;
  }

  .ce-enbref-preview,
  .ce-enbref-content p,
  .ce-enbref-content li,
  .ce-enbref summary {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  #contenu #textes .ce-site-preview {
    margin: 26px 0 30px;
    padding: 16px;
    border-radius: 14px;
    border-left-width: 6px;
  }

  #contenu #textes .ce-site-preview-header {
    gap: 10px;
    margin-bottom: 14px;
  }

  #contenu #textes .ce-site-preview-header::before {
    width: 34px;
    height: 34px;
    font-size: 17px;
    border-radius: 10px;
  }

  #contenu #textes .ce-site-preview-header strong {
    font-size: 19px;
  }

  #contenu #textes .ce-site-preview-label {
    font-size: 12.5px;
  }

  #contenu #textes .ce-browser-top {
    grid-template-columns: 10px 10px 10px 1fr;
    gap: 6px;
    min-height: 38px;
    padding: 0 10px;
  }

  #contenu #textes .ce-browser-top span {
    width: 9px;
    height: 9px;
  }

  #contenu #textes .ce-browser-url {
    font-size: 12.5px;
    padding: 5px 10px;
  }

  #contenu #textes .ce-site-preview-caption {
    font-size: 13px;
  }
}

/* Article metadata, date and reading time. */
@media (max-width:768px) {
    #contenu #textes .article-meta {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 8px 12px;
        width: 100%;
        margin: 12px 0 22px;
        font-size: 13px;
        flex-wrap: nowrap
    }

    #contenu #textes .article-meta p {
        margin: 0;
        padding: 0
    }

    #contenu #textes .article-meta .date,
    #contenu #textes .article-meta .reading-time {
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
        line-height: 1.4;
        margin: 0;
        padding: 0;
        white-space: nowrap
    }

    #contenu #textes .article-meta .date .fa,
    #contenu #textes .article-meta .date .date-text,
    #contenu #textes .article-meta .reading-time .icon-clock {
        display: inline-block;
        margin: 0;
        padding: 0;
        line-height: 1.4
    }

    #contenu #textes .article-meta .reading-time {
        margin-left: auto
    }
}

/*
Legacy home: editorial content and internal links
*/

@media all and (max-width:760px) {
    #cehome-editorial-intro {
        margin: 22px 0 26px;
        padding: 22px 20px;
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 16px;
        border-radius: 16px;
    }

    #cehome-editorial-intro .cehome-editorial-icon {
        width: 52px;
        height: 52px;
        border-radius: 13px;
    }

    #cehome-editorial-intro .cehome-editorial-icon svg {
        width: 26px;
        height: 26px;
    }

    #cehome-editorial-intro .cehome-editorial-title {
        font-size: 24px;
    }

    #cehome-editorial-intro .cehome-editorial-text {
        font-size: 14px;
        line-height: 1.62;
    }
}

@media all and (max-width:520px) {
    #cehome-editorial-intro {
        padding: 20px 17px 21px;
        grid-template-columns: 1fr;
        gap: 12px;
        align-items: start;
    }

    #cehome-editorial-intro::before {
        top: 14px;
        bottom: 14px;
        width: 3px;
    }

    #cehome-editorial-intro .cehome-editorial-icon {
        width: 44px;
        height: 44px;
    }

    #cehome-editorial-intro .cehome-editorial-icon svg {
        width: 23px;
        height: 23px;
    }

    #cehome-editorial-intro .cehome-editorial-kicker {
        margin-bottom: 6px;
        font-size: 14px;
        letter-spacing: .09em;
    }

    #cehome-editorial-intro .cehome-editorial-title {
        margin-bottom: 8px;
        font-size: 22px;
        line-height: 1.2;
    }

    #cehome-editorial-intro .cehome-editorial-text {
        font-size: 14px;
        line-height: 1.6;
    }
}

/*
Legacy home: recommended casinos
*/

@media all and (max-width:1050px) {
    #cehome-topcas-recommandes {
        margin: 24px 0;
        padding: 28px 20px 22px;
        border-radius: 16px;
    }

    #cehome-topcas-recommandes .cehome-topcas-header {
        margin-bottom: 26px;
    }

    #cehome-topcas-recommandes .cehome-topcas-heading-row {
        display: none;
    }

    #cehome-topcas-recommandes .cehome-topcas-header h2 {
        padding: 0;
        font-size: 38px;
    }

    #cehome-topcas-recommandes .cehome-topcas-intro {
        font-size: 15px;
    }

    #cehome-topcas-recommandes .cehome-topcas-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    #cehome-topcas-recommandes .cehome-topcas-card {
        min-height: 0;
        grid-template-columns: 135px minmax(0, 1fr);
        gap: 20px;
        padding: 22px;
    }

    #cehome-topcas-recommandes .cehome-topcas-logo-box {
        width: 135px;
        height: 135px;
    }
}

@media all and (max-width:640px) {
    #cehome-topcas-recommandes {
        padding: 24px 14px 20px;
    }

    #cehome-topcas-recommandes .cehome-topcas-badge {
        min-height: 38px;
        padding: 0 14px;
        font-size: 12.5px;
    }

    #cehome-topcas-recommandes .cehome-topcas-header h2 {
        font-size: 33px;
        line-height: 1.1;
    }

    #cehome-topcas-recommandes .cehome-topcas-intro {
        margin-top: 13px;
        font-size: 14px;
        line-height: 1.55;
    }

    #cehome-topcas-recommandes .cehome-topcas-card {
        grid-template-columns: 92px minmax(0, 1fr);
        gap: 14px;
        padding: 16px;
        border-radius: 14px;
    }

    #cehome-topcas-recommandes .cehome-topcas-logo-box {
        width: 92px;
        height: 92px;
        border-radius: 13px;
    }

    #cehome-topcas-recommandes .cehome-topcas-card-main {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 12px;
    }

    #cehome-topcas-recommandes .cehome-topcas-card-copy h3 {
        padding-right: 0;
        font-size: 22px;
    }

    #cehome-topcas-recommandes .cehome-topcas-description {
        font-size: 14px;
        line-height: 1.5;
    }

    #cehome-topcas-recommandes .cehome-topcas-tags {
        margin-top: 12px;
        gap: 6px;
    }

    #cehome-topcas-recommandes .cehome-topcas-tag {
        min-height: 30px;
        padding: 0 9px;
        font-size: 12.5px;
        white-space: normal;
    }

    #cehome-topcas-recommandes .cehome-topcas-rating {
        width: fit-content;
        min-width: 0;
        padding: 8px 10px;
        flex-direction: row;
        gap: 7px;
    }

    #cehome-topcas-recommandes .cehome-topcas-rating > span {
        display: none;
    }

    #cehome-topcas-recommandes .cehome-topcas-review-link {
        min-height: 44px;
        grid-column: auto;
        font-size: 14px;
    }

    #cehome-topcas-recommandes .cehome-topcas-legal-note {
        margin-top: 22px;
        align-items: flex-start;
        font-size: 12.5px;
        text-align: left;
    }
}
/*
Legacy home: new Belgian casinos
*/

@media all and (max-width:1180px) {
    #cehome-newcasinos .cehome-newcasinos-header h2::before,
    #cehome-newcasinos .cehome-newcasinos-header h2::after {
        width: 105px;
    }

    #cehome-newcasinos .cehome-newcasinos-header {
        padding-right: 105px;
        padding-left: 105px;
    }

    #cehome-newcasinos .cehome-newcasinos-laurel-left {
        left: 24px;
    }

    #cehome-newcasinos .cehome-newcasinos-laurel-right {
        right: 24px;
    }

    #cehome-newcasinos .cehome-newcasinos-card {
        grid-template-columns: 168px minmax(0, 1fr) 166px 238px;
    }

    #cehome-newcasinos .cehome-newcasinos-logo-link {
        width: 142px;
        height: 142px;
    }

    #cehome-newcasinos .cehome-newcasinos-info {
        padding-right: 20px;
        padding-left: 20px;
    }

    #cehome-newcasinos .cehome-newcasinos-info h3 {
        font-size: 24px;
    }

    #cehome-newcasinos .cehome-newcasinos-cta {
        padding: 0 16px;
        font-size: 14px;
    }
}

@media all and (max-width:980px) {
    #cehome-newcasinos .cehome-newcasinos-header h2::before,
    #cehome-newcasinos .cehome-newcasinos-header h2::after {
        display: none;
    }

    #cehome-newcasinos {
        padding: 30px 20px 25px;
    }

    #cehome-newcasinos .cehome-newcasinos-header {
        max-width: 760px;
        padding-right: 70px;
        padding-left: 70px;
    }

    #cehome-newcasinos .cehome-newcasinos-laurel {
        top: 28px;
        width: 42px;
        height: 96px;
    }

    #cehome-newcasinos .cehome-newcasinos-laurel-left {
        left: 8px;
    }

    #cehome-newcasinos .cehome-newcasinos-laurel-right {
        right: 8px;
    }

    #cehome-newcasinos .cehome-newcasinos-header h2 {
        font-size: 37px;
    }

    #cehome-newcasinos .cehome-newcasinos-card {
        min-height: 0;
        grid-template-columns: 142px minmax(0, 1fr) 158px;
        grid-template-areas:
            "visual info rating"
            "visual action action";
    }

    #cehome-newcasinos .cehome-newcasinos-visual {
        grid-area: visual;
        padding: 12px 14px 12px 8px;
    }

    #cehome-newcasinos .cehome-newcasinos-logo-link {
        width: 122px;
        height: 122px;
    }

    #cehome-newcasinos .cehome-newcasinos-rank {
        right: 2px;
        width: 36px;
        height: 48px;
        font-size: 16px;
    }

    #cehome-newcasinos .cehome-newcasinos-info {
        grid-area: info;
        padding: 18px 18px 12px;
    }

    #cehome-newcasinos .cehome-newcasinos-info h3 {
        font-size: 22px;
    }

    #cehome-newcasinos .cehome-newcasinos-description {
        font-size: 14px;
    }

    #cehome-newcasinos .cehome-newcasinos-rating {
        grid-area: rating;
        padding: 16px 12px 10px;
        border-right: 0;
    }

    #cehome-newcasinos .cehome-newcasinos-rating-score strong {
        font-size: 29px;
    }

    #cehome-newcasinos .cehome-newcasinos-rating-score::before {
        width: 24px;
        height: 24px;
    }

    #cehome-newcasinos .cehome-newcasinos-action {
        grid-area: action;
        display: grid;
        padding: 0 16px 14px 18px;
        grid-template-columns: minmax(180px, 250px) minmax(0, 1fr);
        grid-template-rows: auto auto;
        column-gap: 14px;
        row-gap: 5px;
        align-items: center;
        border-top: 1px solid rgba(7, 26, 47, .06);
        text-align: left;
    }

    #cehome-newcasinos .cehome-newcasinos-cta {
        grid-row: 1 / 3;
        min-height: 48px;
    }

    #cehome-newcasinos .cehome-newcasinos-risk {
        margin: 0;
        justify-content: flex-start;
    }

    #cehome-newcasinos .cehome-newcasinos-responsible {
        margin: 0;
        justify-content: flex-start;
    }
}

@media all and (max-width:720px) {
    #cehome-newcasinos {
        margin: 26px 0;
        padding: 26px 14px 22px;
        border-radius: 17px;
    }

    #cehome-newcasinos .cehome-newcasinos-header {
        margin-bottom: 24px;
        padding: 0 12px;
    }

    #cehome-newcasinos .cehome-newcasinos-laurel {
        display: none;
    }

    #cehome-newcasinos .cehome-newcasinos-badge {
        min-height: 37px;
        padding: 0 14px;
        font-size: 12.5px;
    }

    #cehome-newcasinos .cehome-newcasinos-header h2 {
        font-size: 32px;
        line-height: 1.1;
    }

    #cehome-newcasinos .cehome-newcasinos-intro {
        margin-top: 12px;
        font-size: 14px;
        line-height: 1.52;
    }

    #cehome-newcasinos .cehome-newcasinos-list {
        gap: 12px;
    }

    #cehome-newcasinos .cehome-newcasinos-card {
        grid-template-columns: 104px minmax(0, 1fr) 118px;
        grid-template-areas:
            "visual info rating"
            "action action action";
    }

    #cehome-newcasinos .cehome-newcasinos-visual {
        padding: 12px 10px;
    }

    #cehome-newcasinos .cehome-newcasinos-logo-link {
        width: 84px;
        height: 84px;
        border-radius: 9px;
    }

    #cehome-newcasinos .cehome-newcasinos-rank {
        top: 0;
        right: 0;
        width: 31px;
        height: 42px;
        padding-bottom: 7px;
        font-size: 14px;
    }

    #cehome-newcasinos .cehome-newcasinos-info {
        padding: 13px 10px 11px;
    }

    #cehome-newcasinos .cehome-newcasinos-info h3 {
        margin-bottom: 5px;
        font-size: 18px;
    }

    #cehome-newcasinos .cehome-newcasinos-description {
        display: -webkit-box;
        margin-bottom: 8px;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 14px;
        line-height: 1.4;
    }

    #cehome-newcasinos .cehome-newcasinos-features {
        padding: 10px 11px;
        gap: 6px;
    }

    #cehome-newcasinos .cehome-newcasinos-features li {
        gap: 7px;
        font-size: 14px;
    }

    #cehome-newcasinos .cehome-newcasinos-feature-icon {
        width: 21px;
        height: 21px;
        flex-basis: 21px;
    }

    #cehome-newcasinos .cehome-newcasinos-feature-icon::before {
        width: 17px;
        height: 17px;
    }

    #cehome-newcasinos .cehome-newcasinos-rating {
        padding: 12px 6px 10px;
    }

    #cehome-newcasinos .cehome-newcasinos-rating-score {
        gap: 2px;
    }

    #cehome-newcasinos .cehome-newcasinos-rating-score::before {
        width: 19px;
        height: 19px;
        margin-right: 1px;
    }

    #cehome-newcasinos .cehome-newcasinos-rating-score strong {
        font-size: 23px;
    }

    #cehome-newcasinos .cehome-newcasinos-rating-score span {
        font-size: 12.5px;
    }

    #cehome-newcasinos .cehome-newcasinos-rating-label {
        margin-bottom: 3px;
        font-size: 12.5px;
    }

    #cehome-newcasinos .cehome-newcasinos-verdict {
        font-size: 14px;
    }

    #cehome-newcasinos .cehome-newcasinos-action {
        display: grid;
        padding: 12px;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: auto auto;
        gap: 8px 12px;
        border-top: 1px solid rgba(7, 26, 47, .07);
    }

    #cehome-newcasinos .cehome-newcasinos-cta {
        grid-column: 1 / -1;
        grid-row: 1;
        width: 100%;
        min-height: 46px;
        font-size: 14px;
    }

    #cehome-newcasinos .cehome-newcasinos-risk {
        grid-column: 1;
        grid-row: 2;
        margin: 0;
        font-size: 12.5px;
    }

    #cehome-newcasinos .cehome-newcasinos-risk::before {
        width: 14px;
        height: 14px;
        flex-basis: 14px;
    }

    #cehome-newcasinos .cehome-newcasinos-responsible {
        grid-column: 2;
        grid-row: 2;
        margin: 0;
        font-size: 12.5px;
    }

    #cehome-newcasinos .cehome-newcasinos-footer {
        margin-top: 22px;
    }

    #cehome-newcasinos .cehome-newcasinos-footer-note {
        font-size: 12.5px;
    }
}

@media all and (max-width:520px) {
    #cehome-newcasinos {
        padding-right: 10px;
        padding-left: 10px;
    }

    #cehome-newcasinos .cehome-newcasinos-header h2 {
        font-size: 28px;
    }

    #cehome-newcasinos .cehome-newcasinos-card {
        grid-template-columns: 82px minmax(0, 1fr);
        grid-template-areas:
            "visual info"
            "rating rating"
            "action action";
    }

    #cehome-newcasinos .cehome-newcasinos-visual {
        align-items: flex-start;
        padding: 12px 7px 8px 10px;
    }

    #cehome-newcasinos .cehome-newcasinos-logo-link {
        width: 66px;
        height: 66px;
    }

    #cehome-newcasinos .cehome-newcasinos-rank {
        right: -1px;
        width: 26px;
        height: 36px;
        font-size: 12.5px;
    }

    #cehome-newcasinos .cehome-newcasinos-info {
        padding: 12px 10px 8px 6px;
    }

    #cehome-newcasinos .cehome-newcasinos-info h3 {
        font-size: 17px;
    }

    #cehome-newcasinos .cehome-newcasinos-description {
        -webkit-line-clamp: 3;
        font-size: 14px;
    }

    #cehome-newcasinos .cehome-newcasinos-features {
        margin-top: 2px;
        padding: 9px 10px;
        gap: 5px;
    }

    #cehome-newcasinos .cehome-newcasinos-features li {
        gap: 6px;
        font-size: 14px;
        line-height: 1.3;
    }

    #cehome-newcasinos .cehome-newcasinos-feature-icon {
        width: 20px;
        height: 20px;
        flex-basis: 20px;
    }

    #cehome-newcasinos .cehome-newcasinos-feature-icon::before {
        width: 16px;
        height: 16px;
    }

    #cehome-newcasinos .cehome-newcasinos-rating {
        display: grid;
        padding: 9px 12px;
        grid-template-columns: auto 1fr auto;
        gap: 8px;
        align-items: center;
        border-top: 1px solid rgba(7, 26, 47, .06);
        border-left: 0;
        text-align: left;
    }

    #cehome-newcasinos .cehome-newcasinos-rating-score {
        margin: 0;
    }

    #cehome-newcasinos .cehome-newcasinos-rating-label {
        margin: 0;
    }

    #cehome-newcasinos .cehome-newcasinos-verdict {
        text-align: right;
    }

    #cehome-newcasinos .cehome-newcasinos-action {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        gap: 7px;
    }

    #cehome-newcasinos .cehome-newcasinos-cta,
    #cehome-newcasinos .cehome-newcasinos-risk,
    #cehome-newcasinos .cehome-newcasinos-responsible {
        grid-column: 1;
    }

    #cehome-newcasinos .cehome-newcasinos-cta {
        grid-row: 1;
    }

    #cehome-newcasinos .cehome-newcasinos-risk {
        grid-row: 2;
        justify-content: center;
        text-align: center;
    }

    #cehome-newcasinos .cehome-newcasinos-responsible {
        grid-row: 3;
        justify-content: center;
    }

    #cehome-newcasinos .cehome-newcasinos-footer-note {
        align-items: flex-start;
        text-align: left;
    }
}


/*
Legacy home: expertise and legal gaming infographic
*/

@media all and (max-width:1100px) {
    #cehome-expert-guide .cehome-expert-guide-main {
        grid-template-columns: minmax(0, 1.25fr) minmax(330px, .85fr);
        gap: 25px;
        padding: 27px 26px;
    }

    #cehome-expert-guide .cehome-expert-guide-heading h2 {
        font-size: 32px;
    }

    #cehome-expert-guide .cehome-expert-guide-lead {
        font-size: 14px;
    }

    #cehome-expert-guide .cehome-expert-guide-criterion {
        min-height: 84px;
        padding: 12px;
    }

    #cehome-expert-guide .cehome-legal-infographic {
        padding-right: 26px;
        padding-left: 26px;
    }

    #cehome-expert-guide .cehome-legal-stat {
        padding: 15px;
        grid-template-columns: 74px minmax(0, 1fr);
        gap: 13px;
    }

    #cehome-expert-guide .cehome-legal-stat-ring,
    #cehome-expert-guide .cehome-legal-stat-shield {
        width: 70px;
        height: 70px;
    }

    #cehome-expert-guide .cehome-legal-stat-shield svg {
        width: 36px;
        height: 36px;
    }

    #cehome-expert-guide .cehome-legal-stat-copy strong {
        font-size: 13px;
    }

    #cehome-expert-guide .cehome-legal-stat-copy p {
        font-size: 14px;
    }
}

@media all and (max-width:900px) {
    #cehome-expert-guide .cehome-expert-guide-main {
        grid-template-columns: 1fr;
        gap: 23px;
    }

    #cehome-expert-guide .cehome-expert-guide-heading {
        text-align: center;
    }

    #cehome-expert-guide .cehome-expert-guide-heading h2,
    #cehome-expert-guide .cehome-expert-guide-lead {
        margin-right: auto;
        margin-left: auto;
    }

    #cehome-expert-guide .cehome-expert-guide-criteria {
        max-width: 700px;
        margin: 0 auto;
    }

    #cehome-expert-guide .cehome-legal-infographic-grid {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    #cehome-expert-guide .cehome-legal-stat {
        min-height: 0;
        grid-template-columns: 76px minmax(0, 1fr);
    }
}

@media all and (max-width:680px) {
    #cehome-expert-guide {
        margin: 28px 0;
    }

    #cehome-expert-guide .cehome-expert-guide-main {
        padding: 24px 19px;
        border-radius: 17px 17px 0 0;
    }

    #cehome-expert-guide .cehome-expert-guide-kicker {
        min-height: 31px;
        padding: 0 11px;
        font-size: 12.5px;
    }

    #cehome-expert-guide .cehome-expert-guide-heading h2 {
        margin-bottom: 12px;
        font-size: 28px;
        line-height: 1.13;
    }

    #cehome-expert-guide .cehome-expert-guide-lead {
        font-size: 14px;
        line-height: 1.65;
        text-align: left;
    }

    #cehome-expert-guide .cehome-expert-guide-criteria {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    #cehome-expert-guide .cehome-expert-guide-criterion {
        min-height: 78px;
        padding: 11px;
        gap: 9px;
    }

    #cehome-expert-guide .cehome-expert-guide-criterion-icon {
        width: 37px;
        height: 37px;
        flex-basis: 37px;
    }

    #cehome-expert-guide .cehome-expert-guide-criterion-icon svg {
        width: 19px;
        height: 19px;
    }

    #cehome-expert-guide .cehome-expert-guide-criterion strong {
        font-size: 12.5px;
    }

    #cehome-expert-guide .cehome-expert-guide-criterion small {
        font-size: 12.5px;
    }

    #cehome-expert-guide .cehome-legal-infographic {
        padding: 23px 19px 20px;
        border-radius: 0 0 17px 17px;
    }

    #cehome-expert-guide .cehome-legal-infographic-header {
        margin-bottom: 17px;
        align-items: flex-start;
    }

    #cehome-expert-guide .cehome-legal-infographic-header h3 {
        font-size: 24px;
    }

    #cehome-expert-guide .cehome-legal-infographic-source-badge {
        min-height: 28px;
        padding: 0 9px;
        font-size: 12.5px;
    }

    #cehome-expert-guide .cehome-legal-stat {
        padding: 14px;
        grid-template-columns: 68px minmax(0, 1fr);
    }

    #cehome-expert-guide .cehome-legal-stat-ring,
    #cehome-expert-guide .cehome-legal-stat-shield {
        width: 64px;
        height: 64px;
    }

    #cehome-expert-guide .cehome-legal-stat-ring::after {
        inset: 6px;
    }

    #cehome-expert-guide .cehome-legal-stat-ring span {
        font-size: 21px;
    }

    #cehome-expert-guide .cehome-legal-stat-shield svg {
        width: 32px;
        height: 32px;
    }

    #cehome-expert-guide .cehome-legal-stat-copy strong {
        margin-bottom: 4px;
        font-size: 12.5px;
    }

    #cehome-expert-guide .cehome-legal-stat-copy p {
        font-size: 14px;
        line-height: 1.45;
    }

    #cehome-expert-guide .cehome-legal-infographic-source {
        align-items: flex-start;
        font-size: 12.5px;
        text-align: left;
    }

    #cehome-expert-guide .cehome-expert-guide-transition {
        margin-top: 17px;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    #cehome-expert-guide .cehome-expert-guide-transition-line {
        display: none;
    }

    #cehome-expert-guide .cehome-expert-guide-transition p {
        font-size: 14px;
    }
}

@media all and (max-width:480px) {
    #cehome-expert-guide .cehome-expert-guide-main {
        padding-right: 15px;
        padding-left: 15px;
    }

    #cehome-expert-guide .cehome-expert-guide-heading h2 {
        font-size: 25px;
    }

    #cehome-expert-guide .cehome-expert-guide-lead {
        font-size: 14px;
    }

    #cehome-expert-guide .cehome-expert-guide-criteria {
        grid-template-columns: 1fr;
    }

    #cehome-expert-guide .cehome-expert-guide-criterion {
        min-height: 70px;
    }

    #cehome-expert-guide .cehome-legal-infographic {
        padding-right: 15px;
        padding-left: 15px;
    }

    #cehome-expert-guide .cehome-legal-infographic-header {
        flex-direction: column;
        gap: 10px;
    }

    #cehome-expert-guide .cehome-legal-infographic-header h3 {
        font-size: 22px;
    }

    #cehome-expert-guide .cehome-legal-stat {
        grid-template-columns: 60px minmax(0, 1fr);
        gap: 11px;
    }

    #cehome-expert-guide .cehome-legal-stat-ring,
    #cehome-expert-guide .cehome-legal-stat-shield {
        width: 56px;
        height: 56px;
    }

    #cehome-expert-guide .cehome-legal-stat-shield svg {
        width: 28px;
        height: 28px;
    }

    #cehome-expert-guide .cehome-legal-stat-ring span {
        font-size: 18px;
    }
}

/*
Legacy home: expert casino reviews
*/

@media all and (max-width:1100px) {
    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-header h2::before,
    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-header h2::after {
        width: 105px;
    }

    #contenu #textes #cehome-expert-reviews {
        padding-right: 20px;
        padding-left: 20px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-header h2 {
        font-size: 38px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-grid {
        gap: 14px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-content {
        padding: 17px 16px 16px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-content h3 {
        font-size: 22px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-description {
        min-height: 74px;
        font-size: 14px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-points {
        padding: 12px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-points li {
        font-size: 14px;
    }
}

@media all and (max-width:900px) {
    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-header h2::before,
    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-header h2::after {
        display: none;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-card:last-child {
        grid-column: 1 / -1;
        max-width: calc(50% - 7px);
        width: 100%;
        justify-self: center;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-spark-left {
        left: 5px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-spark-right {
        right: 5px;
    }
}

@media all and (max-width:680px) {
    #contenu #textes #cehome-expert-reviews {
        margin: 28px 0;
        padding: 27px 14px 23px;
        border-radius: 17px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-header {
        margin-bottom: 24px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-badge {
        min-height: 36px;
        padding: 0 14px;
        font-size: 12.5px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-header h2 {
        font-size: 31px;
        line-height: 1.1;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-intro {
        margin-top: 11px;
        font-size: 14px;
        line-height: 1.52;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-spark {
        display: none;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-card:last-child {
        grid-column: auto;
        max-width: none;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-media {
        margin: 10px 10px 0;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-status {
        top: 10px;
        left: 10px;
        min-height: 31px;
        padding: 0 11px;
        font-size: 12.5px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-media::after {
        top: 10px;
        right: 10px;
        width: 38px;
        height: 38px;
        background-size: 19px 19px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-content {
        padding: 16px 15px 15px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-content h3 {
        font-size: 23px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-description {
        min-height: 0;
        font-size: 14px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-points {
        gap: 8px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-points li {
        font-size: 14px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-points li::before {
        width: 18px;
        height: 18px;
        flex-basis: 18px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-footer {
        margin-top: 18px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-all {
        min-height: 44px;
        padding: 0 16px;
        font-size: 12.5px;
    }
}

@media all and (max-width:440px) {
    #contenu #textes #cehome-expert-reviews {
        padding-right: 10px;
        padding-left: 10px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-header h2 {
        font-size: 27px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-intro {
        font-size: 14px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-status {
        min-height: 29px;
        padding: 0 9px;
        font-size: 12.5px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-media::after {
        width: 34px;
        height: 34px;
        background-size: 17px 17px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-rating {
        align-items: flex-end;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-stars {
        font-size: 16px;
        letter-spacing: 1px;
    }

    #contenu #textes #cehome-expert-reviews .cehome-expert-reviews-all {
        width: 100%;
    }
}

/*
Legacy home: review monitoring
*/

@media all and (max-width:1100px) {
    #contenu #textes #cehome-review-monitor .cehome-review-monitor-main {
        grid-template-columns: minmax(0, 1fr) minmax(410px, .9fr);
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-copy {
        padding: 28px 27px 26px;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-copy h2 {
        font-size: 31px;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-lead {
        font-size: 14px;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-process {
        padding: 20px;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-step {
        min-height: 136px;
        padding-right: 13px;
        padding-left: 50px;
    }
}

@media all and (max-width:900px) {
    #contenu #textes #cehome-review-monitor .cehome-review-monitor-main {
        grid-template-columns: 1fr;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-copy {
        text-align: left;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-process {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        padding: 18px;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-step {
        min-height: 150px;
        padding: 48px 12px 13px;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-step::before {
        top: 14px;
        left: 12px;
        width: 25px;
        height: 25px;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-triggers {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-trigger-list {
        justify-content: flex-start;
    }
}

@media all and (max-width:700px) {
    #contenu #textes #cehome-review-monitor {
        margin: 27px 0 32px;
        border-radius: 17px;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-copy {
        padding: 25px 20px 23px;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-copy::before {
        top: 19px;
        bottom: 19px;
        width: 3px;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-badge {
        min-height: 31px;
        padding-right: 11px;
        padding-left: 34px;
        font-size: 12.5px;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-copy h2 {
        font-size: 27px;
        line-height: 1.15;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-lead {
        font-size: 14px;
        line-height: 1.62;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-principle {
        padding: 13px 13px 13px 41px;
        font-size: 14px;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-process {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
        padding: 14px;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-step {
        min-height: 138px;
        padding: 45px 12px 13px;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-step strong {
        font-size: 12.5px;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-step p {
        font-size: 14px;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-triggers {
        min-height: 0;
        padding: 14px 16px 16px;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-trigger {
        min-height: 29px;
        padding-left: 31px;
        font-size: 12.5px;
    }
}

@media all and (max-width:480px) {
    #contenu #textes #cehome-review-monitor .cehome-review-monitor-copy {
        padding-right: 16px;
        padding-left: 16px;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-copy h2 {
        font-size: 24px;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-links {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-process {
        grid-template-columns: 1fr;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-step {
        min-height: 0;
        padding: 15px 13px 15px 50px;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-step::before {
        top: 16px;
        left: 14px;
        width: 24px;
        height: 24px;
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-trigger-list {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #contenu #textes #cehome-review-monitor .cehome-review-monitor-trigger {
        width: 100%;
        white-space: normal;
        box-sizing: border-box;
    }
}

/*
Legacy home: casino selection guides
*/

@media all and (max-width:1120px) {
    #contenu #textes #cehome-choice-guides .cehome-choice-guides-header {
        padding-right: 110px;
        padding-left: 110px;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-header h2 {
        font-size: 38px;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-header h2::before,
    #contenu #textes #cehome-choice-guides .cehome-choice-guides-header h2::after {
        width: 88px;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-card {
        min-height: 270px;
        padding-right: 18px;
        padding-left: 18px;
    }
}

@media all and (max-width:900px) {
    #contenu #textes #cehome-choice-guides {
        padding-right: 20px;
        padding-left: 20px;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-header {
        padding: 0 40px;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-header h2::before,
    #contenu #textes #cehome-choice-guides .cehome-choice-guides-header h2::after {
        display: none;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-card {
        min-height: 258px;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-card::before {
        width: 78px;
        height: 78px;
        flex-basis: 78px;
        background-size: 43px 43px;
    }
}

@media all and (max-width:650px) {
    #contenu #textes #cehome-choice-guides {
        margin: 28px 0 34px;
        padding: 27px 14px 22px;
        border-radius: 17px;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-header {
        margin-bottom: 23px;
        padding: 0 8px;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-badge {
        min-height: 36px;
        padding-right: 14px;
        padding-left: 38px;
        font-size: 12.5px;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-header h2 {
        font-size: 31px;
        line-height: 1.1;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-intro {
        margin-top: 12px;
        font-size: 14px;
        line-height: 1.58;
        text-align: left;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-card {
        min-height: 238px;
        padding: 20px 15px 15px;
        border-radius: 15px;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-card::after {
        top: 15px;
        right: 15px;
        width: 35px;
        height: 35px;
        background-size: 15px 15px;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-card::before {
        width: 68px;
        height: 68px;
        flex-basis: 68px;
        margin-bottom: 13px;
        background-size: 37px 37px;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-card h3 {
        font-size: 20px;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-card p {
        min-height: 47px;
        font-size: 14px;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-card-link {
        min-height: 39px;
        padding-top: 11px;
        font-size: 14px;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-footer {
        margin-top: 21px;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-footer-line {
        display: none;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-footer p {
        font-size: 12.5px;
    }
}

@media all and (max-width:480px) {
    #contenu #textes #cehome-choice-guides {
        padding-right: 10px;
        padding-left: 10px;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-header h2 {
        font-size: 27px;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-grid {
        grid-template-columns: 1fr;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-card {
        min-height: 0;
        padding: 18px 14px 14px;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-card::before {
        width: 64px;
        height: 64px;
        flex-basis: 64px;
        background-size: 35px 35px;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-card p {
        min-height: 0;
        max-width: 300px;
    }

    #contenu #textes #cehome-choice-guides .cehome-choice-guides-card-link {
        width: calc(100% - 20px);
    }
}

/*
Belgian casino comparison
*/

@media all and (max-width: 1180px) {

    #cebe-casino-listing .cebe-layout {
        grid-template-columns: minmax(0, 1fr) 225px;
        gap: 14px;
    }

    #cebe-casino-listing .cebe-filters {
        grid-template-columns: minmax(190px, 1.45fr) repeat(2, minmax(115px, .9fr)) 105px;
    }

    #cebe-casino-listing .cebe-casino-brand {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 7px;
    }

    #cebe-casino-listing .cebe-logo-wrap {
        width: 72px;
        height: 47px;
    }

}

@media all and (max-width: 1020px) {

    #cebe-casino-listing .cebe-layout {
        grid-template-columns: 1fr;
    }

    #cebe-casino-listing .cebe-side-column {
        position: static;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    #cebe-casino-listing .cebe-responsible-card {
        grid-column: 1 / -1;
    }

    #cebe-casino-listing .cebe-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #cebe-casino-listing .cebe-search {
        grid-column: 1 / -1;
    }

    #cebe-casino-listing .cebe-reset {
        grid-column: 1 / -1;
        width: 100%;
    }
}

@media all and (max-width: 820px) {

    #cebe-casino-listing .cebe-anchor-nav {
        overflow-x: auto;
        justify-content: flex-start;
        scrollbar-width: thin;
    }

    #cebe-casino-listing .cebe-anchor-nav a {
        flex: 0 0 auto;
    }

    #cebe-casino-listing .cebe-table-shell {
        overflow: visible;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    #cebe-casino-listing .cebe-table,
    #cebe-casino-listing .cebe-table tbody,
    #cebe-casino-listing .cebe-table tr,
    #cebe-casino-listing .cebe-table td {
        display: block;
        width: 100%;
    }

    #cebe-casino-listing .cebe-table thead {
        display: none;
    }

    #cebe-casino-listing .cebe-table tbody {
        display: grid;
        gap: 12px;
    }

    #cebe-casino-listing .cebe-table tr.cebe-casino-row {
        position: relative;
        display: grid;
        padding: 15px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px 14px;
        border: 1px solid rgba(7, 26, 47, .09);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 7px 20px rgba(7, 26, 47, .06);
        grid-template-areas: "casino casino" "score games" "reviews reviews" "mobile mobile" "actions actions";
    }

    #cebe-casino-listing .cebe-table tr.cebe-casino-row:hover td {
        background: transparent;
    }

    #cebe-casino-listing .cebe-table td {
        position: relative;
        height: auto;
        min-height: 0;
        padding: 0;
        border: 0;
        text-align: left;
        min-width: 0;
    }

    #cebe-casino-listing .cebe-table td::before {
        content: attr(data-label);
        position: static;
        top: 0;
        left: 0;
        color: #64748b;
        font-size: 11px;
        font-weight: 900;
        letter-spacing: .035em;
        text-transform: uppercase;
        display: block;
        margin-bottom: 7px;
        line-height: 1.4;
    }

    #cebe-casino-listing .cebe-table td.cebe-rank-cell {
        position: absolute;
        top: 26px;
        left: 15px;
        width: 28px;
        min-height: 0;
        padding: 0;
        z-index: 3;
    }

    #cebe-casino-listing .cebe-table td.cebe-rank-cell::before {
        display: none;
    }

    #cebe-casino-listing .cebe-table td.cebe-casino-cell {
        grid-column: 1 / -1;
        min-width: 0;
        padding: 0 0 0 40px;
        grid-area: casino;
        padding-bottom: 14px;
        border-bottom: 1px solid #edf0f3;
    }

    #cebe-casino-listing .cebe-table td.cebe-casino-cell::before {
        display: none;
    }

    #cebe-casino-listing .cebe-casino-brand {
        grid-template-columns: minmax(0, 88px) minmax(0, 1fr);
    }

    #cebe-casino-listing .cebe-logo-wrap {
        width: 88px;
        height: 54px;
    }

    #cebe-casino-listing .cebe-score-main,
    #cebe-casino-listing .cebe-player-reviews-cell,
    #cebe-casino-listing .cebe-games-cell,
    #cebe-casino-listing .cebe-withdraw-cell,
    #cebe-casino-listing .cebe-support-cell {
        text-align: left;
    }

    #cebe-casino-listing .cebe-score-main {
        justify-content: flex-start;
    }

    #cebe-casino-listing .cebe-player-reviews-link {
        min-height: 44px;
        padding: 8px 12px;
        justify-content: center;
        font-size: 14px;
        width: 100%;
        box-sizing: border-box;
    }

    #cebe-casino-listing .cebe-mobile-cell {
        grid-column: 1 / -1;
    }

    #cebe-casino-listing .cebe-mobile-stack {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 9px 14px;
        display: flex;
        flex-wrap: wrap;
    }

    #cebe-casino-listing .cebe-actions-cell small {
        grid-column: 1 / -1;
    }

    #cebe-casino-listing .cebe-btn {
        min-height: 44px;
        margin: 0;
        font-size: 14px;
    }

    #cebe-casino-listing .cebe-table-note {
        margin-top: 8px;
        grid-template-columns: 20px 1fr;
    }

    #cebe-casino-listing .cebe-table-note time {
        grid-column: 2;
    }

    #cebe-casino-listing .cebe-method-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 13px 0;
    }

    #cebe-casino-listing .cebe-method-item:nth-child(2n) {
        border-right: 0;
    }

    #cebe-casino-listing .cebe-method-item:last-child {
        grid-column: 1 / -1;
        border-right: 0;
    }

    #cebe-casino-listing .cebe-side-column {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #cebe-casino-listing .cebe-responsible-card {
        grid-column: 1 / -1;
    }

    #cebe-casino-listing .cebe-table td.cebe-score-cell {
        grid-area: score;
    }

    #cebe-casino-listing .cebe-table td.cebe-games-cell {
        grid-area: games;
    }

    #cebe-casino-listing .cebe-table td.cebe-player-reviews-cell {
        grid-area: reviews;
    }

    #cebe-casino-listing .cebe-table td.cebe-mobile-cell {
        grid-area: mobile;
    }

    #cebe-casino-listing .cebe-table td.cebe-actions-cell {
        grid-area: actions;
        grid-column: 1 / -1;
        display: grid;
        padding-top: 14px;
        grid-template-columns: 1fr;
        gap: 8px;
        border-top: 1px solid #edf0f3;
    }

    #cebe-casino-listing .cebe-table td.cebe-player-reviews-cell::before, #cebe-casino-listing .cebe-table td.cebe-actions-cell::before {
        display: none;
    }
}

@media all and (max-width: 600px) {

    #cebe-casino-listing .cebe-mission {
    padding: 11px 12px 11px 58px;
    }

    #cebe-casino-listing .cebe-mission::before {
    left: 12px;
    width: 32px;
    height: 32px;
    background-size: 18px 18px;
    }

    #cebe-casino-listing .cebe-section-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    #cebe-casino-listing .cebe-section-heading h2 {
        font-size: 22px;
    }

    #cebe-casino-listing .cebe-filters {
        grid-template-columns: 1fr 1fr;
    }

    #cebe-casino-listing .cebe-search {
        grid-column: 1 / -1;
    }

    #cebe-casino-listing .cebe-reset {
        grid-column: 1 / -1;
    }

    #cebe-casino-listing .cebe-side-column {
        grid-template-columns: 1fr;
    }

    #cebe-casino-listing .cebe-responsible-card {
        grid-column: auto;
    }
}

@media all and (max-width: 440px) {

    #cebe-casino-listing .cebe-filters {
        grid-template-columns: 1fr;
    }

    #cebe-casino-listing .cebe-search,
    #cebe-casino-listing .cebe-reset {
        grid-column: auto;
    }

    #cebe-casino-listing .cebe-method-grid {
        grid-template-columns: 1fr;
    }

    #cebe-casino-listing .cebe-method-item,
    #cebe-casino-listing .cebe-method-item:nth-child(2n),
    #cebe-casino-listing .cebe-method-item:last-child {
        grid-column: auto;
        border-right: 0;
        border-bottom: 1px solid rgba(229, 195, 111, .18);
        padding-bottom: 11px;
    }

    #cebe-casino-listing .cebe-method-item:last-child {
        border-bottom: 0;
    }
}

/* New Belgian casinos */

@media screen and (max-width: 1180px) {
    #cenv-new-casinos-page .cenv-filter-panel {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    #cenv-new-casinos-page .cenv-filter-title {
        grid-column: 1 / -1;
    }

    #cenv-new-casinos-page .cenv-filter-reset {
        min-height: 46px;
    }

    #cenv-new-casinos-page .cenv-evaluation-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        row-gap: 20px;
    }

    #cenv-new-casinos-page .cenv-eval-item:nth-child(4) {
        border-right: 0;
    }

    #cenv-new-casinos-page .cenv-followup {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 900px) {
    #cenv-new-casinos-page .cenv-hero {
        grid-template-columns: 1fr;
    }

    #cenv-new-casinos-page .cenv-hero-copy {
        padding: 28px 22px 24px;
    }

    #cenv-new-casinos-page .cenv-hero h1 {
        font-size: 52px;
    }

    #cenv-new-casinos-page .cenv-hero-visual img {
        min-height: 240px;
        max-height: 310px;
    }

    #cenv-new-casinos-page .cenv-casino-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #cenv-new-casinos-page .cenv-card-media {
        height: 150px;
    }

    #cenv-new-casinos-page .cenv-evaluation-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #cenv-new-casinos-page .cenv-eval-item {
        border-right: 0;
    }
}

@media screen and (max-width: 640px) {
    #cenv-new-casinos-page .cenv-hero-copy {
        padding: 24px 16px 20px;
    }

    #cenv-new-casinos-page .cenv-eyebrow {
        font-size: 12.5px;
    }

    #cenv-new-casinos-page .cenv-hero h1 {
        font-size: 42px;
        line-height: .96;
    }

    #cenv-new-casinos-page .cenv-hero h2 {
        font-size: 17px;
    }

    #cenv-new-casinos-page .cenv-hero-intro {
        font-size: 14px;
    }

    #cenv-new-casinos-page .cenv-hero-trust {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    #cenv-new-casinos-page .cenv-hero-visual img {
        min-height: 205px;
        object-position: center;
    }

    #cenv-new-casinos-page .cenv-filter-panel {
        margin: 14px 0;
        grid-template-columns: 1fr 1fr;
    }

    #cenv-new-casinos-page .cenv-filter-title,
    #cenv-new-casinos-page .cenv-filter-reset {
        grid-column: 1 / -1;
    }

    #cenv-new-casinos-page .cenv-casinos-section,
#cenv-new-casinos-page .cenv-evaluation,
#cenv-new-casinos-page .cenv-followup {
        margin-right: 10px;
        margin-left: 10px;
    }

    #cenv-new-casinos-page .cenv-section-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
        padding: 8px 0 12px;
    }

    #cenv-new-casinos-page .cenv-section-heading h2 {
        font-size: 22px;
    }

    #cenv-new-casinos-page .cenv-casino-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    #cenv-new-casinos-page .cenv-card-media {
        height: 165px;
    }

    #cenv-new-casinos-page .cenv-card-body h3 {
        font-size: 20px;
    }

    #cenv-new-casinos-page .cenv-feature-list li {
        font-size: 14px;
    }

    #cenv-new-casinos-page .cenv-card-actions {
        grid-template-columns: 1fr;
    }

    #cenv-new-casinos-page .cenv-btn {
        min-height: 42px;
        font-size: 14px;
    }

    #cenv-new-casinos-page .cenv-all-casinos {
        width: 100%;
        min-width: 0;
        min-height: 46px;
        padding: 0 15px;
        font-size: 14px;
    }

    #cenv-new-casinos-page .cenv-evaluation {
        padding-right: 14px;
        padding-left: 14px;
    }

    #cenv-new-casinos-page .cenv-evaluation-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    #cenv-new-casinos-page .cenv-eval-item {
        padding: 0;
    }

    #cenv-new-casinos-page .cenv-eval-item strong {
        font-size: 12.5px;
    }

    #cenv-new-casinos-page .cenv-eval-item small {
        font-size: 12.5px;
    }

    #cenv-new-casinos-page .cenv-followup {
        padding: 18px 15px;
    }

    #cenv-new-casinos-page .cenv-followup-main h2 {
        font-size: 20px;
    }

    #cenv-new-casinos-page .cenv-followup-points {
        grid-template-columns: 1fr;
    }

    #cenv-new-casinos-page .cenv-bottom-trust {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

/* Cryptocurrency casino comparison */

@media screen and (max-width: 1180px) {
    #cecrypto-page .cecrypto-filters {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    #cecrypto-page .cecrypto-filter-icon {
        grid-column: 1 / -1;
    }

    #cecrypto-page .cecrypto-search {
        grid-column: span 2;
    }

    #cecrypto-page .cecrypto-main-layout {
        grid-template-columns: 1fr;
    }

    #cecrypto-page .cecrypto-sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #cecrypto-page .cecrypto-experts {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px 0;
    }

    #cecrypto-page .cecrypto-experts h2 {
        grid-column: 1 / -1;
        padding: 0;
        text-align: center;
    }

    #cecrypto-page .cecrypto-expert-item:nth-of-type(2),
    #cecrypto-page .cecrypto-expert-item:nth-of-type(5) {
        border-left: 0;
    }
}

@media screen and (max-width: 980px) {

    #cecrypto-page .cecrypto-table-head {
        display: none;
    }

    #cecrypto-page .cecrypto-table {
        overflow: visible;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    #cecrypto-page .cecrypto-row {
        display: grid;
        margin-bottom: 12px;
        padding: 14px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-height: 0;
        border: 1px solid rgba(7,26,47,.09);
        border-radius: 10px;
        background: #fffdf9;
        box-shadow: 0 6px 16px rgba(7,26,47,.05);
    }

    #cecrypto-page .cecrypto-table .cecrypto-row > .cecrypto-casino {
        padding: 0 0 14px;
        gap: 14px;
    }

    #cecrypto-page .cecrypto-table .cecrypto-row > .cecrypto-casino img {
        width: 76px;
        min-width: 76px;
        max-width: 76px;
        height: 50px;
        min-height: 50px;
        max-height: 50px;
        overflow: hidden;
        flex-basis: 76px;
        object-fit: cover;
    }

    #cecrypto-page .cecrypto-row > div {
        min-height: 54px;
        border-right: 0;
        border-bottom: 1px solid rgba(7,26,47,.07);
    }

    #cecrypto-page .cecrypto-rank {
        grid-row: 1 / 3;
    }

    #cecrypto-page .cecrypto-casino {
        grid-column: 1 / -1;
    }

    #cecrypto-page .cecrypto-rating,
    #cecrypto-page .cecrypto-trust,
    #cecrypto-page .cecrypto-withdraw {
        justify-content: flex-start;
    }

    #cecrypto-page .cecrypto-coins {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    #cecrypto-page .cecrypto-mobile {
        grid-column: 2;
        grid-row: 2;
    }

    #cecrypto-page .cecrypto-actions {
        grid-column: 1 / -1;
        padding-top: 12px;
        flex-direction: row;
        border-bottom: 0;
    }

    #cecrypto-page .cecrypto-btn {
        min-height: 38px;
        font-size: 14px;
    }

    #cecrypto-page .cecrypto-mission {
        grid-column: 1 / -1;
    }
}

@media screen and (max-width: 680px) {

    #cecrypto-page .cecrypto-filters {
        margin: 14px 10px;
        padding: 10px;
        grid-template-columns: 1fr 1fr;
    }

    #cecrypto-page .cecrypto-filter:first-of-type,
    #cecrypto-page .cecrypto-search,
    #cecrypto-page .cecrypto-reset {
        grid-column: 1 / -1;
    }

    #cecrypto-page .cecrypto-section-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    #cecrypto-page .cecrypto-section-heading h2 {
        font-size: 23px;
    }

    #cecrypto-page .cecrypto-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #cecrypto-page .cecrypto-rank {
        grid-row: auto;
    }

    #cecrypto-page .cecrypto-casino {
        grid-column: 1 / -1;
    }

    #cecrypto-page .cecrypto-rating {
        grid-column: 1;
        grid-row: 2;
    }

    #cecrypto-page .cecrypto-trust {
        grid-column: 3;
    }

    #cecrypto-page .cecrypto-coins {
        grid-column: 1 / -1;
    }

    #cecrypto-page .cecrypto-withdraw {
        grid-column: 1 / 3;
    }

    #cecrypto-page .cecrypto-mobile {
        grid-column: 2;
        grid-row: 2;
    }

    #cecrypto-page .cecrypto-actions {
        grid-column: 1 / -1;
        flex-direction: column;
    }

#cecrypto-page .cecrypto-sidebar {
        grid-template-columns: 1fr;
    }

    #cecrypto-page .cecrypto-experts {
        grid-template-columns: 1fr;
        padding: 20px 18px;
        gap: 0;
    }

    #cecrypto-page .cecrypto-expert-item {
        padding: 20px 0;
        border-top: 1px solid rgba(255,255,255,.12);
        border-left: 0;
        font-size: 24px;
        line-height: 1.25;
    }

    #cecrypto-page .cecrypto-expert-item > span {
        font-size: 24px;
        width: 40px;
        height: 40px;
    }

    #cecrypto-page .cecrypto-expert-item small {
        font-size: 15px;
        line-height: 1.5;
        margin-top: 6px;
        color: rgba(255,255,255,.88);
    }

    #cecrypto-page .cecrypto-expert-item strong {
        font-size: 17px;
        line-height: 1.35;
        margin-top: 8px;
    }

    #cecrypto-page .cecrypto-experts h2 {
        font-size: 24px;
        line-height: 1.2;
        padding: 0 0 20px;
        margin: 0;
        text-align: center;
    }

    #cecrypto-page .cecrypto-mission {
        grid-column: auto;
    }

    #cecrypto-page .cecrypto-final-trust {
        grid-template-columns: 1fr;
    }
}

/* ========================================================================== */
/* Shared responsive typography and layout                      */
/* Phones, foldables, tablets and compact laptops.      */
/* ========================================================================== */

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* Retain the desktop layout with readable typography on compact screens. */
@media all and (max-width:1440px) {
    #contenu #textes {
        font-size: 15px;
        line-height: 1.6;
    }
}

/* Landscape tablets and compact laptops. */
@media all and (min-width:1001px) and (max-width:1366px) {
    #contenu #textes {
        font-size: 15.5px;
        line-height: 1.6;
    }

    #contenu #textes #ce-review {
        --cer-copy-size: 15px;
        --cer-copy-line: 1.58;
        font-size: 15.5px;
        line-height: 1.6;
    }

    #contenu #textes #ce-review .ce-review-kicker {
        font-size: 12.5px;
    }

    #contenu #textes #ce-review .ce-review-editorial-meta {
        gap: 7px;
        font-size: 13px;
        line-height: 1.45;
    }

    #contenu #textes #ce-review .ce-review-byline {
        gap: 10px;
        font-size: 13px;
        line-height: 1.4;
    }

    #contenu #textes #ce-review .ce-review-byline__label,
    #contenu #textes #ce-review .ce-review-byline__role {
        font-size: 12.5px;
    }

    #contenu #textes #ce-review .ce-review-byline__name {
        font-size: 13.5px;
    }

    #contenu #textes #ce-review .ce-review-hero__intro {
        font-size: 15.5px;
        line-height: 1.6;
    }

    #contenu #textes #ce-review .ce-review-hero__checks li {
        min-height: 42px;
        font-size: 13.5px;
        line-height: 1.4;
    }

    #contenu #textes #ce-review .ce-review-hero__cta-link {
        min-height: 48px;
        padding: 12px 20px;
        font-size: 14.5px;
    }

    #contenu #textes #ce-review .ce-review-affiliate-note {
        font-size: 12.5px;
        line-height: 1.55;
    }

    #contenu #textes #ce-review .ce-review-metric {
        min-height: 108px;
        padding: 17px 12px 14px;
    }

    #contenu #textes #ce-review .ce-review-metric__label {
        margin-bottom: 7px;
        font-size: 13.5px;
        line-height: 1.3;
    }

    #contenu #textes #ce-review .ce-review-metric__value,
    #contenu #textes #ce-review .ce-review-metric__value--small,
    #contenu #textes #ce-review .ce-review-metric__value--empty {
        font-size: 20px;
        line-height: 1.15;
    }

    #contenu #textes #ce-review .ce-review-metric__value small {
        font-size: 13px;
    }

    #contenu #textes #ce-review .ce-review-metric__meta {
        font-size: 12.5px;
    }

    #contenu #textes #ce-review .ce-review-stars {
        font-size: 15px;
    }

    #contenu #textes #ce-review .ce-review-nav a {
        min-height: 48px;
        padding: 0 12px;
        font-size: 13.5px;
        line-height: 1.25;
    }


    #contenu #textes #ce-review .ce-review-card p,
    #contenu #textes #ce-review .ce-review-editorial p,
    #contenu #textes #ce-review .ce-review-news p,
    #contenu #textes #ce-review .ce-review-richtext,
    #contenu #textes #ce-review .ce-review-richtext p,
    #contenu #textes #ce-review .ce-review-richtext li {
        font-size: var(--cer-copy-size);
        line-height: var(--cer-copy-line);
    }

    #contenu #textes #ce-review .ce-review-facts dt,
    #contenu #textes #ce-review .ce-review-status-list strong,
    #contenu #textes #ce-review .ce-review-history time {
        font-size: 13.5px;
        line-height: 1.4;
    }

    #contenu #textes #ce-review .ce-review-facts dd,
    #contenu #textes #ce-review .ce-review-status-list span,
    #contenu #textes #ce-review .ce-review-history strong,
    #contenu #textes #ce-review .ce-review-history span,
    #contenu #textes #ce-review .ce-review-trust-band span {
        font-size: 13.5px;
        line-height: 1.45;
    }

    #contenu #textes #ce-review .ce-review-table,
    #contenu #textes #ce-review .ce-review-table td,
    #contenu #textes #ce-review .ce-review-table th {
        font-size: 13px;
        line-height: 1.45;
    }

    #contenu #textes input,
    #contenu #textes select,
    #contenu #textes textarea {
        font-size: 16px;
        line-height: 1.4;
    }
}

/* Use a contents grid when eight links no longer fit comfortably in one row. */
@media all and (min-width:1001px) and (max-width:1280px) {
    #contenu #textes #ce-review .ce-review-nav {
        grid-auto-flow: unset;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        min-height: auto;
    }
}

/* ========================================================================== */
/* Casino review: alternative casino cards on tablets                           */
/* Balanced comparison cards independent of desktop table widths.        */
/* ========================================================================== */

@media all and (min-width:761px) and (max-width:1200px) {
    #contenu #textes #ce-review .ce-review-alternatives {
        padding: 20px;
    }

    #contenu #textes #ce-review .ce-review-alternatives > h2 {
        margin-bottom: 16px;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table-wrap {
        width: 100%;
        overflow: visible;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table {
        display: block;
        width: 100%;
        table-layout: auto;
        border-collapse: separate;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table thead {
        display: none;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table tbody {
        display: grid;
        gap: 14px;
        width: 100%;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table tr {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
        padding: 0;
        overflow: hidden;
        background: #fffdf8;
        border: 1px solid #e4d8c5;
        border-radius: 11px;
        box-shadow: 0 4px 12px rgba(7, 26, 47, .05);
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table__current {
        background: linear-gradient(180deg, #fffefb 0%, #fbf6eb 100%);
        border-color: rgba(201, 154, 53, .48);
        box-shadow:
            inset 4px 0 0 rgba(201, 154, 53, .78),
            0 4px 12px rgba(7, 26, 47, .05);
    }

    /* Reset desktop table widths. */
    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(1),
    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(2),
    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(3),
    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(4),
    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(5) {
        width: auto;
        min-width: 0;
        max-width: none;
        box-sizing: border-box;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td {
        padding: 0;
        border: 0;
        background: transparent;
        vertical-align: middle;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table__current td {
        background: transparent;
    }

    /* Full-width casino identity area. */
    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:first-child {
        grid-column: 1 / -1;
        display: flex;
        width: 100%;
        min-height: 70px;
        align-items: center;
        justify-content: center;
        padding: 12px 18px;
        color: var(--cer-navy);
        background: rgba(248, 243, 233, .58);
        border-bottom: 1px solid #e9dfcf;
        font-size: 15px;
        line-height: 1.25;
        font-weight: 800;
        text-align: center;
    }

    #contenu #textes #ce-review .ce-review-table__casino {
        width: 100%;
        min-height: 0;
        justify-content: center;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table__casino-logo {
        width: auto;
        max-width: 175px;
        height: auto;
        max-height: 48px;
        object-fit: contain;
        object-position: center;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table__casino-name {
        max-width: 100%;
        font-size: 15px;
        line-height: 1.25;
        font-weight: 800;
        text-align: center;
    }

    /* Give the three comparison values equal widths. */
    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(2),
    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(3),
    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(4) {
        display: flex;
        min-height: 92px;
        padding: 14px 12px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 7px;
        color: var(--cer-navy);
        text-align: center;
        overflow-wrap: normal;
        word-break: normal;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(3),
    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(4) {
        border-left: 1px solid #e9dfcf;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(2)::before,
    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(3)::before,
    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(4)::before {
        display: block;
        color: #697180;
        font-family: Roboto, Arial, sans-serif;
        font-size: 12.5px;
        line-height: 1.25;
        font-weight: 700;
        text-align: center;
        white-space: normal;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(2)::before {
        content: "Note expert";
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(3)::before {
        content: "Avis des joueurs";
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(4)::before {
        content: "Point distinctif";
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(2) {
        font-family: Georgia, "Times New Roman", serif;
        font-size: 20px;
        line-height: 1.05;
        font-weight: 700;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(3) {
        font-family: Roboto, Arial, sans-serif;
        font-size: 14px;
        line-height: 1.3;
        font-weight: 700;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(4) {
        font-family: Roboto, Arial, sans-serif;
        font-size: 14px;
        line-height: 1.35;
        font-weight: 800;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table__player-rating,
    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table__player-rating--empty {
        display: flex;
        max-width: 100%;
        align-items: center;
        justify-content: center;
        gap: 3px;
        color: var(--cer-navy);
        font-family: Roboto, Arial, sans-serif;
        font-size: 14px;
        line-height: 1.3;
        font-weight: 700;
        text-align: center;
        white-space: normal;
        word-break: normal;
        overflow-wrap: normal;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table__player-rating small {
        font-size: 12.5px;
        line-height: 1.25;
    }

    /* Use a full-width action row; hide it when empty. */
    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(5) {
        grid-column: 1 / -1;
        width: 100%;
        padding: 0 14px 14px;
        border-top: 1px solid #eee5d7;
        text-align: center;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(5):empty {
        display: none;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(5) a {
        display: flex;
        width: 100%;
        min-height: 46px;
        align-items: center;
        justify-content: center;
        margin-top: 13px;
        padding: 10px 16px;
        color: var(--cer-navy);
        background: linear-gradient(180deg, #fffdf8 0%, #faf2e2 100%);
        border: 1px solid rgba(201, 154, 53, .6);
        border-radius: 8px;
        box-shadow: 0 2px 5px rgba(7, 26, 47, .035);
        font-size: 14px;
        line-height: 1.25;
        font-weight: 800;
        text-align: center;
    }
}

/* Portrait tablets and large touchscreens. */
@media all and (min-width:761px) and (max-width:1050px) {
    #contenu #textes {
        font-size: 16px;
        line-height: 1.62;
    }

    nav#site-navigation ul.nav-menu>li>ul>li>a {
        font-size: 15px;
        line-height: 1.4;
    }


    #contenu #textes input,
    #contenu #textes select,
    #contenu #textes textarea {
        font-size: 16px;
        line-height: 1.4;
    }

    #contenu #textes #ce-review .ce-review-editorial-meta {
        font-size: 13px;
        line-height: 1.45;
    }

    #contenu #textes #ce-review .ce-review-byline {
        font-size: 13px;
        line-height: 1.4;
    }

    #contenu #textes #ce-review .ce-review-byline__label,
    #contenu #textes #ce-review .ce-review-byline__role {
        font-size: 12.5px;
    }

    #contenu #textes #ce-review .ce-review-byline__name {
        font-size: 13.5px;
    }

    #contenu #textes #ce-review .ce-review-hero__intro {
        font-size: 15.5px;
        line-height: 1.6;
    }

    #contenu #textes #ce-review .ce-review-hero__checks li {
        font-size: 14px;
        line-height: 1.4;
    }

    #contenu #textes #ce-review .ce-review-hero__cta-link {
        min-height: 48px;
        font-size: 14.5px;
    }

    #contenu #textes #ce-review .ce-review-affiliate-note {
        font-size: 12.5px;
        line-height: 1.55;
    }

    #contenu #textes #ce-review .ce-review-metric__label {
        font-size: 13.5px;
    }

    #contenu #textes #ce-review .ce-review-metric__value,
    #contenu #textes #ce-review .ce-review-metric__value--small,
    #contenu #textes #ce-review .ce-review-metric__value--empty {
        font-size: 20px;
        line-height: 1.15;
    }

    #contenu #textes #ce-review .ce-review-metric__value small {
        font-size: 13px;
    }

    #contenu #textes #ce-review .ce-review-metric__meta {
        font-size: 12.5px;
    }

    #contenu #textes #ce-review .ce-review-nav a {
        min-height: 48px;
        font-size: 14px;
        line-height: 1.25;
    }
}

/* Phones, narrow unfolded devices and small tablets. */
@media all and (max-width:760px) {
    #contenu #textes {
        font-size: 16px;
        line-height: 1.62;
    }

    #contenu #textes input,
    #contenu #textes select,
    #contenu #textes textarea {
        font-size: 16px;
        line-height: 1.4;
    }

    #contenu #textes button,
    #contenu #textes input[type="button"],
    #contenu #textes input[type="submit"] {
        min-height: 44px;
    }

    #contenu #textes #ce-review .ce-review-editorial-meta {
        gap: 5px 7px;
        font-size: 13px;
        line-height: 1.45;
    }

    #contenu #textes #ce-review .ce-review-byline__label,
    #contenu #textes #ce-review .ce-review-byline__role {
        font-size: 12.5px;
    }

    #contenu #textes #ce-review .ce-review-byline__name {
        font-size: 13.5px;
    }

    #contenu #textes #ce-review .ce-review-metric__value,
    #contenu #textes #ce-review .ce-review-metric__value--small,
    #contenu #textes #ce-review .ce-review-metric__value--empty {
        font-size: 20px;
        line-height: 1.15;
    }

}

/* Reduce spacing on small phones while retaining readable text. */
@media all and (max-width:480px) {
    #contenu #textes {
        font-size: 15.5px;
        line-height: 1.62;
    }

    .copyright {
        font-size: 13px;
        line-height: 1.45;
    }

    #contenu #textes #ce-review .ce-review-editorial-meta {
        font-size: 12.5px;
    }

    #contenu #textes #ce-review .ce-review-metric__label {
        font-size: 13px;
    }

    #contenu #textes #ce-review .ce-review-metric__value,
    #contenu #textes #ce-review .ce-review-metric__value--small,
    #contenu #textes #ce-review .ce-review-metric__value--empty {
        font-size: 19px;
    }

}

/* Reduce only large headings on the narrowest screens. */
@media all and (max-width:360px) {
    body>header .site-title-mobile {
        font-size: 17px;
    }

    #contenu #textes>h2 {
        font-size: 17px;
    }

    #contenu #textes #ce-review .ce-review-hero h1 {
        font-size: 28px;
    }
}

/* ========================================================================== */
/* Casino review: image and text content                  */
/* Shared responsive layout for image and text blocks.                    */
/* ========================================================================== */

@media all and (max-width:1200px) {
    #contenu #textes #ce-review .ce-review-news,
    #contenu #textes #ce-review .ce-review-editorial__body--with-image,
    #contenu #textes #ce-review .ce-review-preview__grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
        align-items: start;
    }

    #contenu #textes #ce-review .ce-review-news {
        min-height: 0;
    }

    #contenu #textes #ce-review .ce-review-news__media {
        order: 1;
        width: 100%;
        max-width: 900px;
        aspect-ratio: 847 / 404;
        align-self: start;
        justify-self: center;
    }

    #contenu #textes #ce-review .ce-review-news__copy {
        order: 2;
        width: 100%;
        min-width: 0;
    }

    #contenu #textes #ce-review .ce-review-editorial__media,
    #contenu #textes #ce-review .ce-review-preview figure {
        width: 100%;
        max-width: 900px;
        min-height: 0;
        align-self: start;
        justify-self: center;
    }

    #contenu #textes #ce-review .ce-review-editorial__visual {
        aspect-ratio: 847 / 404;
    }

    #contenu #textes #ce-review .ce-review-news__media img {
        width: 100%;
        height: 100%;
        min-height: 0;
        max-height: none;
        object-fit: contain;
        object-position: center;
    }

    #contenu #textes #ce-review .ce-review-editorial__media img {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 0;
        max-height: none;
        object-fit: cover;
        object-position: center;
    }

    #contenu #textes #ce-review .ce-review-preview figure img {
        display: block;
        width: 100%;
        height: auto;
        min-height: 0;
        max-height: none;
        aspect-ratio: 847 / 404;
        object-fit: cover;
        object-position: center;
    }
}


/* ========================================================================== */
/* Casino review: three-by-two tablet testing timeline                            */
/* Preserve DOM order row by row on tablets and unfolded devices.   */
/* ========================================================================== */

@media all and (min-width:761px) and (max-width:1200px) {
    #contenu #textes #ce-review .ce-review-test-timeline {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-auto-flow: row;
        grid-auto-rows: 1fr;
        gap: 14px;
        width: 100%;
        padding: 12px 0 2px;
        align-items: stretch;
    }

    #contenu #textes #ce-review .ce-review-test-timeline::before {
        display: none;
    }

    #contenu #textes #ce-review .ce-review-test-timeline li {
        min-width: 0;
        min-height: 154px;
        padding: 48px 14px 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        text-align: center;
        background: linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(250,246,238,.78) 100%);
        border: 1px solid rgba(215,199,170,.72);
        border-radius: 10px;
        box-shadow: 0 3px 10px rgba(7,26,47,.045);
    }

    #contenu #textes #ce-review .ce-review-test-timeline li::before {
        top: 12px;
        width: 30px;
        height: 30px;
        font-size: 12.5px;
    }

    #contenu #textes #ce-review .ce-review-test-timeline strong {
        margin: 0 0 5px;
        font-size: 14.5px;
        line-height: 1.3;
        font-weight: 800;
    }

    #contenu #textes #ce-review .ce-review-test-timeline span,
    #contenu #textes #ce-review .ce-review-test-timeline small {
        margin-top: 2px;
        font-size: 13.5px;
        line-height: 1.48;
    }
}

/* ========================================================================== */
/* Casino review: responsive layout                                         */
/* ========================================================================== */

@media all and (max-width:1050px) {
    #contenu #textes #ce-review {
        --cer-copy-size: 15px;
        --cer-copy-line: 1.58;
        max-width: 100%;
        margin-bottom: 24px;
        font-size: 16px;
        line-height: 1.6;
    }

    #contenu #textes #ce-review .ce-review-hero {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    #contenu #textes #ce-review .ce-review-hero__copy {
        padding: 26px 28px 22px;
    }

    #contenu #textes #ce-review .ce-review-hero h1 {
        font-size: clamp(35px, 4.9vw, 46px);
    }

    #contenu #textes #ce-review .ce-review-hero__visual {
        width: 100%;
        min-height: 0;
        aspect-ratio: 847 / 404;
        clip-path: none;
        background: #f2ebdf;
    }

    #contenu #textes #ce-review .ce-review-hero__image {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 0;
        object-fit: cover;
        object-position: center;
    }

    #contenu #textes #ce-review .ce-review-hero__checks {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 18px;
    }

    #contenu #textes #ce-review .ce-review-hero__cta {
        margin-top: 18px;
    }

    #contenu #textes #ce-review .ce-review-metrics {
        width: calc(100% - 18px);
        flex-wrap: wrap;
    }

    #contenu #textes #ce-review .ce-review-metric {
        flex: 1 1 25%;
        min-width: 150px;
        min-height: 90px;
    }

    #contenu #textes #ce-review .ce-review-nav {
        grid-auto-flow: unset;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        min-height: auto;
    }

    #contenu #textes #ce-review .ce-review-nav a {
        min-height: 44px;
        border-bottom: 1px solid rgba(230,220,201,.65);
    }

    #contenu #textes #ce-review .ce-review-grid--three {
        grid-template-columns: 1fr 1fr;
    }

    #contenu #textes #ce-review .ce-review-grid--three > :first-child {
        grid-column: 1 / -1;
    }

    #contenu #textes #ce-review .ce-review-license__item {
        grid-template-columns: 72px minmax(0, 1fr);
    }

    #contenu #textes #ce-review .ce-review-license__proof {
        grid-column: 2;
        padding-left: 0;
        padding-top: 10px;
        border-left: 0;
        border-top: 1px solid var(--cer-line);
    }

    #contenu #textes #ce-review .ce-review-card--scores {
        grid-template-columns: minmax(135px, .75fr) minmax(0, 1.25fr);
    }

    #contenu #textes #ce-review .ce-review-status-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #contenu #textes :is(#ce-review, .ce-category-sources) .ce-review-source-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }#contenu #textes #ce-review .ce-review-card--support { grid-column: 1 / -1; }
}

@media all and (max-width:760px) {
    #contenu #textes #ce-review {
        --cer-shadow: 0 2px 9px rgba(7, 26, 47, .05);
    }

    #contenu #textes #ce-review .ce-review-hero {
        display: flex;
        flex-direction: column;
        min-height: 0;
        border-radius: 12px 12px 0 0;
    }

    #contenu #textes #ce-review .ce-review-hero__copy {
        order: 1;
        padding: 23px 18px 20px;
    }

    #contenu #textes #ce-review .ce-review-kicker {
        margin-bottom: 7px;
        font-size: 12.5px;
    }

    #contenu #textes #ce-review .ce-review-hero h1 {
        margin-bottom: 10px;
        font-size: clamp(30px, 9vw, 40px);
        line-height: 1.02;
    }

    #contenu #textes #ce-review .ce-review-byline {
        gap: 8px;
        margin-bottom: 13px;
        font-size: 13px;
        line-height: 1.4;
    }

    #contenu #textes #ce-review .ce-review-byline__avatar {
        flex-basis: 29px;
        width: 29px;
        height: 29px;
    }

    #contenu #textes #ce-review .ce-review-byline__copy {
        gap: 2px 4px;
    }

    #contenu #textes #ce-review .ce-review-hero__intro {
        font-size: 15px;
        line-height: 1.5;
    }

    #contenu #textes #ce-review .ce-review-hero__checks {
        gap: 9px 12px;
        margin-top: 17px;
    }

    #contenu #textes #ce-review .ce-review-hero__checks li {
        min-height: 40px;
        padding-left: 42px;
        font-size: 14px;
        line-height: 1.35;
        font-weight: 800;
    }

    #contenu #textes #ce-review .ce-review-hero__checks li::before {
        width: 30px;
        height: 30px;
        font-size: 15px;
    }

    #contenu #textes #ce-review .ce-review-hero__cta {
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
        max-width: none;
        margin-top: 18px;
    }

    #contenu #textes #ce-review .ce-review-hero__cta-link {
        width: 100%;
        min-width: 0;
        min-height: 46px;
        padding: 12px 16px;
        font-size: 14px;
    }

    #contenu #textes #ce-review .ce-review-affiliate-note {
        flex: none;
        max-width: none;
        padding-left: 0;
        border-left: 0;
        font-size: 12.5px;
        line-height: 1.45;
        text-align: center;
    }

    #contenu #textes #ce-review .ce-review-hero__visual {
        order: 2;
        width: 100%;
        min-height: 220px;
        clip-path: none;
    }

    #contenu #textes #ce-review .ce-review-hero__image {
        width: 100%;
        min-height: 220px;
        height: 220px;
        object-fit: cover;
    }

    #contenu #textes #ce-review .ce-review-metrics {
        width: calc(100% - 10px);
        margin-top: 18px;
        border-radius: 9px;
    }

    #contenu #textes #ce-review .ce-review-metric {
        flex: 1 1 50%;
        min-width: 0;
        min-height: 78px;
        padding: 12px 8px;
        border-bottom: 1px solid var(--cer-line);
    }

    #contenu #textes #ce-review .ce-review-metric + .ce-review-metric::before {
        top: 12px;
        bottom: 12px;
    }

    #contenu #textes #ce-review .ce-review-metric:nth-child(odd)::before {
        display: none;
    }

    #contenu #textes #ce-review .ce-review-metric__label {
        margin-bottom: 7px;
        font-size: 13.5px;
        line-height: 1.3;
        font-weight: 700;
    }

    #contenu #textes #ce-review .ce-review-metric__value,
    #contenu #textes #ce-review .ce-review-metric__value--small {
        font-size: 20px;
        line-height: 1.15;
        font-weight: 700;
        white-space: normal;
    }

    #contenu #textes #ce-review .ce-review-metric__value small {
        margin-left: 2px;
        font-size: 13px;
        line-height: inherit;
        font-weight: 700;
    }

    #contenu #textes #ce-review .ce-review-stars {
        margin-top: 8px;
        font-size: 15px;
        letter-spacing: 2px;
    }

    #contenu #textes #ce-review .ce-review-nav {
        position: relative;
        top: auto;
        z-index: auto;
        display: flex;
        grid-template-columns: none;
        grid-auto-flow: unset;
        grid-auto-columns: unset;
        gap: 3px;
        min-height: 50px;
        margin: 12px 0;
        padding: 4px 12px 4px 5px;
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-x: contain;
        scroll-behavior: smooth;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        scroll-padding-inline: 8px;
        -webkit-mask-image: none;
        mask-image: none;
    }

    #contenu #textes #ce-review .ce-review-nav::after {
        content: "›";
        position: sticky;
        right: 0;
        flex: 0 0 28px;
        align-self: stretch;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--cer-gold);
        background: #fffdf8;
        font-size: 24px;
        pointer-events: none;
    }

    #contenu #textes #ce-review .ce-review-nav::-webkit-scrollbar {
        display: none;
    }

    #contenu #textes #ce-review .ce-review-nav a {
        flex: 0 0 auto;
        min-height: 42px;
        padding: 0 15px;
        border-bottom: 0;
        border-radius: 6px;
        white-space: nowrap;
        font-size: 14px;
        line-height: 1.2;
        font-weight: 800;
        scroll-snap-align: start;
    }

    #contenu #textes #ce-review [id^="ce-review-"] {
        scroll-margin-top: 66px;
    }

    #contenu #textes #ce-review .ce-review-grid,
    #contenu #textes #ce-review .ce-review-grid--three,
    #contenu #textes #ce-review .ce-review-grid--two {
        display: grid;
        grid-template-columns: 1fr;
        gap: 11px;
        margin-bottom: 11px;
    }

    #contenu #textes #ce-review .ce-review-grid--three > :first-child {
        grid-column: auto;
    }

    #contenu #textes #ce-review .ce-review-card,
    #contenu #textes #ce-review .ce-review-editorial,
    #contenu #textes #ce-review .ce-review-news {
        border-radius: 8px;
    }

    #contenu #textes #ce-review .ce-review-card {
        padding: 15px;
    }

    #contenu #textes #ce-review .ce-review-card--full,
    #contenu #textes #ce-review .ce-review-editorial,
    #contenu #textes #ce-review .ce-review-news {
        margin-bottom: 11px;
    }

    #contenu #textes #ce-review .ce-review-card h2,
    #contenu #textes #ce-review .ce-review-editorial h2,
    #contenu #textes #ce-review .ce-review-news h2 {
        margin-bottom: 12px;
        font-size: 18px;
    }

    #contenu #textes #ce-review .ce-review-card p,
    #contenu #textes #ce-review .ce-review-editorial p,
    #contenu #textes #ce-review .ce-review-news p {
        font-size: 15px;
    }

    #contenu #textes #ce-review .ce-review-inline-link {
        font-size: 13px;
        line-height: 1.35;
    }

    #contenu #textes #ce-review .ce-review-inline-link::after {
        margin-left: 8px;
        font-size: 18px;
        line-height: .8;
    }

    #contenu #textes #ce-review .ce-review-facts,
    #contenu #textes #ce-review .ce-review-license__item .ce-review-facts {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    #contenu #textes #ce-review .ce-review-facts > div {
        grid-template-columns: minmax(105px, .9fr) minmax(0, 1.1fr);
    }

    #contenu #textes #ce-review .ce-review-license {
        padding: 16px 14px 15px;
    }

    #contenu #textes #ce-review .ce-review-license h2 {
        margin-bottom: 14px;
        font-size: 20px;
        line-height: 1.15;
    }

    #contenu #textes #ce-review .ce-review-license__item {
        grid-template-columns: 1fr;
        gap: 11px;
        min-height: 0;
    }

    #contenu #textes #ce-review .ce-review-license__item::before {
        width: 48px;
        height: 54px;
        justify-self: center;
        margin-bottom: 2px;
        border-width: 3px;
        border-radius: 14px 14px 20px 20px;
        box-shadow: inset 0 0 0 3px #fffdf8, 0 3px 9px rgba(7, 26, 47, .06);
        font-size: 22px;
    }

    #contenu #textes #ce-review .ce-review-license__item .ce-review-facts {
        gap: 0;
    }

    #contenu #textes #ce-review .ce-review-license__item .ce-review-facts > div {
        grid-template-columns: minmax(0, 42%) minmax(0, 58%);
        gap: 12px;
        align-items: center;
        padding: 9px 0;
        border-bottom: 1px solid #eee5d7;
    }

    #contenu #textes #ce-review .ce-review-license__item .ce-review-facts > div:last-child {
        border-bottom: 0;
    }

    #contenu #textes #ce-review .ce-review-license__item .ce-review-facts dt {
        color: #697180;
        font-size: 13.5px;
        line-height: 1.3;
        font-weight: 700;
    }

    #contenu #textes #ce-review .ce-review-license__item .ce-review-facts dd {
        min-width: 0;
        color: var(--cer-navy);
        font-size: 14px;
        line-height: 1.35;
        font-weight: 800;
        text-align: right;
        overflow-wrap: anywhere;
    }

    #contenu #textes #ce-review .ce-review-license__proof {
        grid-column: auto;
        gap: 11px;
        padding-top: 12px;
        border-top: 1px solid var(--cer-line);
    }

    #contenu #textes #ce-review .ce-review-license__proof > p {
        line-height: 1.55;
    }

    #contenu #textes #ce-review .ce-review-license__official-link {
        position: relative;
        width: 100%;
        min-height: 46px;
        justify-content: center;
        padding: 9px 40px;
        font-size: 14px;
        line-height: 1.25;
        text-align: center;
        border-radius: 8px;
    }

    #contenu #textes #ce-review .ce-review-license__official-link::before {
        position: absolute;
        left: 10px;
        flex-basis: 24px;
        width: 24px;
        height: 24px;
        font-size: 14px;
    }

    #contenu #textes #ce-review .ce-review-license__official-link::after {
        position: absolute;
        right: 12px;
        margin-left: 0;
        font-size: 14px;
    }

    #contenu #textes #ce-review .ce-review-news {
        padding: 15px;
    }

    #contenu #textes #ce-review .ce-review-card--scores {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
    }

    #contenu #textes #ce-review .ce-review-score-main {
        min-height: 130px;
    }

    #contenu #textes #ce-review .ce-review-test-timeline {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 8px;
    }

    #contenu #textes #ce-review .ce-review-game-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #contenu #textes #ce-review .ce-review-logo-list {
        gap: 7px;
    }

    #contenu #textes #ce-review .ce-review-logo-chip {
        flex: 1 1 calc(50% - 7px);
        min-width: 0;
    }

    #contenu #textes #ce-review .ce-review-app-grid {
        grid-template-columns: 1fr;
        gap: 12px;
        padding-top: 4px;
    }

    #contenu #textes #ce-review .ce-review-app {
        min-height: 0;
        padding: 18px 16px 16px;
    }

    #contenu #textes #ce-review .ce-review-app__icon {
        width: 50px;
        height: 50px;
        margin-bottom: 10px;
    }

    #contenu #textes #ce-review .ce-review-app__icon img,
    #contenu #textes #ce-review .ce-review-app__icon svg {
        width: 44px;
        height: 44px;
    }

    #contenu #textes #ce-review .ce-review-app h3 {
        margin-bottom: 0;
        font-size: 16px;
        line-height: 1.25;
        font-weight: 800;
    }

    #contenu #textes #ce-review .ce-review-app__body {
        gap: 9px;
        padding-top: 16px;
    }

    #contenu #textes #ce-review .ce-review-app__action {
        padding-top: 18px;
    }

    #contenu #textes #ce-review .ce-review-app + .ce-review-app {
        border-left: 1px solid var(--cer-line);
        border-top: 1px solid var(--cer-line);
    }

    #contenu #textes #ce-review .ce-review-status-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #contenu #textes #ce-review .ce-review-pros-cons-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    #contenu #textes #ce-review .ce-review-pros-cons-grid > div + div {
        padding-left: 0;
        padding-top: 13px;
        border-left: 0;
        border-top: 1px solid var(--cer-line);
    }

    #contenu #textes #ce-review .ce-review-history::before {
        left: 82px;
    }

    #contenu #textes #ce-review .ce-review-history li {
        grid-template-columns: 70px minmax(0, 1fr);
        gap: 26px;
    }

    #contenu #textes #ce-review .ce-review-history li::before {
        left: 78px;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table-wrap {
        overflow: visible;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table,
    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table tbody,
    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table tr,
    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td {
        display: block;
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table {
        table-layout: auto;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table thead {
        display: none;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table tbody {
        display: grid;
        gap: 11px;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table tr {
        padding: 12px;
        background: #fffdf8;
        border: 1px solid #e7dccb;
        border-radius: 9px;
        box-shadow: 0 2px 7px rgba(7, 26, 47, .04);
        overflow: hidden;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table__current {
        background: linear-gradient(180deg, #fffdf8 0%, #fbf5e8 100%);
        border-color: rgba(201, 154, 53, .48);
        box-shadow: inset 3px 0 0 rgba(201, 154, 53, .72), 0 2px 7px rgba(7, 26, 47, .04);
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td {
        padding: 8px 4px;
        border-bottom: 1px solid #eee5d7;
        color: #4f5868;
        font-size: 13.5px;
        line-height: 1.35;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:first-child {
        display: block;
        width: calc(100% - 24px);
        min-height: 52px;
        margin: 0 12px;
        padding: 6px 4px 12px;
        box-sizing: border-box;
        color: var(--cer-navy);
        font-size: 14px;
        line-height: 1.25;
        font-weight: 800;
        text-align: center;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:first-child img {
        display: block;
        width: auto;
        max-width: 150px;
        height: auto;
        max-height: 48px;
        margin: 0 auto;
        object-fit: contain;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:first-child a {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(2),
    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(3),
    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(4) {
        display: grid;
        grid-template-columns: minmax(112px, 44%) minmax(0, 56%);
        gap: 10px;
        align-items: center;
        min-height: 43px;
        text-align: right;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(2)::before,
    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(3)::before,
    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(4)::before {
        color: #747c89;
        font-family: Roboto, Arial, sans-serif;
        font-size: 13px;
        line-height: 1.25;
        font-weight: 700;
        text-align: left;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(2)::before {
        content: "Note expert";
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(3)::before {
        content: "Avis des joueurs";
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(4)::before {
        content: "Point distinctif";
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(2),
    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(3) {
        color: var(--cer-navy);
        font-family: Georgia, "Times New Roman", serif;
        font-size: 18px;
        line-height: 1.05;
        font-weight: 700;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(4) {
        color: var(--cer-navy);
        font-weight: 800;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(4):empty {
        display: none;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(5) {
        padding: 10px 0 0;
        border-bottom: 0;
        text-align: center;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(5):empty {
        display: none;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:nth-child(5) a {
        display: flex;
        width: 100%;
        min-height: 42px;
        align-items: center;
        justify-content: center;
        padding: 8px 12px;
        box-sizing: border-box;
        color: var(--cer-navy);
        background: linear-gradient(180deg, #fffdf8 0%, #fbf4e5 100%);
        border: 1px solid rgba(201, 154, 53, .55);
        border-radius: 7px;
        font-size: 14px;
        line-height: 1.25;
        font-weight: 800;
        text-align: center;
        text-decoration: none;
    }

    #contenu #textes #ce-review .ce-review-table {
        font-size: 13px;
    }

    #contenu #textes #ce-review .ce-review-card--support .ce-review-table-wrap {
        overflow: visible;
    }

    #contenu #textes #ce-review .ce-review-card--support .ce-review-table,
    #contenu #textes #ce-review .ce-review-card--support .ce-review-table tbody,
    #contenu #textes #ce-review .ce-review-card--support .ce-review-table tr,
    #contenu #textes #ce-review .ce-review-card--support .ce-review-table td {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    #contenu #textes #ce-review .ce-review-card--support .ce-review-table thead {
        display: none;
    }

    #contenu #textes #ce-review .ce-review-card--support .ce-review-table tbody {
        display: grid;
        gap: 10px;
    }

    #contenu #textes #ce-review .ce-review-card--support .ce-review-table tr {
        padding: 11px 12px;
        background: #fffdf8;
        border: 1px solid #e7dccb;
        border-radius: 8px;
        box-shadow: 0 2px 7px rgba(7, 26, 47, .04);
    }

    #contenu #textes #ce-review .ce-review-card--support .ce-review-table td {
        display: grid;
        grid-template-columns: minmax(0, 44%) minmax(0, 56%);
        gap: 10px;
        align-items: baseline;
        padding: 6px 0;
        border-bottom: 1px solid #eee5d7;
        color: #4f5868;
        font-size: 13.5px;
        line-height: 1.35;
        text-align: right;
    }

    #contenu #textes #ce-review .ce-review-card--support .ce-review-table td::before {
        color: #747c89;
        font-size: 13px;
        line-height: 1.3;
        font-weight: 700;
        text-align: left;
    }

    #contenu #textes #ce-review .ce-review-card--support .ce-review-table td:nth-child(1)::before {
        content: "Canal";
    }

    #contenu #textes #ce-review .ce-review-card--support .ce-review-table td:nth-child(2)::before {
        content: "Langue";
    }

    #contenu #textes #ce-review .ce-review-card--support .ce-review-table td:nth-child(3)::before {
        content: "Temps de réponse";
    }

    #contenu #textes #ce-review .ce-review-card--support .ce-review-table td:nth-child(4)::before {
        content: "Résultat";
    }

    #contenu #textes #ce-review .ce-review-card--support .ce-review-table td:first-child {
        padding-top: 2px;
        color: var(--cer-navy);
        font-size: 14px;
        font-weight: 800;
    }

    #contenu #textes #ce-review .ce-review-card--support .ce-review-table td:last-child {
        padding-bottom: 2px;
        border-bottom: 0;
        color: #9f711c;
        font-weight: 800;
    }

    #contenu #textes :is(#ce-review, .ce-category-sources) .ce-review-source-grid {
        grid-template-columns: 1fr;
    }

    #contenu #textes :is(#ce-review, .ce-category-sources) .ce-review-source {
        min-height: 0;
    }

    #contenu #textes #ce-review .ce-review-correction {
        align-items: flex-start;
    }

    #contenu #textes #ce-review .ce-review-correction p {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    #contenu #textes #ce-review .ce-review-correction a {
        margin-left: 0;
    }

    #contenu #textes #ce-review .ce-review-trust-band {
        grid-template-columns: 1fr;
        border-radius: 7px;
    }

    #contenu #textes #ce-review .ce-review-trust-band > div {
        min-height: 68px;
    }

    #contenu #textes #ce-review .ce-review-trust-band > div + div {
        border-left: 0;
        border-top: 1px solid rgba(255,255,255,.12);
    }
}

@media all and (max-width:480px) {
    #contenu #textes #ce-review .ce-review-hero__copy {
        padding: 20px 15px 18px;
    }

    #contenu #textes #ce-review .ce-review-hero h1 {
        font-size: clamp(29px, 9vw, 36px);
    }

    #contenu #textes #ce-review .ce-review-hero__checks {
        grid-template-columns: 1fr;
    }

    #contenu #textes #ce-review .ce-review-hero__visual,
    #contenu #textes #ce-review .ce-review-hero__image {
        min-height: 190px;
        height: 190px;
    }

    #contenu #textes #ce-review .ce-review-metric {
        flex-basis: 100%;
        min-height: 88px;
        padding: 14px 10px;
    }

    #contenu #textes #ce-review .ce-review-metric + .ce-review-metric::before,
    #contenu #textes #ce-review .ce-review-metric:nth-child(odd)::before {
        display: none;
    }

    #contenu #textes #ce-review .ce-review-nav {
        min-height: 50px;
        padding: 4px 12px 4px 4px;
    }

    #contenu #textes #ce-review .ce-review-nav a {
        min-height: 42px;
        padding: 0 14px;
        font-size: 14px;
    }

    #contenu #textes #ce-review .ce-review-card {
        padding: 14px;
    }

    #contenu #textes #ce-review .ce-review-facts > div {
        grid-template-columns: 1fr;
        gap: 2px;
        padding-bottom: 6px;
        border-bottom: 1px solid #eee5d7;
    }

    #contenu #textes #ce-review .ce-review-facts > div:last-child {
        border-bottom: 0;
    }

    #contenu #textes #ce-review .ce-review-test-timeline,
    #contenu #textes #ce-review .ce-review-game-stats,
    #contenu #textes #ce-review .ce-review-status-list {
        grid-template-columns: 1fr;
    }

    #contenu #textes #ce-review .ce-review-test-timeline {
        gap: 0;
        padding: 5px 0 0;
    }

    #contenu #textes #ce-review .ce-review-test-timeline::before {
        display: block;
        left: 16px;
        right: auto;
        top: 21px;
        bottom: 21px;
        width: 1px;
        height: auto;
        background: #d9dee5;
    }

    #contenu #textes #ce-review .ce-review-test-timeline li {
        min-height: 0;
        padding: 5px 0 21px 52px;
        text-align: left;
    }

    #contenu #textes #ce-review .ce-review-test-timeline li:last-child {
        padding-bottom: 5px;
    }

    #contenu #textes #ce-review .ce-review-test-timeline li::before {
        left: 0;
        top: 1px;
        width: 32px;
        height: 32px;
        transform: none;
        border-width: 3px;
        box-shadow: 0 0 0 1px #d6dbe1, 0 3px 8px rgba(7, 26, 47, .08);
        font-size: 12.5px;
    }

    #contenu #textes #ce-review .ce-review-test-timeline strong {
        margin-bottom: 3px;
        line-height: 1.3;
    }

    #contenu #textes #ce-review .ce-review-test-timeline span,
    #contenu #textes #ce-review .ce-review-test-timeline small {
        margin-top: 2px;
        line-height: 1.45;
    }

    #contenu #textes #ce-review .ce-review-game-stats > div {
        width: min(240px, 100%);
        min-height: 78px;
        margin: 0 auto;
        padding: 13px 8px 13px 72px;
        box-sizing: border-box;
        text-align: left;
    }

    #contenu #textes #ce-review .ce-review-game-stats > div::before {
        left: 8px;
        top: 50%;
        transform: translateY(-50%);
    }

    #contenu #textes #ce-review .ce-review-game-stats > div:nth-child(5)::before {
        left: 4px;
        top: 50%;
        width: 58px;
        height: 40px;
        transform: translateY(-50%);
    }

    #contenu #textes #ce-review .ce-review-game-stats > div:not(:last-child)::after {
        display: none;
    }

    #contenu #textes #ce-review .ce-review-game-stats dt {
        font-size: 13px;
        line-height: 1.25;
    }

    #contenu #textes #ce-review .ce-review-game-stats dd {
        margin-top: 3px;
        font-size: 22px;
        line-height: 1.05;
    }

    #contenu #textes #ce-review .ce-review-logo-chip {
        flex-basis: 100%;
    }

    #contenu #textes #ce-review .ce-review-status-list li {
        min-height: 76px;
        padding: 13px 8px 13px 52px;
        text-align: left;
    }

    #contenu #textes #ce-review .ce-review-status-list li::before {
        left: 7px;
        top: 50%;
        transform: translateY(-50%);
    }

    #contenu #textes #ce-review .ce-review-history::before {
        left: 7px;
    }

    #contenu #textes #ce-review .ce-review-history li {
        grid-template-columns: 1fr;
        gap: 3px;
        padding-left: 23px;
    }

    #contenu #textes #ce-review .ce-review-history li::before {
        left: 3px;
    }

    #contenu #textes #ce-review .ce-review-history time {
        font-size: 13.5px;
    }

    #contenu #textes #ce-review .ce-review-trust-band > div {
        padding-left: 55px;
    }
}

/* ========================================================================== */
/* Casino review: content typography                       */
/* ========================================================================== */

@media all and (max-width:1050px) {
    #contenu #textes #ce-review .ce-review-card p,
#contenu #textes #ce-review .ce-review-editorial p,
#contenu #textes #ce-review .ce-review-news p,
#contenu #textes #ce-review .ce-review-richtext,
#contenu #textes #ce-review .ce-review-richtext p,
#contenu #textes #ce-review .ce-review-richtext li,
#contenu #textes #ce-review .ce-review-facts dt,
#contenu #textes #ce-review .ce-review-facts dd,
#contenu #textes #ce-review .ce-review-check-list li,
#contenu #textes #ce-review .ce-review-cross-list li,
#contenu #textes #ce-review .ce-review-license__proof > p,
#contenu #textes #ce-review .ce-review-test-timeline span,
#contenu #textes #ce-review .ce-review-test-timeline small,
#contenu #textes #ce-review .ce-review-test-device,
#contenu #textes #ce-review .ce-review-game-stats dt,
#contenu #textes #ce-review .ce-review-logo-chip,
#contenu #textes #ce-review .ce-review-app p,
#contenu #textes #ce-review .ce-review-status-list span,
#contenu #textes #ce-review .ce-review-table,
#contenu #textes #ce-review .ce-review-table td,
#contenu #textes #ce-review .ce-review-table th,
#contenu #textes #ce-review .ce-review-history span,
#contenu #textes :is(#ce-review, .ce-category-sources) .ce-review-source p,
#contenu #textes :is(#ce-review, .ce-category-sources) .ce-review-source small,
#contenu #textes :is(#ce-review, .ce-category-sources) .ce-review-source a {
        font-size: var(--cer-copy-size);
    }

    #contenu #textes #ce-review .ce-review-test-timeline strong {
        font-size: 13.5px;
        font-weight: 800;
    }

    #contenu #textes #ce-review .ce-review-status-list strong,
    #contenu #textes #ce-review .ce-review-history time,
    #contenu #textes #ce-review .ce-review-history strong,
    #contenu #textes :is(#ce-review, .ce-category-sources) .ce-review-source strong,
    #contenu #textes #ce-review .ce-review-trust-band strong {
        font-size: 13.5px;
    }

    #contenu #textes #ce-review .ce-review-trust-band span {
        font-size: 13px;
    }
}

/* ========================================================================== */
/* Casino review: providers and payments                  */
/* ========================================================================== */

@media all and (max-width:1050px) {
    #contenu #textes #ce-review .ce-review-card--providers .ce-review-logo-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: minmax(58px, auto);
        gap: 12px;
        width: 100%;
        align-items: stretch;
    }

    #contenu #textes #ce-review .ce-review-card--providers .ce-review-logo-chip {
        width: 100%;
        min-width: 0;
        min-height: 58px;
        height: 100%;
        padding: 10px 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        text-align: center;
        line-height: 1.25;
    }

    #contenu #textes #ce-review .ce-review-card--providers .ce-review-logo-chip img {
        width: auto;
        max-width: 118px;
        height: 34px;
        max-height: 34px;
        object-fit: contain;
    }

    #contenu #textes #ce-review .ce-review-card--payments .ce-review-logo-list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
    }

    #contenu #textes #ce-review .ce-review-card--payments .ce-review-logo-chip {
        width: 100%;
        min-width: 0;
        min-height: 52px;
        padding: 7px 9px;
    }

    #contenu #textes #ce-review .ce-review-card--payments .ce-review-logo-chip img {
        max-width: 96px;
        height: 30px;
        max-height: 30px;
    }

    #contenu #textes #ce-review .ce-review-payment-detail__name {
        font-size: 17px;
    }

    #contenu #textes #ce-review .ce-review-payment-detail__item,
    #contenu #textes #ce-review .ce-review-payment-detail__comment {
        font-size: 13px;
    }
}

@media all and (max-width:640px) {
    #contenu #textes #ce-review .ce-review-card--providers .ce-review-logo-list,
    #contenu #textes #ce-review .ce-review-card--payments .ce-review-logo-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    #contenu #textes #ce-review .ce-review-card--providers .ce-review-logo-list {
        grid-auto-rows: minmax(54px, auto);
    }

    #contenu #textes #ce-review .ce-review-card--providers .ce-review-logo-chip {
        min-height: 54px;
        padding: 9px 11px;
    }

    #contenu #textes #ce-review .ce-review-payment-detail {
        grid-template-columns: 1fr;
        gap: 7px;
        padding: 11px 12px;
    }

    #contenu #textes #ce-review .ce-review-payment-detail__meta {
        gap: 6px 14px;
    }

    #contenu #textes #ce-review .ce-review-payment-detail__comment {
        grid-column: auto;
    }
}

/* ========================================================================== */
/* Casino review: summary facts                                    */
/* ========================================================================== */

@media all and (max-width:1050px) {
    #contenu #textes #ce-review .ce-review-card--summary .ce-review-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 18px;
        row-gap: 0;
    }

    #contenu #textes #ce-review .ce-review-card--summary .ce-review-facts > div {
        grid-template-columns: minmax(118px, 1fr) minmax(0, 1fr);
        gap: 10px;
        min-height: 36px;
        padding: 7px 1px;
    }

    #contenu #textes #ce-review .ce-review-card--summary .ce-review-facts dt,
    #contenu #textes #ce-review .ce-review-card--summary .ce-review-facts dd {
        font-size: 13.5px;
    }
}

@media all and (max-width:640px) {
    #contenu #textes #ce-review .ce-review-card--summary .ce-review-facts {
        grid-template-columns: 1fr;
    }

    #contenu #textes #ce-review .ce-review-card--summary .ce-review-facts > div {
        grid-template-columns: minmax(124px, .95fr) minmax(0, 1.05fr);
        gap: 12px;
        min-height: 38px;
        padding: 8px 0;
        border-bottom: 1px solid rgba(201, 154, 53, .16);
    }

    #contenu #textes #ce-review .ce-review-card--summary .ce-review-facts > div:nth-last-child(-n+2) {
        border-bottom: 1px solid rgba(201, 154, 53, .16);
    }

    #contenu #textes #ce-review .ce-review-card--summary .ce-review-facts > div:last-child {
        border-bottom: 0;
    }
}


/* ========================================================================== */
/* Casino review: player reviews                                          */
/* ========================================================================== */

@media all and (max-width:1050px) {
    #contenu #textes #ce-review .ce-review-user-reviews__layout {
        grid-template-columns: minmax(0, 1.25fr) minmax(285px, .85fr);
        gap: 14px;
    }

    #contenu #textes #ce-review .ce-review-user-reviews {
        padding: 19px;
    }
}

@media all and (max-width:760px) {
    #contenu #textes #ce-review .ce-review-metric__value--empty {
        max-width: none;
        font-size: 20px;
        line-height: 1.15;
    }

    #contenu #textes #ce-review .ce-review-metric__meta {
        font-size: 12.5px;
    }

    #contenu #textes #ce-review .ce-review-user-reviews {
        padding: 16px;
    }

    #contenu #textes #ce-review .ce-review-user-reviews__heading {
        flex-direction: column;
        gap: 11px;
        margin-bottom: 15px;
    }

    #contenu #textes #ce-review .ce-review-user-reviews__jump {
        align-self: flex-start;
    }

    #contenu #textes #ce-review .ce-review-user-reviews__layout {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    #contenu #textes #ce-review .ce-review-user-reviews__community {
        contain: none;
        min-height: 0;
    }

    #contenu #textes #ce-review .ce-review-user-reviews__summary {
        min-height: 102px;
        padding: 16px;
    }

    #contenu #textes #ce-review .ce-review-user-review {
        padding: 13px;
    }

    #contenu #textes #ce-review .ce-review-user-reviews__form-panel {
        padding: 16px;
    }

    #contenu #textes #ce-review .ce-review-user-review-form__field input,
    #contenu #textes #ce-review .ce-review-user-review-form__field textarea {
        font-size: 16px;
    }

    #contenu #textes #ce-review .ce-review-user-review-form__rating legend,
    #contenu #textes #ce-review .ce-review-user-review-form__field > label {
        font-size: 13.5px;
    }

    #contenu #textes #ce-review .ce-review-user-review-form__confirm {
        font-size: 14px;
    }

    #contenu #textes #ce-review .ce-review-user-review-form__submit {
        min-height: 46px;
        font-size: 14.5px;
    }
}

@media all and (max-width:480px) {
    #contenu #textes #ce-review .ce-review-user-reviews {
        padding: 14px;
    }

    #contenu #textes #ce-review .ce-review-user-reviews__heading h2 {
        font-size: 18px;
    }

    #contenu #textes #ce-review .ce-review-user-reviews__jump {
        width: 100%;
        text-align: center;
    }

    #contenu #textes #ce-review .ce-review-user-reviews__summary {
        align-items: flex-start;
        gap: 13px;
        padding: 15px;
    }

    #contenu #textes #ce-review .ce-review-user-reviews__score {
        min-width: 78px;
    }

    #contenu #textes #ce-review .ce-review-user-reviews__score strong {
        font-size: 38px;
    }

    #contenu #textes #ce-review .ce-review-user-reviews__empty-score {
        flex-basis: 55px;
        font-size: 40px;
    }

    #contenu #textes #ce-review .ce-review-user-reviews__stars {
        font-size: 17px;
        letter-spacing: 2px;
    }

    #contenu #textes #ce-review .ce-review-user-review__head {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    #contenu #textes #ce-review .ce-review-user-review__rating {
        grid-column: 2;
        justify-self: start;
    }

    #contenu #textes #ce-review .ce-review-user-reviews__form-panel {
        padding: 14px;
    }

    #contenu #textes #ce-review .ce-review-user-review-form__stars label {
        font-size: 28px;
    }
}
/* ========================================================================== */
/* Casino review: alternative casino identity                           */
/* Use casino names without logos for a consistent compact grid.    */
/* ========================================================================== */

/* Keep the existing logo-only presentation on desktop. */
#contenu #textes #ce-review .ce-review-alternatives .ce-review-table__casino--has-logo .ce-review-table__casino-name {
    display: none;
}


@media all and (max-width:1200px) {
    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table td:first-child .ce-review-table__casino-logo {
        display: none;
    }

    #contenu #textes #ce-review .ce-review-alternatives .ce-review-table__casino--has-logo .ce-review-table__casino-name {
        display: inline-block;
        max-width: 100%;
        color: var(--cer-navy);
        font-family: Roboto, Arial, sans-serif;
        font-size: 15px;
        line-height: 1.3;
        font-weight: 800;
        text-align: center;
        overflow-wrap: break-word;
        word-break: normal;
    }
}

/*
Current home layout: scoped to #contenu #textes #cehp-home
*/

@media all and (max-width:1180px) {
    #contenu #textes #cehp-home > .cehp-editorial-live {
        flex-direction: column;
        gap: 20px;
    }

    #contenu #textes #cehp-home > .cehp-editorial-live > .width-70,
    #contenu #textes #cehp-home > .cehp-editorial-live > .width-30 {
        flex: 0 0 auto;
        width: 100%;
    }

    #contenu #textes #cehp-home .cehp-editorial-live .nouveaute-item {
        flex: 0 0 auto;
    }

    #contenu #textes #cehp-home .cehp-editorial-live .nouveaute-link {
        height: auto;
        min-height: 54px;
    }

    #contenu #textes #cehp-home #image-carousel {
        min-height: 0;
    }

    #contenu #textes #cehp-home #image-carousel .splide__track {
        min-height: 0;
        aspect-ratio: 847 / 404;
    }

    #contenu #textes #cehp-home #image-carousel .splide__list {
        position: absolute;
        inset: 0;
    }

    #contenu #textes #cehp-home #image-carousel .splide__slide img {
        max-height: none;
        object-fit: contain;
        transform: none;
    }

    #contenu #textes #cehp-home #image-carousel .cehp-carousel-toggle {
        width: 32px;
        height: 32px;
        min-width: 32px;
        min-height: 32px;
        padding: 0;
    }

    #contenu #textes #cehp-home #image-carousel .splide__text {
        padding: 28px 14px 10px;
    }

    #contenu #textes #cehp-home #image-carousel .splide__pagination__page {
        min-height: 0;
        padding: 0;
        height: 7px;
    }

    #contenu #textes #cehp-home {
        width: min(100% - 42px, 1080px);
    }

    #contenu #textes #cehp-home .cehp-hero {
        grid-template-columns: minmax(0, 1fr) minmax(340px, .82fr);
        gap: 34px;
    }

    #contenu #textes #cehp-home .cehp-hero h1 {
        font-size: 41px;
    }

    #contenu #textes #cehp-home .cehp-trust-item {
        padding: 0 12px;
    }

    #contenu #textes #cehp-home .cehp-intent-card {
        min-height: 210px;
        padding-right: 17px;
        padding-left: 17px;
    }

    #contenu #textes #cehp-home .cehp-review-top {
        grid-template-columns: 94px minmax(0, 1fr);
        gap: 10px;
    }

    #contenu #textes #cehp-home .cehp-review-logo {
        height: 82px;
    }

    #contenu #textes #cehp-home .cehp-review-button {
        padding: 0 11px;
    }
}

@media all and (max-width:980px) {
    #contenu #textes #cehp-home .cehp-hero {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        padding-top: 30px;
    }

    #contenu #textes #cehp-home .cehp-hero-copy,
    #contenu #textes #cehp-home .cehp-hero h1,
    #contenu #textes #cehp-home .cehp-hero-copy > p {
        max-width: 760px;
    }

    #contenu #textes #cehp-home .cehp-hero-visual {
        min-height: 245px;
    }

    #contenu #textes #cehp-home .cehp-hero-visual img {
        width: min(72%, 430px);
    }

    #contenu #textes #cehp-home .cehp-trustbar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 8px 14px;
    }

    #contenu #textes #cehp-home .cehp-trust-item {
        min-height: 66px;
        padding: 10px 16px;
    }

    #contenu #textes #cehp-home .cehp-trust-item:nth-child(2) {
        border-right: 0;
    }

    #contenu #textes #cehp-home .cehp-trust-item:nth-child(-n+2) {
        border-bottom: 1px solid rgba(7, 26, 47, .10);
    }

    #contenu #textes #cehp-home .cehp-intent-grid,
    #contenu #textes #cehp-home .cehp-essential-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #contenu #textes #cehp-home .cehp-news-grid,
    #contenu #textes #cehp-home .cehp-review-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #contenu #textes #cehp-home .cehp-news-card:last-child,
    #contenu #textes #cehp-home .cehp-review-card:last-child {
        grid-column: 1 / -1;
        width: calc(50% - 8px);
    }

    #contenu #textes #cehp-home .cehp-guide-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    #contenu #textes #cehp-home .cehp-guide-card {
        min-height: 96px;
    }
}

@media all and (max-width:760px) {
    #contenu #textes #cehp-home {
        width: 100%;
        padding-bottom: 20px;
    }

    #contenu #textes #cehp-home .cehp-hero {
        min-height: 0;
        padding: 28px 0 20px;
    }

    #contenu #textes #cehp-home .cehp-hero h1 {
        margin-bottom: 14px;
        font-size: 34px;
        line-height: 1.08;
        letter-spacing: -.6px;
    }

    #contenu #textes #cehp-home .cehp-hero-copy > p,
    #contenu #textes #cehp-home .cehp-authority-copy p,
    #contenu #textes #cehp-home .cehp-editorial-body {
        line-height: 1.58;
    }

    #contenu #textes #cehp-home .cehp-hero-actions {
        margin-top: 21px;
    }

    #contenu #textes #cehp-home .cehp-button {
        min-height: 48px;
        padding: 0 18px;
    }

    #contenu #textes #cehp-home .cehp-hero-visual {
        min-height: 205px;
    }

    #contenu #textes #cehp-home .cehp-hero-visual img {
        width: min(90%, 430px);
        margin: 0 auto;
    }

    #contenu #textes #cehp-home .cehp-trustbar {
        margin-bottom: 28px;
    }

    #contenu #textes #cehp-home .cehp-section {
        margin-top: 27px;
    }

    #contenu #textes #cehp-home .cehp-section-heading {
        align-items: flex-end;
        gap: 14px;
        margin-bottom: 14px;
    }

    #contenu #textes #cehp-home .cehp-section-heading h2 {
        width: auto;
        margin: 0;
        padding: 0;
        font-size: 22px;
        border-radius: 0;
    }

    #contenu #textes #cehp-home .cehp-section-heading > a {
        font-size: 11.5px;
    }

    #contenu #textes #cehp-home .cehp-intent-grid,
    #contenu #textes #cehp-home .cehp-news-grid,
    #contenu #textes #cehp-home .cehp-review-grid,
    #contenu #textes #cehp-home .cehp-essential-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    #contenu #textes #cehp-home .cehp-intent-card {
        min-height: 0;
        padding: 21px 18px 17px;
    }

    #contenu #textes #cehp-home .cehp-intent-card p {
        max-width: 420px;
    }

    #contenu #textes #cehp-home .cehp-news-card:last-child,
    #contenu #textes #cehp-home .cehp-review-card:last-child {
        grid-column: auto;
        width: 100%;
    }

    #contenu #textes #cehp-home .cehp-news-media {
        aspect-ratio: 847 / 300;
    }

    #contenu #textes #cehp-home .cehp-review-top {
        grid-template-columns: 120px minmax(0, 1fr);
    }

    #contenu #textes #cehp-home .cehp-review-logo {
        height: 92px;
    }

    #contenu #textes #cehp-home .cehp-essential-card {
        min-height: 0;
    }

    #contenu #textes #cehp-home .cehp-guide-card {
        grid-template-columns: 48px minmax(0, 1fr) 18px;
        min-height: 100px;
    }

    #contenu #textes #cehp-home .cehp-transparency {
        margin-top: 22px;
    }
}

@media all and (max-width:520px) {
    #contenu #textes #cehp-home {
        width: 100%;
    }

    #contenu #textes #cehp-home .cehp-hero h1 {
        font-size: 29px;
    }

    #contenu #textes #cehp-home .cehp-hero-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    #contenu #textes #cehp-home .cehp-button {
        width: 100%;
    }

    #contenu #textes #cehp-home .cehp-hero-visual {
        min-height: 175px;
    }

    #contenu #textes #cehp-home .cehp-trustbar {
        grid-template-columns: minmax(0, 1fr);
        padding: 6px 12px;
    }

    #contenu #textes #cehp-home .cehp-trust-item,
    #contenu #textes #cehp-home .cehp-trust-item:nth-child(2) {
        min-height: 60px;
        padding: 9px 8px;
        border-right: 0;
        border-bottom: 1px solid rgba(7, 26, 47, .10);
    }

    #contenu #textes #cehp-home .cehp-trust-item:last-child {
        border-bottom: 0;
    }

    #contenu #textes #cehp-home .cehp-section-heading-link {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    #contenu #textes #cehp-home .cehp-section-heading h2 {
        font-size: 21px;
    }

    #contenu #textes #cehp-home .cehp-round-icon {
        width: 64px;
        height: 64px;
        flex-basis: 64px;
        padding: 16px;
    }

    #contenu #textes #cehp-home .cehp-review-top {
        grid-template-columns: 96px minmax(0, 1fr);
        padding: 10px;
    }

    #contenu #textes #cehp-home .cehp-review-logo {
        height: 82px;
    }

    #contenu #textes #cehp-home .cehp-review-checks li {
        font-size: 11px;
    }

    #contenu #textes #cehp-home .cehp-review-bottom {
        grid-template-columns: minmax(0, 1fr);
    }

    #contenu #textes #cehp-home .cehp-review-button {
        width: 100%;
        min-height: 44px;
    }

    #contenu #textes #cehp-home .cehp-essential-card {
        grid-template-columns: 48px minmax(0, 1fr);
        padding: 15px 13px;
    }

    #contenu #textes #cehp-home .cehp-soft-icon,
    #contenu #textes #cehp-home .cehp-guide-card .cehp-soft-icon {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
        padding: 9px;
    }

    #contenu #textes #cehp-home .cehp-guide-card {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 11px;
        padding: 13px;
    }

    #contenu #textes #cehp-home .cehp-guide-arrow {
        display: none;
    }

    #contenu #textes #cehp-home .cehp-transparency {
        grid-template-columns: 24px minmax(0, 1fr);
        gap: 10px;
        padding: 14px;
    }
}

@media all and (max-width:760px) {
    #contenu #textes #cehp-home .cehp-desktop-break {
        display: none;
    }

    #contenu #textes #cehp-home .cehp-section-heading h2::after {
        bottom: -6px;
        width: 34px;
    }
}

/* Shared category heroes: new casinos and cryptocurrency casinos */

@media screen and (max-width: 1020px) {
    #contenu #textes #cenv-new-casinos-page .cenv-hero {
        min-height: 280px;
        grid-template-columns: 1fr 1fr;
    }

    #contenu #textes #cenv-new-casinos-page .cenv-hero-copy {
        min-height: 280px;
        padding-left: 14px;
    }

    #contenu #textes #cenv-new-casinos-page .cenv-hero h2 {
        font-size: 17px;
    }

    #contenu #textes #cenv-new-casinos-page .cenv-hero-trust {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #contenu #textes #cenv-new-casinos-page .cenv-hero-visual {
        min-height: 280px;
    }

    #contenu #textes #cenv-new-casinos-page .cenv-hero-visual img {
        position: absolute;
        inset: 0;
        min-height: 0;
        max-height: none;
    }
}

@media screen and (max-width: 820px) {
    #contenu #textes #cenv-new-casinos-page .cenv-hero {
        min-height: 0;
        grid-template-columns: 1fr;
    }

    #contenu #textes #cenv-new-casinos-page .cenv-hero-copy {
        min-height: 0;
        padding: 28px 18px 18px;
    }

    #contenu #textes #cenv-new-casinos-page .cenv-hero-visual {
        height: 220px;
        min-height: 220px;
    }
}

@media screen and (max-width: 600px) {
    #contenu #textes #cenv-new-casinos-page .cenv-hero h2 {
        font-size: 16px;
    }

    #contenu #textes #cenv-new-casinos-page .cenv-hero-trust {
        gap: 6px;
    }

    #contenu #textes #cenv-new-casinos-page .cenv-hero-trust-item strong {
        font-size: 14px;
    }

    #contenu #textes #cenv-new-casinos-page .cenv-hero-trust-item small {
        font-size: 12px;
    }

    #contenu #textes #cenv-new-casinos-page .cenv-hero-visual {
        height: 180px;
        min-height: 180px;
    }
}

@media screen and (max-width: 440px) {
    #contenu #textes #cenv-new-casinos-page .cenv-hero-copy {
        padding-right: 12px;
        padding-left: 12px;
    }

    #contenu #textes #cenv-new-casinos-page .cenv-hero-trust {
        grid-template-columns: 1fr;
    }

    #contenu #textes #cenv-new-casinos-page .cenv-hero-trust-item {
        min-height: 30px;
    }
}

/* Home: community section on tablets and phones. */
@media all and (max-width:1024px) {
    #contenu #textes #cehp-home .cehp-community-heading {
        flex-direction: column;
        align-items: flex-start;
    }

    #contenu #textes #cehp-home .cehp-community-heading h2 {
        margin-bottom: 14px;
    }

    #contenu #textes #cehp-home .cehp-community-heading > div {
        width: 100%;
    }

    #contenu #textes #cehp-home .cehp-community-status {
        max-width: 100%;
        box-sizing: border-box;
    }

    #contenu #textes #cehp-home .cehp-community-shell {
        grid-template-columns: minmax(0, 1fr);
    }

    #contenu #textes #cehp-home .cehp-community-intro {
        min-height: 0;
    }

    #contenu #textes #cehp-home .cehp-community-actions,
    #contenu #textes #cehp-home .cehp-player-review-head,
    #contenu #textes #cehp-home .cehp-player-review-foot {
        flex-wrap: wrap;
    }
}

@media all and (max-width:520px) {
    #contenu #textes #cehp-home .cehp-community-intro {
        padding: 22px 18px;
    }

    #contenu #textes #cehp-home .cehp-rating-duo {
        grid-template-columns: minmax(0, 1fr);
    }

    #contenu #textes #cehp-home .cehp-player-review-head strong {
        white-space: normal;
        overflow-wrap: anywhere;
    }
}

/* Home: editorial authority layout on tablets and phones. */
@media all and (max-width:1024px) {
    #contenu #textes #cehp-home .cehp-authority-shell {
        grid-template-columns: minmax(0, 1fr);
    }

    #contenu #textes #cehp-home .cehp-method-panel {
        min-width: 0;
    }
}

@media all and (max-width:520px) {
    #contenu #textes #cehp-home .cehp-authority-shell {
        padding: 18px;
        gap: 22px;
    }

    #contenu #textes #cehp-home .cehp-authority-copy {
        padding: 0;
    }

    #contenu #textes #cehp-home .cehp-authority-copy h2 {
        font-size: 23px;
    }

    #contenu #textes #cehp-home .cehp-method-panel {
        padding: 20px 16px;
    }
}

/* Shared mobile table of contents */

@media (max-width: 760px) {
    #contenu #textes .ce-category-toc,
    #contenu #textes #ce-review .ce-review-nav,
    #contenu #textes details.ce-sommaire > ul {
        display: flex;
        overflow-x: auto;
        scrollbar-width: thin;
        scroll-snap-type: x proximity;
    }

    #contenu #textes details.ce-sommaire {
        position: relative;
        top: auto;
        z-index: auto;
    }

    #contenu #textes .ce-category-toc > a,
    #contenu #textes #ce-review .ce-review-nav > a,
    #contenu #textes details.ce-sommaire > ul > li,
    #contenu #textes details.ce-sommaire > ul > li > a {
        flex: 0 0 auto;
    }

    #contenu #textes .ce-category-toc > a,
    #contenu #textes #ce-review .ce-review-nav > a,
    #contenu #textes details.ce-sommaire > ul > li > a {
        min-width: 145px;
        min-height: 48px;
        padding: 0 14px;
        font-size: var(--ce-toc-font-size, 13px);
        scroll-snap-align: start;
    }
}

/* Compact page spacing and readable headings */

@media (max-width: 760px) {
    #contenu { padding: 12px; }
    #contenu #textes {
        --ce-page-title-size: clamp(28px, 7.5vw, 36px);
        padding: 0;
    }
    #contenu #textes h1 { overflow-wrap: anywhere; }
    #contenu #textes .ce-mobile-toc-toggle:not([hidden]) {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 48px;
        margin: 16px 0 0;
        padding: 12px 16px;
        border: 1px solid #e7d8b9;
        border-radius: 8px;
        background: #fffdf8;
        color: #071a2f;
        font: 700 16px/1.4 Roboto, Arial, sans-serif;
        text-align: left;
        cursor: pointer;
    }
    #contenu #textes .ce-mobile-toc-toggle::after { content: '+'; font-size: 22px; }
    #contenu #textes .ce-mobile-toc-toggle[aria-expanded="true"]::after { content: '−'; }
    #contenu #textes .ce-mobile-toc-toggle:focus-visible { outline: 2px solid #b88c31; outline-offset: 2px; }
    #contenu #textes .ce-mobile-toc[hidden] { display: none !important; }
    #contenu #textes .ce-category-toc.ce-mobile-toc,
    #contenu #textes #ce-review .ce-review-nav.ce-mobile-toc {
        position: static;
        display: grid;
        grid-auto-flow: row;
        grid-template-columns: 1fr;
        max-height: 60dvh;
        margin-top: 0;
        overflow-y: auto;
        overflow-x: hidden;
    }
    #contenu #textes .ce-category-toc.ce-mobile-toc > a,
    #contenu #textes #ce-review .ce-review-nav.ce-mobile-toc > a {
        width: auto;
        min-width: 0;
        min-height: 44px;
        padding: 10px 16px;
        justify-content: flex-start;
        font-size: 15px;
        text-align: left;
        overflow-wrap: anywhere;
    }
}

/* New-casino controls and compact cards */

@media (max-width: 760px) {
    #cenv-new-casinos-page .cenv-filter-field > span { font-size: 13px; line-height: 1.35; }
    #cenv-new-casinos-page .cenv-filter-field select { min-height: 30px; font-size: 16px; }
    #cenv-new-casinos-page .cenv-filter-reset { font-size: 14px; }
    #cenv-new-casinos-page .cenv-casinos-section,
    #cenv-new-casinos-page .cenv-evaluation,
    #cenv-new-casinos-page .cenv-followup { margin-left: 0; margin-right: 0; }
}

@media (max-width: 360px) {
    #cenv-new-casinos-page .cenv-filter-panel { grid-template-columns: minmax(0, 1fr); }
}

/* Search controls on narrow screens */

@media (max-width: 480px) {
    #contenu #textes .ce-search-hero { padding: 24px 8px; }
    #contenu #textes .ce-search-shortcuts { grid-template-columns: 1fr; }
    #contenu #textes .ce-search-shortcuts a {
        flex-direction: row;
        justify-content: flex-start;
        min-height: 48px;
        padding: 10px 14px;
        text-align: left;
    }
}
/* Native article contents disclosure */
@media (max-width: 760px) {
    #contenu #textes details.ce-sommaire > summary {
        display: list-item;
        min-height: 48px;
        padding: 12px 16px;
        font-size: 16px;
        cursor: pointer;
    }
    #contenu #textes details.ce-sommaire > ul {
        display: grid;
        grid-auto-flow: row;
        grid-template-columns: 1fr;
        max-height: 60dvh;
        overflow-y: auto;
    }
    #contenu #textes details.ce-sommaire > ul > li > a {
        min-width: 0;
        min-height: 44px;
        padding: 10px 16px;
        justify-content: flex-start;
        text-align: left;
    }
}