/* Inner-page framing. The imported WordPress content remains untouched. */
.gap-page-hero {
    padding: clamp(2.5rem, 5vw, 4.5rem) 1.5rem 2.5rem;
    border-bottom: 1px solid var(--border);
    background: linear-gradient(130deg, rgba(13, 43, 80, .95), rgba(7, 22, 44, .96));
}
.gap-page-hero-inner {
    width: min(100%, var(--max-w));
    margin-inline: auto;
}
.gap-page-hero h1 {
    max-width: 1050px;
    margin: 0;
    overflow-wrap: anywhere;
}
.gap-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem;
    margin-bottom: 1.2rem;
    color: var(--aqua-l);
    font-size: .8rem;
    line-height: 1.5;
}
.gap-breadcrumb a {
    color: var(--muted);
}
.gap-breadcrumb a:hover,
.gap-breadcrumb a:focus-visible {
    color: var(--white);
}
.gap-breadcrumb-separator {
    padding-inline: .15rem;
    color: var(--muted);
}
.gap-page-content {
    align-items: start;
    min-height: 30vh;
}
.gap-page-content .entry,
.gap-page-content .entry-content {
    min-width: 0;
}
@media (max-width: 768px) {
    .gap-page-hero {
        padding-inline: 1rem;
    }
}