/* TODO: this is class a dupliace of the code from tutorials/notebooks/_static/css/custom.css; ideally we remove the following code and we import from such path */
.custom-card {
    border: 1px solid #dfe2e5;
    border-radius: 6px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem; /* Add internal padding on the left side */
    padding-right: 1rem; /* Add internal padding on the right side */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
    margin-bottom: 1.5rem;
    height: 280px;
}

/* Reduce the font size in data frames - See https://github.com/scverse/cookiecutter-scverse/issues/193 */
div.cell_output table.dataframe {
    font-size: 0.8em;
}

/* Pages superseded by the SpatialData specifications (design document, interoperability): dim their
   sidebar entries (sidebar links already use the muted text color, so lower the opacity on top of it). */
nav.bd-links li:not(.current) > a[href$="design_doc.html"],
nav.bd-links li:not(.current) > a[href$="interoperability.html"] {
    opacity: 0.65;
}

nav.bd-links li > a[href$="design_doc.html"]:hover,
nav.bd-links li > a[href$="design_doc.html"]:focus-visible,
nav.bd-links li > a[href$="interoperability.html"]:hover,
nav.bd-links li > a[href$="interoperability.html"]:focus-visible {
    opacity: 1;
}