.dash-table-container .dash-spreadsheet-container .dash-cell-value.cell-markdown {
    font-family: 'monospace', monospace !important;
}

.markdown p {
    margin: 0 !important;
 }

/* Nav links in the top header. All four link states must be set or the
   browser will paint :visited links its default purple. */
.app-nav-link,
.app-nav-link:link,
.app-nav-link:visited,
.app-nav-link:hover,
.app-nav-link:active {
    color: #1e3a5f !important;       /* INK */
    text-decoration: none;
    font-weight: 500;
}
.app-nav-link:hover {
    background: #f1f5f9;             /* HOVER */
}
.app-nav-link.active {
    color: #142a47 !important;       /* INK_DARK */
    background: #eef2f7;             /* INK shade 0 */
    font-weight: 600;
}

/* Explorer — clickable example rows. */
.explorer-example-row:hover {
    background: #f1f5f9 !important;
    border-color: #d0d5dd !important;
}

/* Explorer — collapsible eyebrow (Try an example / Recent queries). */
.explorer-eyebrow-toggle:hover {
    color: #1e3a5f;
}
.explorer-eyebrow-toggle:hover svg,
.explorer-eyebrow-toggle:hover span {
    color: #1e3a5f !important;
}

/* Reference page — code card. Scope tightly so we don't bleed into other Markdown blocks. */
.ref-code-card pre {
    margin: 0 !important;
    padding: 14px 16px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    overflow-x: auto;
}
.ref-code-card code {
    font-family: "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace !important;
    font-size: 12.5px;
    line-height: 1.6;
    color: #1f2937;
    background: transparent !important;
    padding: 0 !important;
}

/* Selection highlight — match brand instead of OS default (was violet on Windows). */
::selection {
    background-color: #1e3a5f;  /* INK */
    color: #ffffff;
}

/* Kill the browser's yellow autofill background on text inputs.
   Chrome/Edge tints any input it thinks is a credential — including ones
   where Dash's persistence_type='local' has restored a value. */
.app-input:-webkit-autofill,
.app-input:-webkit-autofill:hover,
.app-input:-webkit-autofill:focus,
.app-input:-webkit-autofill:active,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-text-fill-color: #212529 !important;
    transition: background-color 99999s ease-in-out 0s;
    caret-color: #212529;
}