.awedocs,
.awedocs-search,
.awedocs-product-index,
.awedocs-products {
    --awedocs-border: rgb(127 127 127 / 0.28);
    --awedocs-doc-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z'/%3E%3Cpath%20d='M14%202v6h6'/%3E%3Cpath%20d='M8%2013h8'/%3E%3Cpath%20d='M8%2017h6'/%3E%3C/svg%3E");
    --awedocs-muted: currentColor;
    --awedocs-panel: rgb(127 127 127 / 0.08);
}

@supports (color: color-mix(in srgb, currentColor 50%, transparent)) {
    .awedocs,
    .awedocs-search,
    .awedocs-product-index,
    .awedocs-products {
        --awedocs-border: color-mix(in srgb, currentColor 16%, transparent);
        --awedocs-muted: color-mix(in srgb, currentColor 62%, transparent);
        --awedocs-panel: color-mix(in srgb, Canvas 96%, currentColor 4%);
    }
}

.awedocs {
    box-sizing: border-box;
    margin-inline: auto;
    max-width: min(1240px, calc(100% - 32px));
    padding-block: clamp(1.5rem, 4vw, 3.5rem);
}

.awedocs *,
.awedocs *::before,
.awedocs *::after {
    box-sizing: inherit;
}

.awedocs-shell {
    display: grid;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
}

.awedocs-shell-has-toc {
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) minmax(180px, 230px);
}

.awedocs-content {
    min-width: 0;
}

.awedocs-sidebar,
.awedocs-page-nav {
    align-self: start;
    max-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px) - 2rem);
    overflow: auto;
    position: sticky;
    top: calc(var(--wp-admin--admin-bar--height, 0px) + 1rem);
}

.awedocs-sidebar {
    border-inline-end: 1px solid var(--awedocs-border);
    padding-inline-end: 1.25rem;
}

.awedocs-page-nav {
    border-inline-start: 1px solid var(--awedocs-border);
    padding-inline-start: 1.25rem;
}

.awedocs-sidebar-header {
    border-block-end: 1px solid var(--awedocs-border);
    margin-block-end: 1rem;
    padding-block-end: 1rem;
}

.awedocs-sidebar-title {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
}

.awedocs-sidebar-header span {
    color: var(--awedocs-muted);
    display: block;
    font-size: 0.8125rem;
    margin-block-start: 0.25rem;
}

.awedocs-breadcrumbs {
    color: var(--awedocs-muted);
    font-size: 0.875rem;
    margin-block-end: 1rem;
}

.awedocs-breadcrumbs a {
    color: inherit;
}

.awedocs-search {
    margin-block: 1.25rem 2rem;
    position: relative;
}

.awedocs-search label,
.awedocs-search input[type="search"] {
    display: block;
    width: 100%;
}

.awedocs-search input[type="search"] {
    border: 1px solid var(--awedocs-border);
    border-radius: 6px;
    font: inherit;
    min-height: 2.75rem;
    padding: 0.65rem 0.85rem;
}

.awedocs-search [data-awedocs-search-results] {
    background: Canvas;
    border: 1px solid var(--awedocs-border);
    border-radius: 6px;
    box-shadow: 0 16px 36px rgb(0 0 0 / 0.12);
    inset-inline: 0;
    margin-block-start: 0.4rem;
    max-height: min(420px, 60vh);
    overflow: auto;
    position: absolute;
    z-index: 20;
}

.awedocs-search [data-awedocs-search-results]:empty {
    display: none;
}

.awedocs-search ol,
.awedocs-search li,
.awedocs-nav-tree,
.awedocs-nav-tree ul,
.awedocs-version-selector ul,
.awedocs-toc ol,
.awedocs-products,
.awedocs-product-table ul,
.awedocs-docs {
    list-style: none;
    margin: 0;
    padding: 0;
}

.awedocs-search li + li {
    border-block-start: 1px solid var(--awedocs-border);
}

.awedocs-search li a {
    display: grid;
    gap: 0.15rem;
    padding: 0.75rem 0.85rem;
    text-decoration: none;
}

.awedocs-search li span,
.awedocs-search li small {
    color: var(--awedocs-muted);
}

.awedocs-side-nav h2,
.awedocs-toc h2 {
    font-size: 0.75rem;
    letter-spacing: 0;
    margin: 0 0 0.75rem;
    text-transform: uppercase;
}

.awedocs-nav-tree,
.awedocs-nav-tree ul {
    display: grid;
    gap: 0.15rem;
}

.awedocs-nav-tree ul {
    margin-block-start: 0.25rem;
    padding-inline-start: 0.75rem;
}

.awedocs-nav-section {
    margin-block: 0.35rem;
}

.awedocs-nav-section > span {
    color: var(--awedocs-muted);
    display: block;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.35;
    padding-block: 0.25rem;
}

.awedocs-nav-doc a,
.awedocs-toc a,
.awedocs-version-selector a {
    border-radius: 5px;
    color: inherit;
    display: block;
    line-height: 1.35;
    text-decoration: none;
}

.awedocs-nav-doc a {
    font-size: 0.875rem;
    padding: 0.35rem 0.5rem;
}

.awedocs-nav-doc.is-current a,
.awedocs-nav-doc a:hover,
.awedocs-toc a:hover,
.awedocs-version-selector a:hover {
    background: var(--awedocs-panel);
}

.awedocs-nav-doc.is-current a {
    font-weight: 700;
}

.awedocs-version-selector {
    border-block-end: 1px solid var(--awedocs-border);
    margin-block-end: 1rem;
    padding-block-end: 1rem;
}

.awedocs-version-selector ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.awedocs-version-selector a,
.awedocs-version-selector strong {
    border: 1px solid var(--awedocs-border);
    border-radius: 999px;
    display: block;
    font-size: 0.8125rem;
    padding: 0.2rem 0.55rem;
}

.awedocs-version-selector strong {
    background: var(--awedocs-panel);
}

.awedocs-toc ol {
    display: grid;
    gap: 0.15rem;
}

.awedocs-toc a {
    color: var(--awedocs-muted);
    font-size: 0.8125rem;
    padding: 0.3rem 0.45rem;
}

.awedocs-doc-main .entry-header {
    border-block-end: 1px solid var(--awedocs-border);
    margin-block-end: 1.5rem;
    padding-block-end: 1rem;
}

.awedocs-doc-main .entry-header h1,
.awedocs-product-main .entry-header h1,
.awedocs-landing .page-header h1 {
    margin-block: 0;
}

.awedocs-doc-main .entry-header p {
    color: var(--awedocs-muted);
    margin-block: 0.35rem 0;
}

.awedocs-doc-main .entry-content > *:first-child,
.awedocs-product-main .entry-content > *:first-child {
    margin-block-start: 0;
}

.awedocs-doc-main,
.awedocs-doc-main .entry-content {
    min-width: 0;
}

.awedocs-doc-main .entry-content img,
.awedocs-doc-main .entry-content video {
    height: auto;
    max-width: 100%;
}

.awedocs-doc-main .entry-content table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

.awedocs-doc-main .entry-content table code {
    overflow-wrap: anywhere;
    white-space: normal;
}

.awedocs-doc-main .entry-content th,
.awedocs-doc-main .entry-content td {
    vertical-align: top;
}

.awedocs-doc-list {
    margin-block-start: 2rem;
}

.awedocs-doc-groups {
    display: grid;
    gap: 1.5rem;
}

.awedocs-doc-group {
    border-block-start: 1px solid var(--awedocs-border);
    padding-block-start: 1rem;
}

.awedocs-doc-group h3 {
    font-size: 1rem;
    margin-block: 0 0.75rem;
}

.awedocs-docs {
    display: grid;
    gap: 0.75rem;
}

.awedocs-docs a {
    font-weight: 700;
}

.awedocs-docs p {
    color: var(--awedocs-muted);
    margin-block: 0.15rem 0;
}

.awedocs-doc-pagination {
    border-block-start: 1px solid var(--awedocs-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-block-start: 2rem;
    padding-block-start: 1rem;
}

.awedocs-doc-pagination a {
    max-width: 48%;
}

.awedocs-outdated {
    background: var(--awedocs-panel);
    border: 1px solid var(--awedocs-border);
    border-radius: 6px;
    margin-block: 1rem;
    padding: 0.8rem 1rem;
}

.awedocs-product-index,
.awedocs-products,
.awedocs-product-section,
.awedocs-product-tables,
.awedocs-product-table ul {
    display: grid;
}

.awedocs-product-index {
    gap: clamp(1.5rem, 3vw, 2.5rem);
}

.awedocs-product-index > .awedocs-search {
    margin-block: 0;
}

.awedocs-products {
    gap: clamp(2rem, 5vw, 4rem);
}

.awedocs-product-section {
    gap: 1rem;
}

.awedocs-product-section-header {
    border-block-end: 1px solid var(--awedocs-border);
    padding-block-end: 0.75rem;
}

.awedocs-product-section-header h2 {
    font-size: clamp(1.35rem, 2vw, 1.8rem);
    line-height: 1.2;
    margin: 0;
}

.awedocs-product-section-header a {
    color: inherit;
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.16em;
}

.awedocs-product-section > p {
    color: var(--awedocs-muted);
    margin-block: 0;
    max-width: 68ch;
}

.awedocs-product-tables {
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
}

.awedocs-product-table {
    align-content: start;
    background: var(--awedocs-panel);
    border: 1px solid var(--awedocs-border);
    border-radius: 6px;
    display: grid;
    gap: 1rem;
    padding: clamp(1rem, 2vw, 1.35rem);
}

.awedocs-product-table h3 {
    border-block-end: 1px solid var(--awedocs-border);
    font-size: 1rem;
    line-height: 1.3;
    margin: 0;
    padding-block-end: 0.75rem;
}

.awedocs-product-table ul {
    gap: 0.7rem;
}

.awedocs-product-table li a {
    color: inherit;
    display: grid;
    font-size: 1rem;
    font-weight: 400;
    gap: 0.55rem;
    grid-template-columns: 0.9rem minmax(0, 1fr);
    line-height: 1.45;
    text-decoration: none;
}

.awedocs-product-table li a::before {
    align-self: start;
    background-color: currentColor;
    content: "";
    display: block;
    height: 1rem;
    margin-block-start: 0.18rem;
    mask: var(--awedocs-doc-icon) center / contain no-repeat;
    opacity: 0.66;
    width: 1rem;
    -webkit-mask: var(--awedocs-doc-icon) center / contain no-repeat;
}

.awedocs-product-table li a:hover {
    text-decoration: underline;
    text-underline-offset: 0.16em;
}

.awedocs-product-table-more {
    justify-self: start;
    margin-block-start: 0.15rem;
}

@media (max-width: 1100px) {
    .awedocs-shell-has-toc {
        grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    }

    .awedocs-page-nav {
        display: none;
    }
}

@media (max-width: 760px) {
    .awedocs {
        max-width: min(100% - 24px, 1240px);
    }

    .awedocs-shell,
    .awedocs-shell-has-toc {
        grid-template-columns: 1fr;
    }

    .awedocs-sidebar,
    .awedocs-page-nav {
        border: 1px solid var(--awedocs-border);
        border-radius: 6px;
        max-height: none;
        overflow: visible;
        padding: 1rem;
        position: static;
    }

    .awedocs-doc-pagination {
        display: grid;
    }

    .awedocs-doc-pagination a {
        max-width: none;
    }
}
