.bee-section-nav {
    align-self: flex-start;
    background: var(--nav-bg);
    border: 1px solid var(--nav-border);
    border-radius: var(--nav-radius);
    box-sizing: border-box;
    padding: 18px;
    width: 100%;
}
.bee-section-nav.is-sticky {
    position: sticky;
    top: var(--bee-nav-sticky-top, 90px);
    z-index: 5;
}
.bee-section-nav > strong {
    color: var(--nav-text);
    display: block;
    font-size: 1rem;
    margin-bottom: 10px;
}
.bee-section-nav-items {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.bee-section-nav a {
    border-left: 2px solid transparent;
    color: var(--nav-text);
    padding: 8px 11px;
    text-decoration: none;
    transition:
        color 0.2s,
        border-color 0.2s,
        background 0.2s;
}
.bee-section-nav a:hover,
.bee-section-nav a.active {
    border-left-color: var(--nav-accent);
    color: var(--nav-accent);
}
.bee-section-nav a.active {
    background: color-mix(in srgb, var(--nav-accent) 9%, transparent);
    font-weight: 700;
}
.bee-data-table-scroll {
    border-radius: var(--table-radius);
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.bee-data-table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}
.bee-data-table th,
.bee-data-table td {
    padding: var(--table-padding);
    vertical-align: top;
}
.bee-data-table th {
    background: var(--table-head-bg);
    color: var(--table-head-color);
    font-weight: 700;
}
.bee-data-table td {
    background: var(--row-bg);
    color: var(--row-color);
}
.bee-data-table thead th:first-child {
    border-top-left-radius: var(--table-radius);
}
.bee-data-table thead th:last-child {
    border-top-right-radius: var(--table-radius);
}
.bee-data-table.is-bordered th,
.bee-data-table.is-bordered td {
    border-right: 1px solid var(--table-border);
    border-bottom: 1px solid var(--table-border);
}
.bee-data-table.is-bordered th:first-child,
.bee-data-table.is-bordered td:first-child {
    border-left: 1px solid var(--table-border);
}
.bee-data-table.is-bordered thead th {
    border-top: 1px solid var(--table-border);
}
.bee-data-table.is-striped tbody tr:nth-child(even) td {
    /* Preserve user-selected row colors. */
}
.bee-data-table.is-hover tbody tr:hover td {
    box-shadow: inset 4px 0 0 var(--table-accent);
    filter: brightness(0.98);
}
@media (max-width: 767px) {
    .bee-section-nav.mobile-horizontal {
        padding: 12px;
    }
    .bee-section-nav.mobile-horizontal > strong {
        margin: 0 0 6px;
    }
    .bee-section-nav.mobile-horizontal .bee-section-nav-items {
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        scroll-snap-type: x proximity;
        scrollbar-width: thin;
    }
    .bee-section-nav.mobile-horizontal a {
        border-left: 0;
        border-bottom: 2px solid transparent;
        flex: 0 0 auto;
        scroll-snap-align: start;
        white-space: nowrap;
    }
    .bee-section-nav.mobile-horizontal a:hover,
    .bee-section-nav.mobile-horizontal a.active {
        border-bottom-color: var(--nav-accent);
    }
}
/* Table column appearance controls */
.bee-data-table th {
    background: var(--column-head-bg, var(--table-head-bg));
    color: var(--column-head-color, var(--table-head-color));
}
.bee-data-table td {
    background: var(--column-body-bg, var(--row-bg));
    color: var(--column-body-color, var(--row-color));
}