* {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

@page {
    size: A4;
    margin: 16mm 16mm;
}

@page :first {
    margin-top: 0;
}

menu,
footer,
nav,
#print {
    display: none !important;
}

* {
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
}

body {
    display: block !important;
    width: 100% !important;
    background: none !important;
    font-family: "Clarendon", Georgia, serif;
    font-size: 10pt;
    line-height: 1.6;
    color: #000000;

    main {
        display: block !important;
        width: 100% !important;
        background: none !important;
        grid-template-columns: none !important;

        section {
            display: block !important;
            width: 100% !important;
            background: none !important;
            grid-template-columns: none !important;

            &::before {
                content: 'la CGT Spectacle';
                display: block;
                background-color: var(--jaune_cgt);
                color: #000000;
                font-family: "Clarendon", Georgia, serif;
                font-size: 14pt;
                letter-spacing: 2px;
                text-align: center;
                margin: 16mm 0 4mm 0 !important;
                padding: 4mm 0 !important;
                border-radius: 3mm;
            }

            h1 {
                display: block !important;
                position: static !important;
                font-style: italic;
                font-size: 9pt;
                grid-column: unset !important;
            }

            & > div {
                display: block !important;
                width: 100% !important;
                background: none !important;
                grid-template-columns: none !important;

                h2 {
                    display: block !important;
                    font-size: 20pt;
                    font-weight: bold;
                }

                figure{
                    background-color: var(--rouge_cgt);
                    height: 100mm;
                    overflow: hidden;
                    position: relative;

                    img {
                        display: block !important;
                        position: absolute !important;
                        top: 0 !important;
                        left: 0 !important;
                        width: 100% !important;
                        height: 100% !important;
                        object-fit: cover !important;
                        object-position: center !important;

                        mix-blend-mode: screen;
                        filter:grayscale(100%);
                    }
                }

                p {
                    display: block !important;
                    font-size: 10pt;
                    line-height: 1.7;
                    text-align: justify;
                    hyphens: auto;
                }
            }
        }
    }
}

* + * {
    margin-top: 4mm !important;
}

li * {
    margin-top: 0 !important;
}