@font-face{
    font-family:'KoineGreek';
    src:url('/i/font/KoineGreek.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}

.witness-name{font-size:16px;color:#666}
.page-meta{color:#666}

.folio-side{
    scroll-margin-top:20px;
    margin-bottom:46px
}

.photo-wrap{text-align:center}
.manuscript-photo{
    display:block;
    max-width:100%;
    height:auto;
    margin:0 auto
}

.source{
    font-size:13px;
    color:#666;
    line-height:1.5
}

.transcription-text{
    display:inline-block;
    max-width:100%;
    padding:28px 32px;
    box-sizing:border-box;
    position:relative;
    isolation:isolate
}

.transcription-text::before{
    content:"";
    position:absolute;
    inset:0;
    background-position:center;
    background-repeat:repeat;
    background-size:auto;
    opacity:.45;
    z-index:-1
}

.transcription-text-papyrus::before{
    background-image:url('/i/img/papyrus.webp')
}

.transcription-text-uncial::before{
    background-image:url('/i/img/uncial.webp')
}

.columns{
    display:grid;
    grid-template-columns:repeat(4,max-content);
    gap:28px;
    align-items:start;
    max-width:100%
}

.column{min-width:0}
.column h3{font-size:15px;margin:0 0 12px}

.manuscript-line{
    display:block;
    margin:0 0 3px;
    font-size:20px
}

.line-no{
    color:#999;
    font-family:Arial,sans-serif;
    font-size:11px;
    margin-right:.45em;
    vertical-align:super
}

.line-text{
    min-width:0;
    word-break:break-word;
    font-family:'KoineGreek',serif
}

.verse-start{
    white-space:nowrap;
    display:inline-block
}

.manuscript-verse{
    font-size:11px;
    vertical-align:super;
    color:#777;
    font-family:Arial,sans-serif;
    margin:0 2px 0 0;
    text-decoration:none
}

.mes-nomina-sacra{text-decoration:overline}
.mes-damaged{border-bottom:1px dotted #777}
.mes-missing{opacity:.5}

.mes-correction{
    display:inline-grid;
    grid-template-areas:'correction';
    vertical-align:baseline;
    line-height:1
}

.mes-correction>.mes-original,
.mes-correction>.mes-reading,
.mes-correction>.mes-corrector{
    grid-area:correction
}

.mes-original{
    text-decoration:line-through;
    opacity:.55
}

.mes-reading,
.mes-corrector{
    align-self:end;
    transform:translateY(-1.05em);
    font-size:.68em;
    white-space:nowrap;
    text-decoration:none
}

.mes-correction-long{
    display:inline;
    vertical-align:baseline;
    line-height:1.05
}

.mes-correction-long>.mes-original,
.mes-correction-long>.mes-reading,
.mes-correction-long>.mes-corrector{
    display:inline;
    transform:none;
    white-space:normal;
    line-height:1.15
}

.legend{
    font-size:13px;
    color:#666
}

.about-table th{
    width:180px;
    color:#666;
    font-weight:normal
}

.about-table th,
.about-table td{
    vertical-align:top
}

.about-source{
    max-width:900px
}

@media(max-width:1000px){
    .columns{
        grid-template-columns:1fr 1fr
    }
}

@media(max-width:600px){
    .columns{
        grid-template-columns:1fr
    }

    .transcription-text{
        padding:20px
    }
}

/* Дополнительные состояния MES */
.mes-supplied{color:#8a6d3b}
.mes-vid{color:#8a6d3b}
.mes-positive{color:#8a6d3b}
.mes-negative{color:#999}
.mes-presence-vid{color:#2e7d32}
.mes-supplied-nonvariant{color:#68438f}
.mes-numeric{text-decoration:overline}
.mes-implied-nu{
    color:#999;
    text-decoration-line:overline;
    text-decoration-style:solid
}