/* styling the book contents */
body, main h1, main h2, main h3, main h4, main h5, main h6, main p {
    background-color: rgb(var(--abinb-page-background-color));
    color:rgb(var(--abinb-text-color));
}
a {
    color: rgb(var(--abinb-link-color));
}
a:hover, a:active, a:focus {
    background-color: inherit;
}
main span.page-normal {
    margin-top: inherit;
    border-top: none;
}
main {
    text-align: left;
    line-height: 1.5;
    padding: 0 10px;
}
main .abinb-selflink {
    color: inherit;
    position: relative;
    top: 3px;
}
main p {
    line-height: calc(1ex / 0.28);
}
/* invert the table header colors; otherwise can look weird when using a dark theme */
body.abinb-dark main table th {
    background-color: rgb(var(--abinb-text-color)) !important;
    color: rgb(var(--abinb-page-background-color)) !important;
}
.abinb-sync-highlight { 
    background-color: rgba(var(--abinb-sync-highlight-background-color), 1);
    color: rgba(var(--abinb-sync-highlight-color), 1);
    border-radius: 4px;
    padding: 2px;
    margin: -2px;
}
.search-result {
    background-color: rgba(var(--abinb-search-highlight-background-color), 1);
    color: rgba(var(--abinb-search-highlight-color), 1);
    padding: 3px;
    border-radius: 4px;
    transition: .2s;
    border: 3px solid rgba(var(--abinb-search-highlight-color), .8);
    scroll-margin-top: 1rem;
}
@supports (font-size-adjust: 1) {
    main {
        font-size-adjust: 0.6;
    }
}

@media(max-width: 768px) {
    main img {
        max-width: 90vw;
        object-fit: contain;
    }
}