.bebb-related-text {
    --bebb-related-toolbar-height: var(--bebb-panel-toolbar-height);
    --bebb-related-toolbar-gap: 0.5rem;
    --bebb-related-panel-background: #f5f5f5;
    --bebb-related-control-background: #f5f5f5;
    --bebb-related-control-color: #2d2b26;
    --bebb-related-accent: #ba1e1a;
    --bebb-panel-resizer-top: calc(var(--bebb-related-toolbar-height) + var(--bebb-related-toolbar-gap));
    --bebb-page-control-background: var(--bebb-related-control-background);
    --bebb-page-control-color: var(--bebb-related-control-color);
    --bebb-page-marker-current: #393939;
    --bebb-page-marker-context: #808080;
    box-sizing: border-box;
    height: 100%;
    min-height: 0;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 1rem 1.5rem;
    overflow: hidden;
    background: #fff;
    color: #2d2b26;
    font-family: var(--bebb-font-ui);
}

.fixed-layout > main.bebb-related-text {
    display: block;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.bebb-related-text__page {
    display: contents;
}

.bebb-related-text__header {
    width: min(100%, 84rem);
    margin: 0 auto 1.25rem;
    padding: 0.5rem 1rem 1rem;
}

.bebb-related-text__header h1 {
    min-width: 0;
    max-width: none;
    margin: 0;
    color: var(--bebb-related-accent);
    font-family: var(--bebb-font-heading);
    font-size: 2rem;
    font-style: italic;
    font-weight: 600;
    line-height: 1.2;
}

.bebb-related-text__metadata {
    --pb-popover-color: var(--bebb-related-control-color);
}

.bebb-related-text__workspace {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.5rem;
    gap: 0.75rem;
    align-items: stretch;
    height: 100%;
    min-height: 0;
}

.bebb-related-text .bebb-panel-area {
    height: 100%;
    min-height: 0;
}

.bebb-related-text__panels {
    --bebb-panel-column-widths: repeat(auto-fit, minmax(min(28rem, 100%), 1fr));
    --pb-grid-column-gap: 1.5rem;
    min-width: 0;
    min-height: 0;
    width: 100%;
    height: 100%;
}

.bebb-related-text .bebb-edition-panel {
    --bebb-letter-control-background: var(--bebb-related-control-background);
    --bebb-letter-control-border: transparent;
    --bebb-letter-control-color: var(--bebb-related-control-color);
    height: 100%;
    min-width: 0;
    min-height: 0;
    font-family: var(--bebb-font-ui);
}

.bebb-related-text .bebb-edition-panel ._pb_panel {
    box-sizing: border-box;
    height: calc(100% - var(--bebb-related-toolbar-height));
    min-height: 0;
    padding-top: var(--bebb-related-toolbar-gap);
    overflow: hidden;
}

.bebb-related-text__remove-panel button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--bebb-related-toolbar-height);
    height: var(--bebb-related-toolbar-height);
    margin: 0;
    padding: 5px;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: var(--bebb-related-control-color);
    box-shadow: none;
    font-size: 1.4rem;
    line-height: 1;
}

.bebb-related-text__content {
    box-sizing: border-box;
    height: 100%;
    min-height: 0;
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    border-radius: var(--bebb-control-radius, 5px);
    background: var(--bebb-related-panel-background);
    color-scheme: light;
}

.bebb-related-text__content > pb-view,
.bebb-related-text__content > pb-load {
    display: block;
    height: 100%;
}

.bebb-related-text__content > pb-view {
    max-width: none;
}

.bebb-related-text__view--norm,
.bebb-related-text__view--translation {
    --pb-content-font-family: var(--bebb-font-ui);
    --pb-footnote-font-family: var(--bebb-font-ui);
    --pb-content-font-size: 12pt;
    --pb-content-font-weight: 300;
    --pb-content-line-height: 1.428571;
    font-family: var(--bebb-font-ui);
    font-size: 12pt;
    font-weight: 300;
    line-height: 1.428571;
}

.bebb-related-text__view {
    --pb-view-loader-background: transparent;
    --pb-view-loader-background-image: none;
}

.bebb-related-text__view--dipl {
    --pb-content-font-family: var(--bebb-font-diplomatic);
    --pb-footnote-font-family: var(--bebb-font-diplomatic);
    --pb-content-font-size: 13pt;
    --pb-content-font-weight: 300;
    --pb-content-line-height: 1.428571;
    font-family: var(--bebb-font-diplomatic);
    font-size: 13pt;
    font-weight: 300;
    line-height: 1.428571;
}

.bebb-related-text__content--information {
    padding: 1.5rem;
    font-family: var(--bebb-font-ui);
    font-size: 1rem;
    line-height: 1.5;
}

.bebb-related-text__content--information .linked-entries__groups {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 1.5rem 2.5rem;
}

.bebb-related-text__content--information .linked-entries__group h3 {
    margin: 0 0 0.5rem;
    font: inherit;
    font-weight: 600;
}

.bebb-related-text__content--information .linked-entries__group ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.bebb-related-text__content--information .linked-entries__group li {
    margin: 0.3rem 0;
    list-style: none;
}

.bebb-related-text__content--information .linked-entries__group a {
    color: var(--bebb-related-accent);
    text-decoration: none;
}

.bebb-related-text__content--information .linked-entries__group a:hover,
.bebb-related-text__content--information .linked-entries__group a:focus-visible {
    text-decoration: underline;
}

.bebb-related-text__content--facsimile pb-load {
    overflow: hidden;
}

.bebb-related-text__content--facsimile > pb-load > div {
    height: 100%;
    min-height: 0;
}

.bebb-related-text__content--facsimile pb-tify {
    display: block;
    height: 100%;
}

.bebb-related-text__content--facsimile .tify {
    /* Keep Tify's internal z-index layers below the site navigation. */
    isolation: isolate;
    height: 100% !important;
    min-height: 0 !important;
    /* Tify's article is a viewer, not a Pico content card. */
    margin: 0;
    padding: 0;
    background: transparent !important;
}

.bebb-related-text__content--facsimile .tify-header {
    margin: 0;
    padding: 5px 0;
}

.bebb-related-text__content--facsimile .tify-main > section {
    /* Pico section spacing must not shorten the viewer panes. */
    margin: 0;
}

.bebb-related-text__content--facsimile .tify-scan-page-button.-next,
.bebb-related-text__content--facsimile .tify-scan-page-button.-previous,
.bebb-related-text__content--facsimile .tify.-short .tify-scan-page-button.-next,
.bebb-related-text__content--facsimile .tify.-short .tify-scan-page-button.-previous {
    top: auto;
    bottom: 0;
    display: flex;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    transition: 100ms;
}

.bebb-related-text__content--facsimile .tify-scan-page-button.-next {
    border-radius: 5px 0 0;
}

.bebb-related-text__content--facsimile .tify-scan-page-button.-previous {
    border-radius: 0 5px 0 0;
}

.bebb-related-text__add-panel {
    display: block;
    height: calc(100% - var(--bebb-related-toolbar-height) - var(--bebb-related-toolbar-gap));
    margin-top: calc(var(--bebb-related-toolbar-height) + var(--bebb-related-toolbar-gap));
}

.bebb-related-text__add-panel button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: var(--bebb-related-panel-background);
    color: #111;
    box-shadow: none;
}

.bebb-related-text__add-panel-symbol {
    font-size: 2rem;
}

.bebb-related-text__add-panel-label {
    display: none;
    writing-mode: vertical-rl;
    font-size: 0.9rem;
    text-transform: uppercase;
}

.bebb-related-text__add-panel button:hover .bebb-related-text__add-panel-symbol,
.bebb-related-text__add-panel button:focus-visible .bebb-related-text__add-panel-symbol {
    display: none;
}

.bebb-related-text__add-panel button:hover .bebb-related-text__add-panel-label,
.bebb-related-text__add-panel button:focus-visible .bebb-related-text__add-panel-label {
    display: inline;
}

@media (max-width: 56.25rem) {
    .fixed-layout > main.bebb-related-text {
        overflow: auto;
    }

    .bebb-related-text {
        height: auto;
        min-height: 100%;
    }

    .bebb-related-text__page {
        display: block;
        height: auto;
    }

    .bebb-related-text__workspace {
        grid-template-columns: minmax(0, 1fr);
        height: auto;
    }

    .bebb-related-text .bebb-panel-area,
    .bebb-related-text__panels,
    .bebb-related-text .bebb-edition-panel {
        height: auto;
    }

    .bebb-related-text .bebb-edition-panel ._pb_panel {
        height: auto;
    }

    .bebb-related-text__content {
        height: min(70vh, 44rem);
        min-height: 28rem;
    }

    .bebb-related-text__add-panel {
        height: 3rem;
        margin-top: 0;
    }

    .bebb-related-text__add-panel-label {
        writing-mode: horizontal-tb;
    }
}

@media (max-width: 42rem) {
    .bebb-related-text {
        padding: 0.75rem 1rem;
    }

    .bebb-related-text__header {
        padding-inline: 0;
    }

    .bebb-related-text__header h1 {
        width: 100%;
        font-size: 1.65rem;
    }

    .bebb-related-text__panels {
        --pb-grid-column-gap: 1rem;
    }
}