.fh-article-wrap {
    padding: 69px 0 96px;
    background: #fff;
    color: #183142
}

.fh-article-container {
    max-width: 1440px
}

.fh-article-back {
    margin-bottom: 38px
}

.fh-article-back a,
.fh-article-bottom a {
    color: #087eb9;
    font-weight: 700;
    text-decoration: none
}

.fh-article-back a:hover,
.fh-article-bottom a:hover {
    text-decoration: underline
}

.fh-article-header {
    max-width: 840px
}

.fh-article-meta {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    color: #567487;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase
}

.fh-article-meta span {
    color: #0082c1
}

.fh-article-header h1,
.fh-list-header h1 {
    font-size: clamp(2.3rem, 4.6vw, 4.4rem);
    line-height: 1.08;
    margin: 18px 0 22px;
    letter-spacing: -.035em;
    color: #153345
}

.fh-article-deck {
    font-size: clamp(1.15rem, 2vw, 1.45rem);
    line-height: 1.55;
    color: #496777;
    margin: 0 0 36px
}

.fh-article-figure {
    margin: 40px 0
}

.fh-article-figure img {
    display: block;
    width: 100%;
    max-height: 540px;
    max-width:770px;
    object-fit: cover;
    border-radius: 12px
}

.fh-article-figure figcaption {
    margin-top: 10px;
    color: #647a88;
    font-size: .86rem
}

.fh-article-body {
    max-width: 770px;
    font-size: 1.075rem;
    line-height: 1.85;
    color: #243c4a
}

.fh-article-body p {
    margin: 0 0 1.4em
}

.fh-article-intro {
    font-size: 1.22rem;
    line-height: 1.65;
    font-weight: 650;
    color: #193c51;
    margin-bottom: 28px
}

.fh-article-content h2,
.fh-article-content h3 {
    color: #153345;
    line-height: 1.25;
    margin: 1.6em 0 .6em
}

.fh-article-content a {
    color: #007cb4;
    text-decoration: underline
}

.fh-article-content ul,
.fh-article-content ol {
    padding-left: 1.4em;
    margin-bottom: 1.4em
}

.fh-article-content blockquote {
    border-left: 3px solid #008ac9;
    padding: 5px 20px;
    margin: 24px 0;
    color: #486675
}

.fh-article-bottom {
    max-width: 770px;
    margin-top: 45px;
    padding-top: 25px;
    border-top: 1px solid #dbe7ed
}

.fh-list-header {
    margin-bottom: 42px
}

.fh-list-header p {
    color: #597181
}

.fh-news-list {
    display: grid;
    gap: 25px
}

.fh-news-list-card {
    display: grid;
    grid-template-columns: minmax(0, 250px) 1fr;
    gap: 28px;
    padding: 0 0 30px;
    border-bottom: 1px solid #dce9ee
}

.fh-news-list-card:not(:has(img)) {
    grid-template-columns: 1fr
}

.fh-news-list-card img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    border-radius: 8px
}

.fh-news-list-card h2 {
    font-size: clamp(1.3rem, 2.1vw, 1.75rem);
    line-height: 1.25;
    margin: 10px 0
}

.fh-news-list-card h2 a {
    text-decoration: none;
    color: #153345
}

.fh-news-list-card h2 a:hover {
    color: #007bb7
}

.fh-news-list-card p {
    color: #5a7482;
    line-height: 1.65;
    margin: 0 0 12px
}

.fh-list-more {
    color: #0082c1;
    font-weight: 700;
    text-decoration: none
}

@media(max-width:650px) {
    .fh-article-wrap {
        padding: 32px 0 64px
    }

    .fh-news-list-card {
        grid-template-columns: 1fr;
        gap: 15px
    }

    .fh-news-list-card img {
        height: 190px
    }

    .fh-article-header h1 {
        font-size: 2.3rem
    }

    .fh-article-body {
        font-size: 1rem
    }
}