/* Agent-Key page assets: global breadcrumbs and anchor scroll */

.mod-breadcrumbs {
display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 16px 0 14px;
    padding: 12px 16px;
    background: #ffffff;
    border: 1px solid rgba(230, 90, 30, 0.16);
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(20, 20, 20, 0.06);
    font-size: 14px;
    line-height: 1.4;
}

.breadcrumb-item,
.mod-breadcrumbs__item {
display: inline-flex;
    align-items: center;
    color: #777;
}

.breadcrumb-item a,
.mod-breadcrumbs__item a {
color: #555;
    text-decoration: none;
    transition: color 0.2s ease;
}

.breadcrumb-item a:hover,
.mod-breadcrumbs__item a:hover {
color: #e65a1e;
}

.breadcrumb-item.active,
.mod-breadcrumbs__item.active,
.mod-breadcrumbs__item:last-child {
color: #222;
    font-weight: 600;
}

.breadcrumb-item + .breadcrumb-item::before {
content: "›";
    padding: 0 8px;
    color: #e65a1e;
    font-weight: 600;
}

.mod-breadcrumbs__divider {
color: #e65a1e;
    margin: 0 4px;
}

.breadcrumb {
list-style: none;
}

@media (max-width: 600px) {
.breadcrumb,
    .mod-breadcrumbs {
padding: 10px 12px;
        font-size: 13px;
        border-radius: 12px;
        overflow-x: auto;
        flex-wrap: nowrap;
        white-space: nowrap;
}

.breadcrumb::-webkit-scrollbar,
    .mod-breadcrumbs::-webkit-scrollbar {
display: none;
}
}

html {
scroll-behavior: smooth;
}

#ak-page-content {
scroll-margin-top: 110px;
}

@media (max-width: 768px) {
#ak-page-content {
scroll-margin-top: 84px;
}
}

/* Agent-Key staging safety: prevent Helix preloader from blocking the page */
.sp-pre-loader,
body .sp-pre-loader,
html body .sp-pre-loader {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body,
.body-wrapper,
.body-innerwrapper {
    opacity: 1 !important;
    visibility: visible !important;
}