/* Pages editoriales FH - classes isolees pour preserver les ajustements du site. */
.fh-static {
    padding-block: clamp(42px, 6vw, 88px)
}

.fh-static-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.95fr) minmax(260px, .7fr);
    gap: clamp(26px, 4vw, 64px);
    align-items: start;
}

.fh-static-main,
.fh-static-sidebar {
    min-width: 0
}

.fh-static-main h1 {
    font-size: clamp(2.15rem, 3.3vw, 3.6rem);
    line-height: 1.12;
    letter-spacing: -.035em;
    margin: 12px 0 27px;
    color: #153447
}

.fh-static-image {
    display: block;
    width: 100%;
    max-height: 450px;
    object-fit: cover;
    border-radius: 7px;
    margin-bottom: 26px
}

.fh-static-intro {
    font-size: clamp(1.14rem, 1.55vw, 1.35rem);
    line-height: 1.55;
    font-weight: 650;
    color: #25485b;
    margin-bottom: 22px
}

.fh-static-body {
    color: #27485a;
    font-size: 1.04rem;
    line-height: 1.75
}

.fh-static-body p {
    margin: 0 0 19px
}

.fh-static-body h2 {
    font-size: clamp(1.3rem, 1.6vw, 1.65rem);
    line-height: 1.25;
    color: #007ebd;
    margin: 0 0 13px
}

.fh-static-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    margin: 28px 0 10px
}

.fh-static-side-link {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    padding: 22px 21px;
    margin-bottom: 15px;
    background: #fff;
    box-shadow: 0 7px 23px #1534471f;
    border: 1px solid #dfe9ef;
    border-radius: 6px;
    color: #153447;
    text-decoration: none;
    font-size: 1.14rem;
    font-weight: 700;
    line-height: 1.35
}

.fh-static-side-link:hover,
.fh-static-side-link:focus-visible {
    color: #007ebd;
    border-color: #93c7df
}

.fh-static-side-link span {
    color: #007ebd
}

.fh-static-documents {
    margin-top: 34px;
    padding: 23px 28px;
    background: #f2f7f9;
    border: 1px solid #d9e8ee;
    border-radius: 6px
}

.fh-static-documents h2 {
    margin: 0 0 12px;
    font-size: 1.15rem;
    color: #17394c
}

.fh-static-documents ul {
    padding-left: 22px;
    margin: 0
}

.fh-static-documents li {
    margin: 8px 0;
    line-height: 1.5
}

.fh-static-documents a {
    color: #006eaa
}

.fh-static-breadcrumb {
    margin-bottom: 25px;
    color: #547386;
    font-size: .95rem
}

.fh-static-breadcrumb a {
    color: #007ebd
}

.fh-static-draft {
    border: 1px solid #d4e3eb;
    background: #f4f8fa;
    padding: 14px 18px;
    margin-bottom: 25px;
    color: #365d71
}

@media(max-width:900px) {
    .fh-static-grid {
        grid-template-columns: minmax(0, 1fr)
    }

    .fh-static-sidebar {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px
    }

    .fh-static-side-link {
        margin: 0
    }
}

@media(max-width:600px) {

    .fh-static-columns,
    .fh-static-sidebar {
        grid-template-columns: minmax(0, 1fr)
    }

    .fh-static-main h1 {
        margin-bottom: 20px
    }

    .fh-static-side-link {
        padding: 17px
    }
}