/* Deno Doc Overrides */

#content > main > section + div {

    max-width: 75ch !important
}

/* Align content with the top of the TOC now that it has no header */

#content {

    margin-top: 0.5rem !important
}

@media (min-width: 768px) {

    #topnav {

        margin-top: 0.25rem !important
    }
}

.ddoc {

    gap: 2rem !important
}

/* Adjust spacing to account for removed header */

@media (min-width: 768px) {

    .ddoc .toc .documentNavigation {

        margin-top: 1rem !important
    }
}

.ddoc .toc .documentNavigation > ul li {

    margin-left: 0.25rem !important
}

.doc .toc :not(.documentNavigation) > a {

    font-size: 1.25rem !important;

    line-height: 1.75rem !important
}

.ddoc .usageContent {

    position: relative !important;

    margin-top: 0.25rem !important;

    max-width: 75ch !important;

    border-color: rgb(9 105 218 / 0.25) !important;

    background-color: rgb(9 105 218 / 0.05) !important;

    padding-top: 1rem !important;

    padding-bottom: 1rem !important
}

.ddoc .usageContent > div.markdown > pre.highlight {

    border-color: rgb(9 105 218 / 0.25) !important
}

.ddoc .usageContent > h3 {

    position: absolute !important;

    top: -0.625rem !important;

    border-radius: 0.25rem !important;

    border-width: 1px !important;

    border-color: rgb(9 105 218 / 0.25) !important;

    --tw-bg-opacity: 1 !important;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;

    padding-left: 0.5rem !important;

    padding-right: 0.5rem !important;

    padding-top: 0.125rem !important;

    padding-bottom: 0.125rem !important;

    font-size: 0.75rem !important;

    line-height: 1rem !important
}

.ddoc .usageContent > .markdown {

    max-width: 100% !important
}

.ddoc .context_button:hover {

    background-color: rgb(227 229 233 / 0.25) !important
}

/* Single column APIs */

.ddoc .namespaceSection {

    margin-top: 1rem !important;

    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;

    gap: 0.25rem !important
}

.ddoc .section {

    max-width: 75ch !important
}

.ddoc .namespaceSection .namespaceItem {

    margin-bottom: 1rem !important;

    min-height: 0px !important
}

.ddoc .section > div:first-child > h2 {

    margin-bottom: 0px !important
}

/* This section attempts to style the headings on the category index pages differently from the symbol detail pages */
.ddoc .space-y-7 > .section {

    margin-top: 1rem !important
}

.ddoc .space-y-7 > .section:first-child {

    margin-top: 0px !important
}

.ddoc .space-y-7 > .section .markdown {

    margin-bottom: 1.5rem !important
}