:root {
    --font-size-small: 0.833rem;
    --margin-notes-width: 40px;
    --margin-notes-gap: 20px;
    --margin-notes-total: calc(var(--margin-notes-width) + var(--margin-notes-gap));
}

@media screen {
    #content {
        --margin-notes-width: 160px;
        --margin-notes-gap: 2rem;
        --margin-notes-total: calc(var(--margin-notes-width) + var(--margin-notes-gap));
    }

    #view {
        --pb-heading-font-family: var(--pb-content-font-family);
        --font-size-small: 0.833rem;
        counter-reset: footnote;
        /* --pb-content-font-size: var(--pico-font-size); */
    }

    .synoptic {
        display: grid;
        grid-template-columns: calc(50% - 1rem) calc(50% - 1rem);
        column-gap: 2rem;
    }
}

.content.margin-right {
    margin-right: 0;
    margin-left: var(--margin-notes-total);
}

pb-popover {
    --pb-popover-theme: "light-border";
}

h1, h2, h3, h4, h5 {
    margin: 3rem 0 1.38rem;
    font-family: var(--pb-heading-font-family);
    font-weight: 400;
    line-height: 1.3;
}

h1 {
    margin-top: 0;
    font-size: 1.802em;
}

h2 {font-size: 1.602em;}

@media screen {

    #content > div:first-child > h2, #Lit h2, ul h2, .abbreviations h2 {
        margin-top: 0;
    }

    h5 {
        margin-top: 0;
    }
}

h3 {font-size: 1.424em;}

h4 {font-size: 1.266em;}

h5, h6 {
    font-size: 1.125em;
    font-weight: 400;
}

h6 {
    margin-bottom: 0;
}

h6 + h5 {
    margin-top: 1rem;
}

h3.person, h3.place {
    font-size: var(--pb-popover-font-size, 1rem);
    font-weight: bold;
    margin: 0;
}

.birth-death {
    margin-top: .5rem;
}

.tei-byline + .tei-docImprint {
    margin-top: 4rem;
}

small, .text_small {font-size: 0.889rem;}

div#content {
    margin-left: var(--margin-notes-total);
    margin-right: 0;
    hyphens: auto;
}

div#content.page-content-no-toc {
    margin-left: 0;
}

#content .margin-note, #content .margin-chapter {
    text-align-last: left;
    text-align: left;
    text-indent: 0;
    line-height: 1.33em;
    /* line-height: 1.33em; */
    background: transparent;
    font-size: var(--font-size-small);
    padding-top: 3px;
}

/* .content .margin-note::first-line, .content .margin-chapter::first-line {
    line-height: 24px;
} */

@media screen {
    #content .margin-note, #content .margin-chapter {
        margin-left: calc(var(--margin-notes-total) * -1);
        margin-bottom: 0;
        /* padding: 5px 0px; */
        width: var(--margin-notes-width);
        float: left;
        clear: left;
        padding-top: 6px;
    }
}

#content .margin-chapter {
    text-align: right;
    text-align-last: right;
}

a:link, a:hover, a:visited {
    text-decoration: none;
}

p, ul {
    orphans: 2;
    widows: 2;
}

p {
    text-indent: 2rem;
    text-align: justify;
    margin: 0;
}

.intro .ab, .chapter-toc {
    text-indent: 0;
    margin-bottom: 1em;
}

.no-indent {
    text-indent: 0;
}

.no-hyphen {
    hyphens: none;
    /* white-space: nowrap; */
}

.spaced {
    margin-top: 1em;
    margin-bottom: 1em;
}

.centered {
    text-align: center;
}

.tei-lg.centered {
    margin-left: auto;
    margin-right: auto;
    width: max-content;
    text-align: left;
}

/* .translation h5 + p {
    text-indent: 0;
} */

.smaller, .desc {
    font-size: var(--font-size-small);
}

.wide {
    letter-spacing: 2px;
}

/* .transcription h5:first-of-type {
    margin-top: 0;
} */

.transcription div[id],
.synoptic div[id] {
    margin-bottom: 1rem;
}

.transcription p,
.synoptic [lang="la"] p,
.synoptic [lang="de"] p,
.translation [lang="de"] p:first-of-type
{
    text-indent: 0;
    /* margin-bottom: 1rem; */
}

.transcription p:not(.no-initial)::first-letter,
.parallel [lang="la"] p:not(.no-initial)::first-letter,
.synoptic [lang="la"] p:not(.no-initial)::first-letter,
.lg-elegiacCouplet .initial {
    float: left;
    color: rgb(167, 39, 0);
    font-size: 48px;
    line-height: 48px;
    /* line-height: calc(24px + 16px * 1.6); */
    /* padding-top: 4px; */
    margin-right: 8px;
    /* padding-left: 3px; */
}

.center .initial {
    float: none;
}

.margin-top {
    margin-top:1rem;
}

h1.numbered-head {
    display: flex;
}

h1.numbered-head .counter {
    margin-right: 1em;
}

h1.numbered-head span {
    display: block;
}

figure {
    text-align: center;
    margin-top: 1.5em;
}

img:not([src$=".svg"]) {
    width: 100%;
}

@media screen {
    .persName {
        color: rgb(201, 131, 0);
    }
    
    .placeName {
        color: rgb(13, 109, 0);
    }
    
    .citation {
        color:rgb(0, 69, 218);
    }

    .quote + .bibl {
        display: block;
        text-align: right;
    }

    img:not([src$=".svg"]) {
        max-height: 60vh;
        width: auto;
    }

    .link-list {
        list-style: none;
        padding: 0;
        margin: 1rem 0 0 0;
    }

    .idno a::before {
        content: "🔗 ";
    }
}

.it, .witness, .italic {
    font-style: italic;
}

.sb {
    font-weight: 550;
}

.not-italic, persname {
    font-style:normal;
}

.cb, .pb {
    float: none;
    padding-left: .1rem;
    padding-right: .1rem;
    margin-left: 0 !important;
}

.pb:first-child {
    display: none;
}

/* .pb:first-of-type {
    display: none;
} */

.content .hidden {
    display: none;
}

.center {
    text-align: center !important;
}

.sup {
    vertical-align: super;
    font-size: 65%;
    line-height: normal;
}

.lg {
    margin-left: 2em;
    display: table;
}

/* .line {
    margin-left: 2em;
} */

p .line {
    display: table-row;
    text-align: left;
}

.align-center .verse:nth-child(even) {
    margin-left:2rem;
}

.translation .item {
    display: flex;
    column-gap: 1em;
}

.item-number {
    vertical-align: top;
}

.contents .item-number {
    margin-right: 1em;
}

@media screen {
    .contents div {
        margin-top: 1em;
    }
}

.tei-table, .tei-lg, .numbered-list {
    background-color: white !important;
    margin-top: 1em;
    margin-bottom: 1em;
}

.tei-table td, .numbered-list td {
    padding-right: .5em;
}

.respStmt .persName {
    display: block;
}

ul.contents {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tei-edition, .page-type {
    vertical-align: super;
    font-size: 65%;
    line-height: normal;
}

.smallcaps {
    font-variant: small-caps;
}

/* Compact printed-style footnotes */
.footnotes {
    font-size: 0.85rem;
    margin-left: var(--margin-notes-total);
    line-height: 1.4;
}

dl.footnote {
    margin: 0 0 0.25rem 0;
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
}

dt.fn-number {
    font-weight: normal;
    flex-shrink: 0;
    min-width: 1.2rem;
    text-align: left;
}

dd.fn-content {
    margin: 0;
    flex: 1;
}

dd.fn-content p {
    margin: 0;
    text-indent: 0;
}

a.fn-back {
    margin-left: 0.3rem;
    text-decoration: none;
    font-size: 0.75rem;
}

.super-it {
    font-family: 'Noto Sans';
    font-style: italic;
}

#Konk td {
    position:relative;
}

td.bracket {
    padding-left:0.8rem;
    vertical-align:top;
    transform:translateY(0);
  
}
  
.bracket-2 {
    position:absolute;
    left:0;
    top:0.5em;
    transform: scale(1, 2.3);
}

.bracket-4 {
    position:absolute;
    left:0;
    top: 33%;
    transform: scale(1, 6.5);  
}

.register-group {
    margin-bottom: 1em;
}

.register-entry {
    break-inside: avoid;
}

.register-entry > span:after {
    content: " ";
}

.abbreviations .tei-abbr {
    display: inline-block;
    width: 5rem;
}

.lg-elegiacCouplet {
    margin-left: auto;
    margin-right: auto;
}

.lg-elegiacCouplet .indent {
    text-indent: 1em;
}

.publicationStmt {
    margin-top: 10rem;
}

.reference + .reference::before {
    content: ', ';
}

#breadcrumbs {
    --pb-content-font-family: var(--pb-base-font-family);
}

#breadcrumbs::part(content) {
    --margin-notes-total: 0px;
}

[aria-label="breadcrumb"] ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

[aria-label="breadcrumb"] ul li:not(.hidden-mobile) {
    display: inline;
}

nav[aria-label="breadcrumb"] ul li:not(:last-child):after {
    content: ">";
    display: inline-block;
    color: var(--pico-color);
}

[aria-label="breadcrumb"] ul,
[aria-label="breadcrumb"] ul a {
    --pico-color: white;
    color: var(--pico-color);
}

[aria-label="breadcrumb"] #content {
    font-family: inherit;
    margin-left: 0;
}

/* Fix footnote reference spacing */
span.tei-note {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
}

a[rel="footnote"] {
    font-size: var(--pb-footnote-font-size, var(--pb-content-font-size, 75%));
    font-family: var(--pb-footnote-font-family, --pb-content-font-family);
    vertical-align: super;
    color: var(--pb-footnote-color, var(--pb-color-primary, #333333));
    text-decoration: none;
    padding: 0 0 0 0.15em;
    margin: 0;
}

@media screen and (max-width: 768px) {
    div#content {
        --margin-notes-width: 32px;
        --margin-notes-gap: .5rem;
        --margin-notes-total: calc(var(--margin-notes-width) + var(--margin-notes-gap));
        margin-left: 32px;
        margin-right: 32px;
    }

    .margin-note {
        display: none;
    }

    .synoptic {
        display: block;
    }

    .hidden-mobile {
        display: none;
    }
}