.fhpro2{
    margin:2rem 0 2.8rem;
    color:#173d43;
}

.fhpro2 *{
    box-sizing:border-box;
}

.fhpro2-kicker{
    display:block;
    margin-bottom:.45rem;
    color:#087f84;
    font-size:.68rem;
    font-weight:800;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.fhpro2 h2{
    margin:.15rem 0 1rem;
    color:#073943;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(1.55rem,2.5vw,2.15rem);
    line-height:1.22;
}

.fhpro2 h3{
    margin:2.15rem 0 .8rem;
    color:#0b4650;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(1.18rem,1.8vw,1.48rem);
    line-height:1.3;
}

.fhpro2 p{
    margin:.7rem 0;
    line-height:1.78;
}

.fhpro2-lead{
    max-width:78ch;
    color:#3f6067;
    font-size:1.05rem;
}

.fhpro2-grid{
    display:grid;
    gap:.9rem;
    margin:1rem 0 1.4rem;
}

.fhpro2-grid-2{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.fhpro2-grid-3{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.fhpro2-grid article{
    min-width:0;
    padding:1rem 1.05rem;
    border:1px solid #d2e3e1;
    border-radius:12px;
    background:#fff;
}

.fhpro2-grid article strong{
    display:block;
    margin-bottom:.35rem;
    color:#08777c;
}

.fhpro2-grid article p{
    margin:0;
    font-size:.94rem;
    line-height:1.68;
}

.fhpro2-note{
    margin:1.4rem 0;
    padding:1rem 1.15rem;
    border-left:4px solid #07918c;
    border-radius:0 10px 10px 0;
    background:#ebf7f5;
    line-height:1.7;
}

.fhpro2-note strong{
    color:#075d63;
}

.fhpro2-gallery{
    display:grid;
    gap:1rem;
    margin:1.2rem 0 1.7rem;
}

.fhpro2-gallery-2{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.fhpro2-gallery-3{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.fhpro2-gallery figure{
    min-width:0;
    margin:0;
    overflow:hidden;
    border:1px solid #d1e3e0;
    border-radius:12px;
    background:#fff;
}

.fhpro2-image{
    height:245px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:13px;
    overflow:hidden;
    background:#f4f8f7;
}

.fhpro2-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
}

.fhpro2-gallery figcaption{
    padding:.9rem 1rem 1rem;
}

.fhpro2-gallery figcaption strong{
    display:block;
    color:#0b4650;
    margin-bottom:.3rem;
}

.fhpro2-gallery figcaption p{
    margin:.35rem 0 .6rem;
    font-size:.83rem;
    line-height:1.55;
}

.fhpro2-gallery figcaption a,
.fhpro2-image a{
    color:#087f84;
    font-size:.76rem;
    font-weight:700;
    text-decoration:none;
}

.fhpro2-tablewrap{
    margin:1.1rem 0 1.6rem;
    overflow-x:auto;
    border:1px solid #d1e3e0;
    border-radius:11px;
}

.fhpro2 table{
    width:100%;
    min-width:680px;
    border-collapse:collapse;
    background:#fff;
}

.fhpro2 th{
    padding:.8rem .85rem;
    background:#e8f4f2;
    color:#073943;
    text-align:left;
    font-size:.77rem;
}

.fhpro2 td{
    padding:.75rem .85rem;
    border-top:1px solid #dce9e7;
    vertical-align:top;
    font-size:.78rem;
    line-height:1.55;
}

.fhpro2-sources{
    margin-top:2rem;
    padding:1.15rem;
    border:1px solid #d0e2df;
    border-radius:12px;
    background:#f8fbfa;
}

.fhpro2-sources h3{
    margin:0 0 .8rem;
}

.fhpro2-sources a{
    display:block;
    padding:.5rem 0;
    color:#08777c;
    font-weight:700;
    text-decoration:none;
    border-bottom:1px solid #dce9e7;
}

.fhpro2-sources a:last-child{
    border-bottom:0;
}

.fhpro2-transposition{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    gap:1rem;
    align-items:center;
    max-width:650px;
    margin:1.3rem auto;
    text-align:center;
}

.fhpro2-transposition>div:not(.fhpro2-arrow){
    padding:1.05rem;
    border:1px solid #d0e2df;
    border-radius:10px;
    background:#f7fbfa;
}

.fhpro2-transposition span{
    display:block;
    color:#607b7e;
    font-size:.65rem;
    font-weight:800;
    letter-spacing:.08em;
}

.fhpro2-transposition strong{
    color:#087f84;
    font-size:1.05rem;
}

.fhpro2-arrow{
    color:#087f84;
    font-weight:800;
    font-size:1.1rem;
}

.fhpro2-piccolo-image{
    height:260px;
}

@media(max-width:820px){

    .fhpro2-gallery-3{
        grid-template-columns:1fr;
    }

    .fhpro2-gallery-2,
    .fhpro2-grid-2{
        grid-template-columns:1fr;
    }

    .fhpro2-grid-3{
        grid-template-columns:1fr;
    }

}

@media(max-width:620px){

    .fhpro2-image,
    .fhpro2-piccolo-image{
        height:220px;
    }

    .fhpro2-transposition{
        grid-template-columns:1fr;
    }

    .fhpro2 table{
        min-width:620px;
    }

}