.fenwick-docs-menu {
    font: inherit;
    min-width: 0;
    text-align: start;
}

.fenwick-docs-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.fenwick-docs-menu .fenwick-docs-menu__item {
    margin: 0;
    padding: 0;
}

.fenwick-docs-menu__row {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    align-items: start;
}

.fenwick-docs-menu .fenwick-docs-menu__link {
    display: block;
    grid-column: 2;
    min-width: 0;
    padding: 0.5rem;
    color: var(--fenwick-docs-text, inherit);
    background: var(--fenwick-docs-background, transparent);
    overflow-wrap: normal;
    word-break: normal;
    text-decoration: none;
    border-radius: 3px;
}

.fenwick-docs-menu .fenwick-docs-menu__link:hover,
.fenwick-docs-menu .fenwick-docs-menu__link:focus-visible {
    color: var(--fenwick-docs-hover-text, var(--fenwick-docs-text, inherit));
    background: var(--fenwick-docs-hover-background, var(--fenwick-docs-background, transparent));
    text-decoration: var(--fenwick-docs-hover-decoration, none);
}

.fenwick-docs-menu .fenwick-docs-menu__link[aria-current="page"] {
    color: var(--fenwick-docs-active, var(--fenwick-docs-text, inherit));
    background: var(--fenwick-docs-active-background, var(--fenwick-docs-background, transparent));
    box-shadow: inset var(--fenwick-docs-marker-width, 0px) 0 var(--fenwick-docs-marker-color, transparent);
}

.fenwick-docs-menu .fenwick-docs-menu__toggle {
    display: grid;
    place-items: center;
    align-self: center;
    width: 2rem;
    height: 2.5rem;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 3px;
    background: transparent;
    color: var(--fenwick-docs-text, inherit);
    box-shadow: none;
    cursor: pointer;
}

.fenwick-docs-menu .fenwick-docs-menu__toggle:hover,
.fenwick-docs-menu .fenwick-docs-menu__toggle:focus-visible {
    background: var(--fenwick-docs-hover-background, transparent);
    color: var(--fenwick-docs-hover-text, var(--fenwick-docs-text, inherit));
}

.fenwick-docs-menu__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    font-size: 0.75rem;
    line-height: 1;
}

.fenwick-docs-menu__icon svg {
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.fenwick-docs-menu__toggle[aria-expanded="true"] .fenwick-docs-menu__icon {
    transform: rotate(90deg);
}

.fenwick-docs-menu .fenwick-docs-menu__link:focus-visible,
.fenwick-docs-menu .fenwick-docs-menu__toggle:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -2px;
}

.fenwick-docs-menu [hidden] {
    display: none !important;
}