/* Knowledge Base additions only.
   Main branding comes from /_ass/_css/styles.css and /_ass/_css/site.css */

/* -------------------------------------------------
   Sticky Footer
   ------------------------------------------------- */

html,
body {
    height: 100%;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

footer {
    margin-top: auto;
}

/* -------------------------------------------------
   Knowledge Base Components
   ------------------------------------------------- */

.kb-search-panel{
    background:#ffffff;
    border-radius:1rem;
    padding:1.25rem;
    box-shadow:0 .25rem 1rem rgba(10,35,64,.10);
    margin-top:-1.5rem;
    position:relative;
    z-index:2;
}

.kb-category-card,
.kb-article-card{
    border:0;
    border-radius:1rem;
    box-shadow:0 .25rem 1rem rgba(10,35,64,.08);
    height:100%;
}

.kb-category-card:hover,
.kb-article-card:hover{
    transform:translateY(-2px);
    transition:.2s ease;
}

.kb-number{
    font-size:.82rem;
    font-weight:700;
    letter-spacing:.04em;
    color:#0b3a5a;
}

.kb-muted{
    color:#5d6b78;
}

.kb-badge{
    background:#eef3f9;
    color:#0a2340;
    border-radius:999px;
    padding:.35rem .65rem;
    font-size:.8rem;
}

.kb-article-meta{
    border-left:4px solid #0b3a5a;
    background:#eef3f9;
    padding:1rem;
    border-radius:.5rem;
}

.kb-article-content h2,
.kb-article-content h3{
    margin-top:2rem;
}

.kb-step{
    background:#ffffff;
    border:1px solid #e1e7ef;
    border-radius:.75rem;
    padding:1rem;
    margin-bottom:.75rem;
}

/* -------------------------------------------------
   Hero Navigation
   ------------------------------------------------- */

.kb-hero-cta{
    display:flex;
    flex-wrap:wrap;
    gap:.75rem;
}

/* -------------------------------------------------
   Desktop
   ------------------------------------------------- */

@media (min-width: 992px){

    .kb-hero-cta{
        grid-template-columns: repeat(5, auto);
    }

}

.ai-category-image{
    max-width:250px;
    width:100%;
    height:auto;
}

@media (max-width:991px){

    .ai-category-image{
        max-width:180px;
        margin-top:1rem;
    }

}
.kb-tools-card{
    height:auto;
}
.ai-sidebar-image{
    max-width:500px;
    width:100%;
    height:auto;
}
.ai-sidebar-image:hover{
    transform:scale(1.03);
    transition:.2s ease;
}