/* Dedicated colors isolate the library navigation from each host page's theme. */
:is(section.visual-library-callout, #nephroed-visual-reference) {
    --visual-callout-bg: #edf4fa;
    --visual-callout-text: #19334d;
    --visual-callout-link: #174b78;
    --visual-callout-hover: #102f4b;
    --visual-callout-border: #809bb1;
    background: var(--visual-callout-bg) !important;
    color: var(--visual-callout-text) !important;
    border: 1px solid var(--visual-callout-border);
    border-left: 5px solid var(--visual-callout-link);
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    margin: 1.5rem 0 2rem;
    text-align: left;
    box-sizing: border-box;
    width: 100%;
}
:is([data-theme="dark"], .dark-mode) :is(section.visual-library-callout, #nephroed-visual-reference) {
    --visual-callout-bg: #142c40;
    --visual-callout-text: #f1f6fa;
    --visual-callout-link: #b5e1ff;
    --visual-callout-hover: #fff;
    --visual-callout-border: #69899f;
}
:is(section.visual-library-callout, #nephroed-visual-reference) h2 {
    color: var(--visual-callout-text) !important;
    font-size: 1.35rem;
    line-height: 1.35;
    margin: 0 0 .6rem;
    padding: 0;
    border: 0;
    text-shadow: none;
}
:is(section.visual-library-callout, #nephroed-visual-reference) p {
    color: var(--visual-callout-text) !important;
    font-size: 1rem;
    line-height: 1.65;
    margin: 0;
    opacity: 1;
}
:is(section.visual-library-callout, #nephroed-visual-reference) a,
:is(section.visual-library-callout, #nephroed-visual-reference) a:link,
:is(section.visual-library-callout, #nephroed-visual-reference) a:visited {
    color: var(--visual-callout-link) !important;
    text-decoration: underline;
    text-underline-offset: .2em;
    font-weight: 700;
}
:is(section.visual-library-callout, #nephroed-visual-reference) a:hover,
:is(section.visual-library-callout, #nephroed-visual-reference) a:active { color: var(--visual-callout-hover) !important; }
:is(section.visual-library-callout, #nephroed-visual-reference) a:focus-visible {
    outline: 3px solid var(--visual-callout-link);
    outline-offset: 4px;
    border-radius: 2px;
}
@media (max-width: 600px) { :is(section.visual-library-callout, #nephroed-visual-reference) { padding: 1rem; } }
@media print {
    :is(section.visual-library-callout, #nephroed-visual-reference) { background: #fff !important; color: #111 !important; }
    :is(section.visual-library-callout, #nephroed-visual-reference) { --visual-callout-text: #111; --visual-callout-link: #174b78; }
}

#nephroed-visual-reference figcaption, #nephroed-visual-reference summary {
    color: var(--visual-callout-text) !important;
    font-size: 1rem;
    line-height: 1.65;
    opacity: 1;
    text-align: left;
}
#nephroed-visual-reference { font-weight: 400; }
#nephroed-visual-reference figure { max-width: 1100px; }
#nephroed-visual-reference summary { font-weight: 700; cursor: pointer; }