@media print {

    @page {
        size: A4 portrait;
        margin: 2cm 1.5cm;
    }

    :root {

        --dark-color: #000000;
        --light-color: #FFFFFF;
        --primary-color: var(--dark-color);
    }
    
    body {
        font-size: 12pt;
    }

    img {
        max-width: 100%;
    }

    .resume-list img,
    .tease__title-link svg,
    .section-home-mea .top-text .resize-style,
    :is(.resume__item-title, .tease__tag)::before,
    :is(header, footer, .breadcrumb, .bouton, video, object, iframe, .skip-link, .cursor-hugo, .custom-cursor, .section-marquee, .section-separator, .section-appel-contact) {
        display: none;
    }

    :is(blockquote, ul, ol, figure, table, .block-expertises, .resume-list, .form-group) {
        page-break-inside: avoid;
    }

    :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, caption) {
        page-break-after: avoid;
    }

    :is(a[href^="http"], a[href^="https"]):not(.bouton),
    :is(a[href^="http"], a[href^="https"]):not(:has(img)):after {
        display: grid;
        gap: var(--spacing-3xs);
    }

    :is(a[href^="http"], a[href^="https"]):not(:has(img)):after {
        content: " (" attr(href) ")";
    }

    .tease__tag {
        padding: 0;
    }
}