/* Hilfe.Schule V0.7.1 – Öffentlicher Wissensbereich */

/* ==========================================================
   Hilfe.Schule V0.7.0 – Wissensdatenbank
   ========================================================== */

.admin-nav-divider{
    height:1px;
    margin:5px 4px;
    background:#eaecf0;
}

.knowledge-hero{
    max-width:820px;
    margin:0 auto 38px;
    text-align:center;
}

.knowledge-hero h1{
    margin:6px 0 10px;
}

.knowledge-hero > p:not(.eyebrow){
    max-width:700px;
    margin:0 auto;
    color:#667085;
    font-size:1.05rem;
    line-height:1.65;
}

.knowledge-search{
    max-width:720px;
    margin:22px auto 0;
}

.knowledge-section-title{
    margin:28px 0 18px;
}

.knowledge-system-grid .system-card{
    min-height:180px;
}

.knowledge-inline-system-icon{
    width:22px;
    height:22px;
    object-fit:contain;
    vertical-align:middle;
    margin-right:4px;
}

.knowledge-system-head{
    max-width:820px;
    margin:0 auto 32px;
    text-align:center;
}

.knowledge-system-head h1{
    margin:8px 0 12px;
}

.knowledge-system-head > p{
    color:#667085;
}

.knowledge-list-section{
    margin-top:30px;
}

.knowledge-article-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.knowledge-card{
    display:flex;
    flex-direction:column;
    min-height:190px;
    padding:20px;
    border:1px solid #e4e7ec;
    border-radius:15px;
    background:#fff;
    box-shadow:0 2px 8px rgba(16,24,40,.03);
    color:#101828;
}

.knowledge-card:hover{
    transform:translateY(-1px);
    border-color:#cfd4dc;
    box-shadow:0 7px 20px rgba(16,24,40,.07);
}

.knowledge-card-top,
.knowledge-article-meta{
    display:flex;
    align-items:center;
    gap:7px;
    flex-wrap:wrap;
    color:#667085;
    font-size:.78rem;
    font-weight:700;
}

.knowledge-badge{
    display:inline-flex;
    align-items:center;
    padding:4px 8px;
    border-radius:999px;
    background:#eef4ff;
    color:#3538cd;
    font-size:.75rem;
    font-weight:800;
}

.knowledge-category-name{
    padding:4px 8px;
    border-radius:999px;
    background:#f2f4f7;
}

.knowledge-card h3{
    margin:13px 0 7px;
    font-size:1.18rem;
}

.knowledge-card p{
    margin:0 0 15px;
    color:#667085;
    line-height:1.55;
}

.knowledge-open{
    margin-top:auto;
    color:#344054;
    font-size:.88rem;
    font-weight:800;
}

.search-result-meta .search-type-knowledge{
    background:#eef4ff;
    color:#3538cd;
}

.knowledge-article-container{
    max-width:980px;
}

.knowledge-article{
    padding:32px;
    border:1px solid #e4e7ec;
    border-radius:18px;
    background:#fff;
    box-shadow:0 3px 14px rgba(16,24,40,.04);
}

.knowledge-article-header{
    max-width:820px;
}

.knowledge-article-header h1{
    margin:12px 0 13px;
    font-size:clamp(2rem,5vw,3.2rem);
    line-height:1.08;
}

.knowledge-lead{
    color:#475467;
    font-size:1.08rem;
    line-height:1.7;
}

.knowledge-cover{
    margin:26px 0;
}

.knowledge-cover img{
    display:block;
    width:100%;
    max-height:560px;
    object-fit:contain;
    border:1px solid #eaecf0;
    border-radius:14px;
    background:#f8fafc;
}

.knowledge-body{
    margin-top:26px;
    line-height:1.75;
}

.knowledge-body h2{
    margin-top:34px;
}

.knowledge-note{
    margin:24px 0;
    padding:16px 18px;
    border-left:4px solid #98a2b3;
    border-radius:10px;
    background:#f8fafc;
}

.knowledge-note > strong{
    display:block;
    margin-bottom:5px;
}

.knowledge-note .rich-text > :first-child{margin-top:0}
.knowledge-note .rich-text > :last-child{margin-bottom:0}
.knowledge-note-info{border-left-color:#2e90fa;background:#eff8ff}
.knowledge-note-tip{border-left-color:#12b76a;background:#ecfdf3}
.knowledge-note-warning{border-left-color:#f79009;background:#fffaeb}

.knowledge-code-section{
    margin:28px 0;
    border:1px solid #d0d5dd;
    border-radius:12px;
    overflow:hidden;
    background:#101828;
}

.knowledge-code-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px 13px;
    border-bottom:1px solid #344054;
    color:#f2f4f7;
    font-size:.84rem;
}

.code-copy-btn{
    padding:5px 8px;
    border:1px solid #475467;
    border-radius:7px;
    background:#1d2939;
    color:#fff;
    cursor:pointer;
}

.knowledge-code-section pre{
    margin:0;
    padding:17px;
    max-height:520px;
    overflow:auto;
}

.knowledge-code-section code{
    color:#f9fafb;
    font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
    font-size:.86rem;
    white-space:pre;
}

.knowledge-related{
    margin-top:34px;
    padding-top:25px;
    border-top:1px solid #eaecf0;
}

.knowledge-related-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.knowledge-related-grid a{
    display:block;
    padding:14px;
    border:1px solid #e4e7ec;
    border-radius:11px;
    color:#101828;
}

.knowledge-related-grid a:hover{
    background:#f8fafc;
}

.knowledge-related-grid strong,
.knowledge-related-grid span{
    display:block;
}

.knowledge-related-grid span{
    margin-top:4px;
    color:#667085;
    font-size:.84rem;
    line-height:1.45;
}

.knowledge-code-input{
    width:100%;
    box-sizing:border-box;
    padding:12px;
    border:1px solid #d0d5dd;
    border-radius:10px;
    background:#101828;
    color:#f9fafb;
    font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
    resize:vertical;
}

.knowledge-related-select{
    width:100%;
    min-height:180px;
    padding:8px;
    border:1px solid #d0d5dd;
    border-radius:10px;
    background:#fff;
}

.knowledge-related-select option{
    padding:7px;
}

.knowledge-admin-cover-preview{
    display:block;
    width:100%;
    max-width:420px;
    max-height:220px;
    object-fit:contain;
    margin:8px 0 10px;
    border:1px solid #e4e7ec;
    border-radius:10px;
    background:#f8fafc;
}

.knowledge-category-editor{
    margin-top:24px;
}

@media(max-width:760px){
    .knowledge-article-grid,
    .knowledge-related-grid{
        grid-template-columns:1fr;
    }

    .knowledge-article{
        padding:20px;
    }

    .knowledge-article-header h1{
        font-size:clamp(1.9rem,10vw,2.65rem);
    }
}

@media print{
    .knowledge-article{
        border:0!important;
        box-shadow:none!important;
        padding:0!important;
    }

    .knowledge-code-section{
        break-inside:avoid;
        background:#fff!important;
        border:1px solid #888!important;
    }

    .knowledge-code-head,
    .knowledge-code-section code{
        color:#000!important;
        background:#fff!important;
    }

    .knowledge-related{
        break-inside:avoid;
    }
}


/* ==========================================================
   Hilfe.Schule V0.7.2 – Feinschliff & Navigation
   ========================================================== */

.breadcrumbs{
    display:flex;
    align-items:center;
    gap:7px;
    flex-wrap:wrap;
    margin:0 0 14px;
    color:#667085;
    font-size:.82rem;
}
.breadcrumbs a{color:#475467;text-decoration:none}
.breadcrumbs a:hover{color:#101828;text-decoration:underline}
.breadcrumbs span[aria-current="page"]{color:#344054;font-weight:700}
.knowledge-article-meta span{white-space:nowrap}

.search-results-heading{
    display:flex;align-items:center;justify-content:space-between;
    gap:14px;flex-wrap:wrap;margin-bottom:14px;
}
.search-results-heading h2{margin:0}
.search-result-counts{display:flex;gap:7px;flex-wrap:wrap}
.search-result-counts span{
    display:inline-flex;align-items:center;padding:5px 9px;
    border-radius:999px;background:#f2f4f7;color:#475467;
    font-size:.78rem;font-weight:750;
}