.ifm-knowledge {
    display: grid;
    gap: .48rem;
    margin-top: .65rem;
    padding: .7rem .8rem;
    border: 1px solid #d8e0ea;
    border-radius: .75rem;
    background: #f7f9fc;
    color: #263b59;
    font-size: .82rem;
}

.ifm-knowledge__status {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.ifm-knowledge__status span { color: #92713b; font-size: 1rem; }
.ifm-knowledge.is-ready { border-color: #b8dacb; background: #f1faf6; }
.ifm-knowledge.is-ready .ifm-knowledge__status span { color: #16724b; }
.ifm-knowledge.is-failed { border-color: #efc8c3; background: #fff6f4; }
.ifm-knowledge.is-processing,
.ifm-knowledge.is-pending { border-color: #cbd9ef; background: #f4f8ff; }

.ifm-knowledge__context summary {
    width: max-content;
    cursor: pointer;
    color: #173d70;
    font-weight: 700;
}

.ifm-knowledge__context > strong,
.ifm-knowledge__context > p { display: block; margin-top: .55rem; }
.ifm-knowledge__context p { line-height: 1.55; }
.ifm-knowledge__context ul { margin: .45rem 0 0; padding-left: 1.2rem; }
.ifm-knowledge__risks { margin-top: .55rem; color: #8c3b33; }
.ifm-knowledge__error { color: #9e3f36; overflow-wrap: anywhere; }

.ifm-knowledge form button {
    width: max-content;
    border: 1px solid #aebbd0;
    border-radius: 999px;
    padding: .38rem .7rem;
    background: #fff;
    color: #17345e;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

@media (max-width: 680px) {
    .ifm-knowledge { font-size: .78rem; }
    .ifm-knowledge__context summary { width: auto; }
}