/* Trois cartes equilibrees et densite typographique identique aux cartes du
   Core Yapuka. La famille et les couleurs du theme final ne changent pas. */

.pf-v5-c-page__main p,
.pf-v5-c-page__main .pf-v5-c-data-list__cell,
.pf-v5-c-page__main .pf-v5-c-form,
.pf-v5-c-page__main .pf-v5-c-description-list,
.pf-v5-c-page__main [data-pf-content="true"] {
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

.pf-v5-c-page__main .pf-v5-c-button {
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 12px;
    font-weight: 750;
}

.pf-v5-c-page__main h2,
.pf-v5-c-page__main .pf-v5-c-title.pf-m-xl {
    font-size: 20px;
}

.pf-v5-c-page__main h3,
.pf-v5-c-page__main .pf-v5-c-title.pf-m-md,
.pf-v5-c-page__main .cred-title {
    font-size: 15px;
    line-height: 1.3;
}

@media (min-width: 1201px) {
    .pf-v5-c-page__main > .pf-v5-c-page__main-section:has(> .pf-v5-c-page__main-section) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
    }

    .pf-v5-c-page__main > .pf-v5-c-page__main-section:has(> .pf-v5-c-page__main-section)
    > .pf-v5-c-page__main-section:first-child {
        grid-column: 1;
    }

    .pf-v5-c-page__main > .pf-v5-c-page__main-section:has(> .pf-v5-c-page__main-section)
    > .pf-v5-c-page__main-section:nth-child(2) {
        display: grid;
        grid-column: 2 / span 2;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: auto auto;
        gap: 0 14px;
        padding: 0;
        background: transparent;
    }

    .pf-v5-c-page__main > .pf-v5-c-page__main-section:has(> .pf-v5-c-page__main-section)
    > .pf-v5-c-page__main-section:nth-child(2) > h2 {
        display: none;
    }

    .pf-v5-c-page__main > .pf-v5-c-page__main-section:has(> .pf-v5-c-page__main-section)
    > .pf-v5-c-page__main-section:nth-child(2) > .pf-v5-l-split {
        min-width: 0;
        margin: 0 !important;
        padding: 22px 22px 14px;
        border-radius: var(--yapuka-radius-block) var(--yapuka-radius-block) 0 0;
        background: color-mix(in srgb, var(--yapuka-hub-accent) 4%, var(--yapuka-hub-surface));
    }

    .pf-v5-c-page__main > .pf-v5-c-page__main-section:has(> .pf-v5-c-page__main-section)
    > .pf-v5-c-page__main-section:nth-child(2) > .pf-v5-l-split:nth-of-type(1) {
        grid-column: 1;
        grid-row: 1;
    }

    .pf-v5-c-page__main > .pf-v5-c-page__main-section:has(> .pf-v5-c-page__main-section)
    > .pf-v5-c-page__main-section:nth-child(2) > .pf-v5-l-split:nth-of-type(2) {
        grid-column: 2;
        grid-row: 1;
    }

    .pf-v5-c-page__main > .pf-v5-c-page__main-section:has(> .pf-v5-c-page__main-section)
    > .pf-v5-c-page__main-section:nth-child(2) > ul {
        align-self: stretch;
        margin: 0;
        border-top: 0;
        border-radius: 0 0 var(--yapuka-radius-block) var(--yapuka-radius-block);
    }

    .pf-v5-c-page__main > .pf-v5-c-page__main-section:has(> .pf-v5-c-page__main-section)
    > .pf-v5-c-page__main-section:nth-child(2) > ul:nth-of-type(1) {
        grid-column: 1;
        grid-row: 2;
    }

    .pf-v5-c-page__main > .pf-v5-c-page__main-section:has(> .pf-v5-c-page__main-section)
    > .pf-v5-c-page__main-section:nth-child(2) > ul:nth-of-type(2) {
        grid-column: 2;
        grid-row: 2;
    }
}