/**
 * Global frontend typography.
 * Loaded after the theme styles so legacy page-specific font rules cannot
 * replace Inter. Icon-font components are deliberately left untouched.
 */
html,
body,
#page,
#page h1,
#page h2,
#page h3,
#page h4,
#page h5,
#page h6,
#page p,
#page a,
#page li,
#page label,
#page button,
#page input,
#page select,
#page textarea,
#page table,
#page th,
#page td,
#page blockquote,
#page figcaption,
#page strong,
#page em,
#page small {
    font-family: "Inter", sans-serif !important;
}

/* Shared breadcrumb presentation across archives, pages and detail screens. */
#page .vimicro-breadcrumbs,
#page .catalogue-breadcrumbs,
#page .vimicro-404-breadcrumb {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0;
    margin: 0 !important;
    color: #718196 !important;
    font-family: "Inter", sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
}

#page .vimicro-breadcrumbs a,
#page .catalogue-breadcrumbs a,
#page .vimicro-404-breadcrumb a {
    color: #718196 !important;
    font: inherit !important;
    text-decoration: none !important;
    transition: color .2s ease !important;
}

#page .vimicro-breadcrumbs a:hover,
#page .catalogue-breadcrumbs a:hover,
#page .vimicro-404-breadcrumb a:hover {
    color: #168144 !important;
    text-decoration: none !important;
}

#page .vimicro-breadcrumbs .breadcrumb-sep,
#page .catalogue-breadcrumbs > span[aria-hidden="true"],
#page .vimicro-404-breadcrumb > span[aria-hidden="true"] {
    color: #a7b3ac !important;
    font-size: 11px !important;
    font-weight: 500 !important;
}

#page .vimicro-breadcrumbs .breadcrumb-current,
#page .catalogue-breadcrumbs .is-current,
#page .vimicro-404-breadcrumb [aria-current="page"] {
    color: #168144 !important;
    font-family: "Inter", sans-serif !important;
    font-weight: 600 !important;
}

@media (max-width: 767px) {
    #page .vimicro-breadcrumbs,
    #page .catalogue-breadcrumbs,
    #page .vimicro-404-breadcrumb {
        gap: 5px !important;
        font-size: 11px !important;
        line-height: 1.45 !important;
    }
}