.page-hero{position:relative;background:var(--cs-navy-dark);color:#fff;overflow:hidden;}
.page-hero .bg{position:absolute;inset:0;}
.page-hero .bg img{width:100%;height:100%;object-fit:cover;opacity:.5;}
.page-hero .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,var(--cs-navy-dark) 22%,rgba(14,35,66,.72) 58%,rgba(14,35,66,.3) 100%);}
.page-hero .inner{position:relative;padding:64px 0 56px;max-width:740px;}
.page-hero .eyebrow{color:#ff9b86;}
.page-hero h1{font:var(--t-display-1);font-size:46px;letter-spacing:-.02em;margin:0 0 16px;color:#fff;}
.page-hero p.lede{font:var(--t-body-lg);font-size:18px;color:#dce5f2;margin:0;max-width:640px;line-height:1.6;}
@media (max-width:860px){.page-hero h1{font-size:34px;}}

.post-feature-image img {
    margin: 50px 0;
    width: 100%;
    height: auto;
}
.content{
    margin: 20px auto;
}
.content p {
    margin: 0 0 14px;
    color: var(--cs-grey-700);
    line-height: 1.62;
}
.content h2 {
    font: var(--t-h2);
    letter-spacing: -.005em;
    color: var(--cs-ink);
    margin: 16px 0 20px;
}
.content h3 {
    font: var(--t-h3);
    letter-spacing: -.005em;
    color: var(--cs-ink);
    margin: 16px 0 20px;
}
.related {
    padding: 10px 0;
}
.related-wrap h3{
    font: var(--t-h2);
    letter-spacing: -.005em;
    color: var(--cs-ink);
    margin: 0 0 10px;
}
.related-wrap{
    padding: 50px 30px;
}
.related .post {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid var(--cs-grey-200);
    border-radius: var(--r-lg);
    padding: 20px;
    box-shadow: var(--sh-sm);
    transition: .18s var(--ease);
    cursor: pointer;
    margin: 0 0 15px;
}
.related .post:hover {
    box-shadow: var(--sh-card-hover);
    border-color: var(--cs-grey-300);
    transform: translateY(-2px);
}
.related .post h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.34;
    color: var(--cs-grey-900);
    margin: 10px 0 16px;
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
}
.related .post .more{
    font-size: 13.5px;
    font-weight: 600;
    color: var(--cs-grey-800);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
}
#question .btn{
    margin: 10px 0 0;
}