/* Match the main site's editorial shell without inheriting its form styles. */
.asi-blog-breadcrumb, .asi-blog-hero, #blog-page {
    font-family: Inter, Arial, sans-serif;
    color: #10283a;
}
.asi-blog-breadcrumb, .asi-blog-hero { text-align: left; }
.asi-blog-breadcrumb .asi-shell, .asi-blog-hero .asi-shell {
    width: min(calc(100% - 40px), 1180px);
    margin-inline: auto;
}
.asi-blog-breadcrumb {
    background: #eef2f4;
    border-bottom: 1px solid #d8e1e7;
    font-size: 13px;
    line-height: 1.4;
}
.asi-blog-breadcrumb .asi-shell {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    align-content: center;
    min-height: 46px;
    padding-block: 9px;
    gap: 3px 9px;
    overflow-wrap: anywhere;
}
.asi-blog-breadcrumb a { color: #263945; text-decoration: underline; text-underline-offset: 3px; }
.asi-blog-hero {
    background: linear-gradient(110deg,#081a2f,#0b334b);
    color: #fff;
    padding: 56px 0;
}
.asi-blog-hero h1 {
    margin: 0;
    max-width: 960px;
    font: 700 clamp(42px,5vw,72px)/1.02 Inter,Arial,sans-serif;
    letter-spacing: -.035em;
    color: inherit;
    overflow-wrap: anywhere;
}
.asi-blog-hero p.asi-blog-hero__eyebrow {
    margin: 0 0 12px;
    color: #ff8751;
    font: 800 12px/1.4 Inter,Arial,sans-serif;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.asi-blog-hero p.asi-blog-hero__summary {
    margin: 20px 0 0;
    max-width: 850px;
    color: inherit;
    font: 400 20px/1.6 Inter,Arial,sans-serif;
}
.asi-blog-hero__summary a, .asi-blog-hero__summary a.asi-inline-price {
    color: #fff !important;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.asi-blog-hero + #blog-page { padding-top: 48px; }
#blog-page h2, #blog-page h3, #blog-page h4, #blog-page h5,
#blog-page .blog-content p, #blog-page .single-blog-wrap p,
#blog-page .blog-content a, #blog-page .blog-meta { font-family: Inter,Arial,sans-serif; }
#blog-page .blog-content { text-align: left; }
#blog-page .blog-content p.blog-meta { text-align: left; }
#blog-page > .container { width: min(calc(100% - 10px), 1210px); max-width: none; }
@media (max-width: 760px) {
    .asi-blog-hero .asi-shell, .asi-blog-breadcrumb .asi-shell { width: calc(100% - 28px); }
    body .asi-header .asi-shell { width: calc(100% - 28px); }
    .asi-blog-hero { padding: 38px 0; }
    .asi-blog-hero h1 { font-size: clamp(32px,7.8vw,42px); }
    .asi-blog-hero p.asi-blog-hero__summary { margin-top: 16px; font-size: 17px; }
    .asi-blog-hero + #blog-page { padding-top: 28px; }
    #blog-page .single-blog-wrap > img { height: auto !important; }
}

.asi-blog-breadcrumb a, .asi-blog-hero__summary a, #blog-page .recent-post a,
#blog-page .blog-category a, #blog-page .archive a, #blog-page .single-blog-wrap p a {
    font-family: Inter,Arial,sans-serif;
    font-size: inherit;
    line-height: inherit;
}