.knowledge-shell { padding-top: 1.5rem; padding-bottom: 3rem; }
.knowledge-filters { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-bottom: 1.5rem; }
.knowledge-filters input[type=search], .knowledge-filters select { background: var(--wpp-glass-surface); border: 1px solid var(--wpp-glass-border); color: var(--wpp-color-text); padding: .7rem; border-radius: .5rem; max-width: 100%; }
.knowledge-query { display: flex; align-items: center; gap: .75rem; flex: 1 1 20rem; min-width: 0; }
.knowledge-query input { width: 100%; min-width: 0; }
.knowledge-results { border-top: 1px solid var(--wpp-glass-border); }
.knowledge-result { display: grid; grid-template-columns: 1.5rem minmax(0,1fr) 1.25rem; gap: 1rem; padding: 1.35rem .5rem; border-bottom: 1px solid var(--wpp-glass-border); text-decoration: none; color: var(--wpp-color-text); overflow-wrap: anywhere; }
.knowledge-result:hover, .knowledge-result:focus-visible { background: var(--wpp-glass-surface); color: var(--wpp-color-text); }
.knowledge-result:focus-visible { outline: 2px solid #f59e0b; outline-offset: 2px; }
.knowledge-result h2 { font-size: 1.1rem; margin: .25rem 0; color: var(--wpp-color-text); }
.knowledge-result p { margin: .4rem 0; color: var(--wpp-color-text-muted); }
.knowledge-result small { color: var(--wpp-color-text-muted); }
.knowledge-result svg { width: 1.25rem; height: 1.25rem; color: #d99a27; }
.knowledge-pagination { display: flex; gap: 1rem; justify-content: center; margin-top: 1.5rem; }
.knowledge-detail { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); gap: 2.5rem; }
.knowledge-prose { min-width: 0; overflow-wrap: anywhere; font-size: .9375rem; line-height: 1.6; }
.knowledge-prose img, .knowledge-prose iframe { max-width: 100%; }
.knowledge-prose table { display: block; overflow-x: auto; }
.knowledge-prose :is(h1, h2, h3, h4, h5, h6) {
    color: var(--wpp-color-text);
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.3;
    margin: 1.4rem 0 .5rem;
}
.knowledge-prose h1 { font-size: 1.375rem; }
.knowledge-prose h2 { font-size: 1.25rem; }
.knowledge-prose h3 { font-size: 1.125rem; }
.knowledge-prose h4 { font-size: 1rem; }
.knowledge-prose :is(h5, h6) { font-size: .9375rem; }
.knowledge-summary { font-size: 1rem; font-weight: 400; line-height: 1.6; margin-bottom: 1rem; }
@media(max-width: 767px) { .knowledge-detail { grid-template-columns: minmax(0, 1fr); } .knowledge-result { gap: .6rem; } }

/* Keep the reading area legible independently of the atmospheric page image. */
.knowledge-surface {
    background: var(--wpp-workspace-raised);
    border-top: 1px solid var(--wpp-glass-border);
}

:root[data-theme="light"] .knowledge-shell {
    --wpp-color-text: #183a59;
    --wpp-color-text-muted: #425b73;
    --wpp-glass-border: rgba(40, 65, 90, .24);
    --wpp-glass-surface: var(--wpp-panel-control-bg);
    color: var(--wpp-color-text);
}

:root[data-theme="light"] .knowledge-shell .text-muted {
    color: var(--wpp-color-text-muted) !important;
}

:root[data-theme="light"] .knowledge-shell .text-warning {
    color: #854600 !important;
}

:root[data-theme="light"] .knowledge-shell :is(h2, h3, h4, h5, h6, strong) {
    color: inherit;
}

:root[data-theme="light"] .knowledge-result:hover,
:root[data-theme="light"] .knowledge-result:focus-visible {
    background: var(--wpp-panel-surface-muted);
}

:root[data-theme="light"] .knowledge-result svg {
    color: #875000;
}

:root[data-theme="light"] .knowledge-filters input::placeholder {
    color: #496178;
    opacity: 1;
}

:root[data-theme="light"] .knowledge-filters :is(input, select):focus-visible,
:root[data-theme="light"] .knowledge-shell a:focus-visible {
    outline: 2px solid #1e618e;
    outline-offset: 3px;
}

:root[data-theme="light"] .knowledge-prose a,
:root[data-theme="light"] .knowledge-pagination a {
    color: #155b83;
    text-decoration: underline;
    text-underline-offset: .18em;
}

:root[data-theme="light"] .knowledge-prose a:hover,
:root[data-theme="light"] .knowledge-pagination a:hover {
    color: #103e5a;
}

.knowledge-detail > aside { min-width: 0; overflow-wrap: anywhere; }

.knowledge-nominations {
    background: var(--wpp-glass-surface);
    border: 1px solid var(--wpp-glass-border);
    border-radius: .75rem;
    overflow: hidden;
}
.knowledge-nomination { display: flex; justify-content: space-between; gap: 1.5rem; padding: 1.5rem; overflow-wrap: anywhere; }
.knowledge-nomination + .knowledge-nomination { border-top: 1px solid var(--wpp-glass-border); }
.knowledge-nomination > div:first-child { min-width: 0; }
.knowledge-nomination h2 { font-size: 1.1rem; line-height: 1.3; margin-bottom: .5rem; }
.knowledge-nomination p { margin-bottom: .5rem; }
.knowledge-nomination__meta { font-size: .65rem; letter-spacing: .1em; text-transform: uppercase; color: var(--wpp-color-text-muted); }
.knowledge-nomination__actions { display: flex; flex-direction: column; align-items: flex-start; gap: .5rem; flex-shrink: 0; }
@media (max-width: 767px) {
    .knowledge-nomination { flex-direction: column; gap: .75rem; padding: 1rem; }
    .knowledge-nomination__actions { flex-direction: row; flex-wrap: wrap; }
}