/*
 * En-tête canonique du Diplomate — 4.6.6
 *
 * Ce fichier est chargé après la feuille historique afin qu’une seule coque
 * décide réellement du logo, des hauteurs et des actions à chaque breakpoint.
 */
.ld-site-header{
    position:relative;
    z-index:30;
    width:100%;
    background:var(--paper);
    border-bottom:1px solid var(--line);
    isolation:isolate;
}
.ld-site-header .topline,
.ld-site-header .main-nav,
.ld-site-header .topics{
    display:block!important;
}
.ld-site-header .topline .container{
    height:32px!important;
}
.ld-site-header>.ld-site-masthead{
    display:grid!important;
    grid-template-areas:"menu brand actions"!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:16px!important;
    width:min(calc(100% - 48px),var(--max))!important;
    max-width:var(--max)!important;
    height:88px!important;
    min-height:88px!important;
    margin:0 auto!important;
    padding:0!important;
    direction:ltr!important;
}
.ld-site-header .ld-site-menu{
    grid-area:menu!important;
    justify-self:start!important;
    width:42px!important;
    height:42px!important;
}
.ld-site-header .ld-site-brand{
    grid-area:brand!important;
    display:block!important;
    min-width:0!important;
    max-width:min(42vw,340px)!important;
    margin:0!important;
    overflow:visible!important;
    color:var(--blue)!important;
    font-family:Fraunces,Georgia,serif!important;
    font-size:var(--ld-desktop-logo-size,46px)!important;
    font-weight:700!important;
    font-synthesis:none;
    letter-spacing:-.055em!important;
    line-height:1!important;
    text-align:center!important;
    white-space:nowrap!important;
    justify-self:center!important;
}
.ld-site-header .ld-site-brand.wordmark--image{
    line-height:0!important;
}
.ld-site-header .ld-site-brand .wordmark__image{
    display:block!important;
    width:auto!important;
    height:var(--ld-desktop-logo-size,46px)!important;
    max-width:100%!important;
    max-height:var(--ld-desktop-logo-size,46px)!important;
    margin:0 auto!important;
    object-fit:contain!important;
}
.ld-site-header .ld-site-actions{
    grid-area:actions!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    justify-self:end!important;
    gap:10px!important;
    width:auto!important;
    min-width:0!important;
}
.ld-site-header .ld-site-actions>.search-toggle,
.ld-site-header .ld-site-actions>.saved-link{
    display:inline-grid!important;
}
.ld-site-header .ld-site-actions>.login-link{
    display:inline-flex!important;
}
.ld-site-header .ld-site-actions>.mobile-account-link{
    display:none!important;
}
.ld-site-header .ld-site-actions>.subscribe{
    display:inline-flex!important;
    white-space:nowrap!important;
}
.ld-site-header .main-nav .container{
    min-height:43px!important;
}
.ld-site-header .main-nav a{
    padding:12px 15px 10px!important;
}
.ld-site-header .topics .container{
    height:32px!important;
}

@media screen and (min-width:921px) and (max-width:1024px){
    .ld-site-header .main-nav .container{
        justify-content:flex-start!important;
    }
}

@media screen and (min-width:921px) and (max-width:959px){
    .ld-site-header .ld-site-actions>.login-link{
        display:none!important;
    }
    .ld-site-header .ld-site-actions>.mobile-account-link{
        display:inline-grid!important;
        width:42px!important;
        height:42px!important;
    }
}

@media screen and (max-width:920px){
    .ld-site-header .topline,
    .ld-site-header .main-nav,
    .ld-site-header .topics{
        display:none!important;
    }
    .ld-site-header>.ld-site-masthead{
        --ld-header-logo-size:clamp(20px,6.2vw,var(--ld-mobile-logo-size,26px));
        grid-template-areas:"menu brand actions"!important;
        grid-template-columns:44px minmax(0,1fr) max-content!important;
        gap:6px!important;
        width:100%!important;
        max-width:none!important;
        height:72px!important;
        min-height:72px!important;
        margin:0!important;
        padding:0 16px!important;
    }
    .ld-site-header .ld-site-menu{
        width:44px!important;
        height:44px!important;
    }
    .ld-site-header .ld-site-brand{
        width:auto!important;
        max-width:100%!important;
        overflow:visible!important;
        font-size:var(--ld-header-logo-size)!important;
        text-align:left!important;
        justify-self:start!important;
    }
    .ld-site-header .ld-site-brand .wordmark__image{
        width:auto!important;
        height:var(--ld-header-logo-size)!important;
        max-width:100%!important;
        max-height:var(--ld-header-logo-size)!important;
        margin:0!important;
    }
    .ld-site-header .ld-site-actions{
        gap:4px!important;
    }
    .ld-site-header .ld-site-actions>.search-toggle,
    .ld-site-header .ld-site-actions>.saved-link,
    .ld-site-header .ld-site-actions>.login-link{
        display:none!important;
    }
    .ld-site-header .ld-site-actions>.mobile-account-link{
        display:inline-grid!important;
        width:44px!important;
        height:44px!important;
    }
    .ld-site-header .ld-site-actions>.subscribe{
        display:inline-flex!important;
        min-height:40px!important;
        padding:8px 10px!important;
        font-size:10px!important;
    }
}

@media screen and (max-width:520px){
    .ld-site-header>.ld-site-masthead{
        padding-inline:12px!important;
    }
}

@media screen and (max-width:360px){
    .ld-site-header>.ld-site-masthead{
        grid-template-columns:42px minmax(0,1fr) max-content!important;
        padding-inline:10px!important;
    }
    .ld-site-header .ld-site-menu,
    .ld-site-header .ld-site-actions>.mobile-account-link{
        width:42px!important;
        height:42px!important;
    }
    .ld-site-header .ld-site-actions>.subscribe{
        padding-inline:8px!important;
        font-size:9px!important;
    }
}

@media print{
    .ld-site-header{
        display:none!important;
    }
}