@font-face { font-family: "Old Standard"; src: url("shrift/old-standard.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Old Standard"; src: url("shrift/old-standard-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Old Standard"; src: url("shrift/old-standard-bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

@font-face { font-family: "Graeca"; src: url("../shrift/eb-garamond.woff2") format("woff2"); unicode-range: U+0370-03FF, U+1F00-1FFF; font-display: swap; }
@font-face { font-family: "Graeca"; src: url("../shrift/eb-garamond-italic.woff2") format("woff2"); font-style: italic; unicode-range: U+0370-03FF, U+1F00-1FFF; font-display: swap; }

html.altera {

    font-size: clamp(16px, 11.5px + .3vw, 20px);
    --littera: "Old Standard", "Graeca", "EB Garamond", Georgia, serif;

    --corpus-7: .875rem; --corpus-8: .9375rem; --corpus-9: 1rem; --corpus-10: 1.0833rem; --corpus-11: 1.1667rem;
    --corpus-12: 1.25rem; --corpus-14: 1.4167rem; --corpus-16: 1.5833rem; --corpus-18: 1.75rem;
    --corpus-20: 2rem; --corpus-24: 2.3333rem; --corpus-28: 2.8333rem; --corpus-36: 3.75rem; --corpus-48: 4.5rem; --corpus-60: 5rem;

    --versus: 2rem;
    --v-dimidium: calc(var(--versus) / 2);
    --v-2: calc(var(--versus) * 2);
    --v-3: calc(var(--versus) * 3);
    --v-4: calc(var(--versus) * 4);
    --v-6: calc(var(--versus) * 6);

    --pagina: 50vw;
    --margo-interior: calc(var(--pagina) / 9);
    --margo-exterior: calc(var(--pagina) * 2 / 9);
    --bloc: calc(var(--pagina) * 6 / 9);
    --sulcus: calc(var(--margo-interior) * 2);
    --columnae: [margo-l] var(--margo-exterior) [verso] var(--bloc) [verso-finis] var(--sulcus) [recto] var(--bloc) [recto-finis] var(--margo-exterior) [margo-r];

    --linea-lectionis: 34em;

    --margo: var(--margo-exterior);
    --latitudo: calc(100vw - 2 * var(--margo-exterior));
    --intervallum: calc(var(--margo-interior) * .5);
    --vestibulum: calc(var(--versus) * 3);

    --lux: 255 246 230;
    --lux-vis: .42;
    --umbra: .14;
    --umbra-tabulae: .40;
}

html.altera > body:not(.nox, .rariora, .ad-imprimendum, .pagina-archon, #\#) {
    --charta: var(--paries, #E9E4DA);
    --atramentum: oklch(from var(--charta) calc(.24 + .6 * clamp(0, (.58 - l) * 1000, 1)) .017 62);
    --scriptura: oklch(from var(--charta) calc(.29 + .52 * clamp(0, (.58 - l) * 1000, 1)) .016 62);
    --cinis: oklch(from var(--charta) calc(.42 + .26 * clamp(0, (.58 - l) * 1000, 1)) .014 65);
    --linea: oklch(from var(--charta) calc(l - .1 + .2 * clamp(0, (.58 - l) * 1000, 1)) calc(c * .8) h);
    --fundus: oklch(from var(--charta) calc(l - .035) c h);
    --minium: var(--cinis);
    background-color: var(--charta);
    color: var(--scriptura);
}
html.altera.lychni > body:not(.nox, .rariora, .ad-imprimendum, .pagina-archon, #\#) {
    --charta: oklch(from var(--paries, #E9E4DA) .2 calc(c * .7) h);
    --lux: 255 226 186;
    --lux-vis: .16;
    --umbra: .55;
    --umbra-tabulae: .85;
}

html.altera > body:not(.nox, .rariora, .ad-imprimendum, .pagina-archon)::before {
    content: "";
    display: block;
    position: fixed;
    inset: 0;
    z-index: -1;
    height: auto;
    pointer-events: none;
    --lux-color: color-mix(in oklab, oklch(from var(--charta) calc(l + .1) calc(c * 1.15) h) 70%, rgb(var(--lux)) 30%);
    background:
        radial-gradient(ellipse 70% 62% at 30% 4%,
            color-mix(in oklab, var(--lux-color) calc(var(--lux-vis) * 150%), transparent) 0%,
            color-mix(in oklab, var(--lux-color) calc(var(--lux-vis) * 55%), transparent) 48%,
            transparent 78%),
        radial-gradient(ellipse 150% 135% at 32% 12%, rgb(30 21 12 / 0) 58%, rgb(30 21 12 / calc(var(--umbra) * .8)) 100%);
}

html.altera :is(.tabula img, .tabula-diei img, .opus-praecipuum img, .paries .locus img, .expositio-praecipua img,
    .imago-expositionis img, .particula, .archetypum img, .imago-domus img) {
    box-shadow:
        .35rem .6rem 1.6rem -.3rem rgb(28 19 10 / var(--umbra-tabulae)),
        1px 2px 3px rgb(28 19 10 / calc(var(--umbra-tabulae) * .6));
    background-color: transparent;
}

html.altera :is(.paries, .tabula, .amplificatio, .expositio-in-catalogo, .opus-praecipuum, .tabula-diei, .expositio-praecipua) img { color: transparent; }

html.altera body {
    font-family: var(--littera);
    font-size: var(--corpus-12);
    line-height: 1.6;
    font-kerning: normal;
    font-variant-ligatures: common-ligatures;
    text-rendering: optimizeLegibility;
    hyphens: auto;
    hyphenate-limit-chars: 7 3 3;
}
html.altera :is(h1, h2, h3, .nomen, .nomen-magnum, .auctor, [lang=la], [lang=fr], [lang=nl], [lang=de], [lang=da], [lang=en], [lang=grc]) { hyphens: manual; }
html.altera :is(h1, h2, h3) { font-weight: 400; text-wrap-style: balance; }

html.altera :is(p, li, dd, figcaption, blockquote) { text-wrap-style: pretty; }
html.altera a { text-decoration-thickness: from-font; text-underline-offset: .2em; text-decoration-color: color-mix(in oklab, currentColor 30%, transparent); transition: text-decoration-color .9s ease; }
html.altera a:hover { text-decoration-color: currentColor; }
html.altera ::selection { background-color: color-mix(in oklab, var(--atramentum) 15%, transparent); }

html.altera :is(.sermo p:not(.omnes-sermonis), .paragraphus, .textus-archae > p:not([class]), .textus-fasciculi > p:not([class])) { margin: 0; }
html.altera :is(.sermo p:not(.omnes-sermonis), .paragraphus, .textus-archae > p:not([class]), .textus-fasciculi > p:not([class])) + :is(p:not(.omnes-sermonis), .paragraphus) { margin-top: 0; text-indent: 1.5em; }

html.altera :is(.actiones a, .apparatus-operis .actiones a, .apparatus-operis .ad-contemplationem, .apparatus-operis .forma-vidi button, .aspectus dt, .auctor-exempli, .bulla, .calibratio .factum, .charta-programmatis .nomen, .citatio .exscribe, .citatio dt, .deinde a, .electum, .exitus, .exitus-rari, .expositio-in-catalogo .ingressus a, .forma-vidi button, .genus-tergi, .imagines summary, .aestimatio summary, .imagines th, .index-plenus th, .ingressus-in-aulam .bulla, .inscriptio, .iter a, .iter span, .lectiones-carminis th, .limen, .limen-ultimum .bulla, .margo-expositionis .genus, .mensura, .mensura-operis .modi, .monitum, .nexus-partis, .notitia dt, .omnes a, .ordo a, .ordo summary, .ordo button, .ordo .electum, .ordo .summa, .paginae [rel], .praemonitio button, .praeparatio .peritia summary, .praeparatio-plena > summary, .primus-hodie, .radii-nota, .reliqua, .schedula .apparatus, .series-factorum summary, .stationes > .statio h2, .subtilitas, .telephonum-monitio .bulla, .testimonium .auctor, .ultimus-hospes, .verba-expositionis .ingressus, .verbum, .verte, .numerus-domus, button, summary) {
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-feature-settings: normal;
    font-style: normal;
}

html.altera .inscriptio { font-size: var(--corpus-10); line-height: 1.5; color: var(--cinis); }
html.altera :is(.inscriptio.signata, .expositio-brevis .inscriptio, .margo-expositionis .genus, .verba-expositionis .inscriptio)::before { display: none; }
html.altera :is(.expositio-in-catalogo .ingressus, .verba-expositionis .ingressus)::after { display: none; }
html.altera h2.inscriptio, html.altera section > .inscriptio:first-child:is(h2, p) { font-size: var(--corpus-14); line-height: 1.4; color: var(--atramentum); margin: 0 0 var(--versus); }

html.altera :is(.verba-diei, .verba-aulae, .epigraphe-expositionis, .responsum) { border-left: 0; padding-left: 0; }
html.altera .fons-verborum { font-size: var(--corpus-10); line-height: 1.5; color: var(--cinis); letter-spacing: 0; text-transform: none; font-style: normal; }

html.altera .titulus-originalis { max-width: var(--linea-lectionis); }
html.altera .interpretatio .verba { font-size: var(--corpus-16); line-height: 2.4; word-spacing: .12em; color: var(--atramentum); text-decoration-color: color-mix(in oklab, var(--cinis) 45%, transparent); text-underline-offset: .32em; }
html.altera .interpretatio .versio { font-size: var(--corpus-10); padding-top: var(--v-dimidium); color: var(--scriptura); }
html.altera .interpretatio .fons-verborum { margin-top: .4em; }
html.altera .interpretatio .dictio.insigne::after { color: var(--atramentum); }

html.altera .vestibulum {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .4em 1.6em;
    max-width: none;
    min-height: 0;
    margin: 0;
    padding: var(--versus) var(--margo-exterior) 0;
    font-size: var(--corpus-10);
}
html.altera .vestibulum .signum { font-size: inherit; font-style: normal; gap: .25em; margin-right: auto; }
html.altera .signum .quadratum { display: none; }
html.altera .signum .pinacotheca { color: var(--cinis); }
html.altera .nomen-pinacothecae { font-size: 1em; letter-spacing: .06em; }
html.altera .vestibulum :is(.iter, .lumina) { margin: 0; }
html.altera .vestibulum .iter { display: flex; gap: 1.4em; font-size: inherit; }
html.altera .vestibulum .lumina { font-size: var(--corpus-9); }
html.altera .iter a, html.altera .iter span { color: var(--cinis); font-size: inherit; }
html.altera .iter a:hover { color: var(--atramentum); }
html.altera .iter .conclave-operis::before { content: "· "; color: var(--cinis); }
html.altera .lumina { color: var(--cinis); opacity: .78; transition: opacity .9s ease; }
html.altera .lumina:hover, html.altera .lumina:focus-within { opacity: 1; }
html.altera .lumina button + button::before { color: currentColor; opacity: .5; }
html.altera .atrii .vestibulum .signum { visibility: hidden; }
html.altera .opus .vestibulum .numerus-operis {
    position: absolute;
    top: calc(100svh - var(--v-2));
    right: var(--margo-interior);
    font-size: var(--corpus-9);
    font-style: normal;
    color: var(--cinis);
}
html.altera .praeconium { background: none; color: var(--atramentum); font-style: normal; letter-spacing: 0; padding: var(--v-dimidium) var(--margo-exterior) 0; text-align: left; }
html.altera .primus-hodie { font-style: normal; }

html.altera .colophon {
    --atramentum: oklch(from var(--charta) .89 calc(c * .5) h);
    --scriptura: oklch(from var(--charta) .81 calc(c * .5) h);
    --cinis: oklch(from var(--charta) .68 calc(c * .6) h);
    --linea: oklch(from var(--charta) .36 calc(c * .7) h);
    margin-top: var(--v-6);
    padding: var(--v-3) 0 var(--v-2);
    background: oklch(from var(--charta) .23 calc(c * .8) h);
    border: 0;
    color: var(--scriptura);
    font-size: var(--corpus-10);
}
html.altera .colophon-corpus {
    display: grid;
    grid-template-columns: [margo-l] var(--margo-exterior) [verso] var(--bloc) [verso-finis] var(--sulcus) [recto] calc(var(--bloc) / 2) [medium] calc(var(--bloc) / 2) [recto-finis] var(--margo-exterior) [margo-r];
    gap: var(--versus) 0;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
}
html.altera .colophon-corpus::before { display: none; }
html.altera .colophon-signum { grid-column: verso / verso-finis; }
html.altera .colophon-horae { grid-column: recto / medium; padding-right: var(--margo-interior); }
html.altera .colophon-iter { grid-column: medium / recto-finis; gap: .2em; font-size: var(--corpus-12); }
html.altera :is(.colophon .dictum, .colophon .anni) { grid-column: verso / recto-finis; }
html.altera .colophon .anni { padding-top: var(--versus); border-top: 1px solid var(--linea); font-size: var(--corpus-9); letter-spacing: .02em; color: var(--cinis); }
html.altera .colophon .inscriptio { font-size: var(--corpus-10); color: var(--cinis); margin: 0 0 var(--v-dimidium); }
html.altera .colophon .signum { font-size: var(--corpus-10); font-style: normal; }
html.altera .colophon-signum .versus { font-size: var(--corpus-16); font-style: italic; color: var(--atramentum); margin-top: var(--v-dimidium); }
html.altera .colophon-horae .status { margin-top: .3em; }

html.altera :is(.atrium, main.expositio, .expositiones, .commentarius, .nusquam, .praeparatio, .scriptio, .cimeliarchium, .vigilia) {
    max-width: none;
    margin: 0;
}
html.altera :is(.expositiones, .commentarius, .nusquam, .praeparatio, .scriptio, .vigilia) { padding: 0 var(--margo-exterior) var(--v-2); }
html.altera body.nox :is(.vestibulum, .vigilia) { padding-inline: max(var(--margo-exterior), calc((100% - 42.5rem) / 2)); }

html.altera .titulus { padding-top: var(--v-3); }
html.altera .titulus h1 { font-size: var(--corpus-36); line-height: 1.06; letter-spacing: -.006em; max-width: 14em; color: var(--atramentum); }
html.altera .titulus > .inscriptio:first-child { margin-bottom: var(--v-dimidium); font-size: var(--corpus-10); color: var(--cinis); }
html.altera .titulus .artifex { margin-top: var(--v-dimidium); font-size: var(--corpus-14); color: var(--atramentum); }
html.altera .titulus .artifex .anni { color: var(--cinis); margin-left: 0; }
html.altera .titulus :is(.summa, .nomen-patrium) { margin-top: var(--v-dimidium); }
html.altera .titulus .nomen-patrium { font-size: var(--corpus-14); }

html.altera .notitia { border-top: 0; font-size: var(--corpus-10); }
html.altera .notitia > div { grid-template-columns: 9em minmax(0, 1fr); column-gap: var(--v-dimidium); padding: .45em 0 .5em; border-bottom: 1px solid color-mix(in oklab, var(--linea) 70%, transparent); }
html.altera .notitia dt { font-size: var(--corpus-10); color: var(--cinis); }
html.altera .notitia dd { font-size: var(--corpus-10); color: var(--atramentum); hyphens: manual; }
html.altera .testimonium .versio :is(i, em, cite) { font-style: normal; }
@media (min-width: 1100px) { html.altera .nomen-placitum .corpus > .vita { position: sticky; top: var(--versus); align-self: start; } }

html.altera .atrium { padding: 0; }
html.altera .atrium > :where(section) { display: grid; grid-template-columns: var(--columnae); column-gap: 0; align-items: start; padding: 0; margin: 0; }
html.altera .atrium > :where(section) > :where(*) { grid-column: verso / recto-finis; }
html.altera .atrium > :where(p) { margin: 0; padding-inline: var(--margo-exterior); }

html.altera .atrium > .limen-atrii { min-height: calc(100svh - var(--versus) * 2.6); padding: var(--v-2) 0 var(--v-2); align-items: center; }
html.altera .limen-atrii .inscriptio-atrii { grid-column: verso / verso-finis; padding-bottom: var(--v-2); }
html.altera .nomen-magnum { margin: 0 0 var(--versus); font-size: var(--corpus-48); line-height: 1.02; letter-spacing: .07em; font-weight: 400; color: var(--atramentum); }

html.altera .inscriptio-atrii .interpretatio .verba { font-size: min(var(--corpus-14), calc(var(--bloc) / 23)); }
html.altera .limen-atrii .opus-diei { grid-column: recto / margo-r; padding-right: var(--margo-interior); align-self: center; }
html.altera .opus-diei > .inscriptio { margin: 0 0 var(--v-dimidium); }
html.altera .tabula-diei { --alt: 72svh; display: block; width: fit-content; max-width: 100%; }
html.altera .tabula-diei img { width: auto; height: auto; max-width: 100%; max-height: var(--alt); }
html.altera .opus-diei figcaption { display: grid; gap: 0; margin-top: var(--versus); font-size: var(--corpus-10); line-height: 1.5; color: var(--cinis); max-width: var(--bloc); }
html.altera .opus-diei figcaption .auctor { font-size: var(--corpus-12); color: var(--atramentum); }
html.altera .opus-diei figcaption .nomen { font-size: var(--corpus-12); }
html.altera .verba-diei { margin: var(--versus) 0 0; max-width: var(--bloc); font-size: var(--corpus-12); font-style: normal; line-height: 1.5; color: var(--atramentum); }
html.altera .versio-diei { margin-top: .3em; padding-left: 0; max-width: var(--bloc); font-size: var(--corpus-10); color: var(--scriptura); }
html.altera .versio-diei .fons-verborum { margin-top: .2em; }

html.altera .in-aulis { margin-top: var(--v-2); row-gap: 0; }
html.altera .limen { display: block; margin: 0 0 var(--v-2); font-size: var(--corpus-14); color: var(--atramentum); }
html.altera .limen::before, html.altera .limen::after { display: none; }
html.altera .in-aulis > .limen { grid-column: verso / verso-finis; grid-row: 1; }

html.altera .in-aulis > .aula-nova:not([hidden]) { display: block; justify-self: start; text-align: left; gap: 0; }
html.altera .in-aulis > .aula-nova { grid-column: verso / verso-finis; grid-row: 1; align-self: end; margin: 0 0 calc(var(--v-2) - 1.9em); font-size: var(--corpus-10); color: var(--cinis); }
html.altera .in-aulis > .aula-nova .inscriptio { font-size: inherit; }
html.altera .in-aulis > .aula-nova a { color: var(--atramentum); }
html.altera .in-aulis:has(> .aula-nova:not([hidden])) > .limen { margin-bottom: 2.6em; }
html.altera .aula-nova .inscriptio { font-size: var(--corpus-10); }
html.altera .in-aulis > .expositio-praecipua { grid-column: margo-l / margo-r; grid-row: 2; display: grid; grid-template-columns: subgrid; margin: 0; }
html.altera .expositio-praecipua > a { grid-column: margo-l / margo-r; display: grid; grid-template-columns: subgrid; align-items: center; column-gap: 0; }
html.altera .expositio-praecipua .locus { grid-column: margo-l / verso-finis; padding: 0 0 0 var(--margo-interior); background: none; display: block; justify-self: end; }
html.altera .vacua-cedens { left: var(--margo-interior); }
html.altera .expositio-praecipua img { --alt: 72svh; width: auto; max-width: 100%; max-height: var(--alt); }
html.altera .expositio-praecipua .verba-expositionis { grid-column: recto / recto-finis; padding: 0; }
html.altera .verba-expositionis .inscriptio { font-size: var(--corpus-10); color: var(--cinis); }
html.altera .verba-expositionis .nomen { margin-top: var(--v-dimidium); font-size: var(--corpus-36); line-height: 1.04; color: var(--atramentum); }
html.altera .verba-expositionis .auctor { margin-top: var(--v-dimidium); font-size: var(--corpus-14); }
html.altera .verba-expositionis .summa { margin-top: .2em; font-size: var(--corpus-10); }
html.altera .verba-expositionis .ingressus { margin-top: var(--versus); font-size: var(--corpus-12); color: var(--atramentum); text-decoration: underline; text-decoration-thickness: from-font; text-underline-offset: .2em; text-decoration-color: color-mix(in oklab, currentColor 30%, transparent); }
html.altera .expositio-praecipua a:hover .ingressus { text-decoration-color: currentColor; }
html.altera .expositio-praecipua a:hover .nomen { text-decoration: none; }

html.altera .in-aulis > .programmata {
    --altitudo-aulae: 42svh;
    grid-column: verso / recto-finis;
    grid-row: 3;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: var(--v-3) calc(var(--sulcus) * .75);
    margin-top: var(--v-6);
}
@media (min-width: 1100px) {
    html.altera .in-aulis > .programmata:has(> :nth-child(4)) { --altitudo-aulae: min(32svh, max(17vw, 14rem)); flex-wrap: nowrap; justify-content: space-between; column-gap: var(--versus); }
    html.altera .programmata:has(> :nth-child(4)) .monitum-parietis { padding-inline: .5rem; hyphens: manual; }
}
html.altera .in-aulis .programma { display: flex; flex-direction: column; align-items: center; width: auto; aspect-ratio: auto; grid-column: auto; background: none; color: var(--atramentum); text-decoration: none; }
html.altera .in-aulis .programma .particula { position: static; display: block; height: var(--altitudo-aulae); width: auto; overflow: visible; background: none; line-height: 0; box-shadow: none; }
html.altera .in-aulis .programma:not(.vacua) .particula img {
    position: static; display: block; width: auto; height: 100%; max-width: 30vw;
    object-fit: contain; transform: none;
    box-shadow: .35rem .6rem 1.6rem -.3rem rgb(28 19 10 / var(--umbra-tabulae)), 1px 2px 3px rgb(28 19 10 / calc(var(--umbra-tabulae) * .6));
}
html.altera .in-aulis .programma:hover .particula img { transform: none; filter: brightness(1.04); transition: filter 1.1s ease; }
html.altera .in-aulis .charta-programmatis { padding: var(--versus) 0 0; text-align: center; max-width: 18em; }
html.altera .charta-programmatis .nomen { font-size: var(--corpus-14); font-style: normal; line-height: 1.2; color: var(--atramentum); }
html.altera .charta-programmatis .auctor { margin-top: .25em; font-size: var(--corpus-10); font-style: normal; color: var(--scriptura); }
html.altera .charta-programmatis .summa { margin-top: .1em; font-size: var(--corpus-9); color: var(--cinis); }
html.altera .charta-programmatis .secretum { margin-top: .3em; font-size: var(--corpus-9); }
html.altera .programma.vacua .nomen { color: var(--cinis); font-style: normal; }
html.altera .atrium .omnes { margin: var(--v-2) 0 0; padding: 0 var(--margo-exterior); text-align: center; font-size: var(--corpus-12); }
html.altera .omnes a { font-style: normal; color: var(--atramentum); }

html.altera .de-pinacotheca { margin-top: var(--v-4); padding-top: 0; border-top: 0; column-gap: 0; }
html.altera .de-pinacotheca > .sermo { grid-column: verso / verso-finis; }
html.altera .de-pinacotheca > .fasti { grid-column: recto / recto-finis; }
html.altera .sermo > p { max-width: var(--linea-lectionis); font-size: var(--corpus-12); line-height: 1.6; color: var(--scriptura); }
html.altera .omnes-sermonis { margin-top: var(--versus); font-style: normal; }
html.altera .fasti .anni-pinacothecae { margin: 0 0 var(--versus); font-size: var(--corpus-10); line-height: 1.5; color: var(--cinis); }
html.altera .fasti ol { margin: 0; padding: 0; list-style: none; }

html.altera .annales-expositionum { margin-top: var(--versus) !important; }
html.altera .annales-expositionum > li { display: grid; grid-template-columns: 4.2em minmax(0, 1fr); column-gap: var(--versus); align-items: baseline; padding: var(--v-dimidium) 0; border: 0; border-top: 1px solid var(--linea); }
html.altera .annales-expositionum > li:last-child { border-bottom: 1px solid var(--linea); }
html.altera .annales-expositionum > li + li { margin-top: 0; }
html.altera .annales-expositionum .annus { font-size: var(--corpus-12); line-height: 1.3; font-variant-numeric: oldstyle-nums; color: var(--cinis); }
html.altera .titulus-annalium { font-size: var(--corpus-12); line-height: 1.3; }
html.altera .titulus-annalium a { color: inherit; text-decoration: none; }
html.altera .titulus-annalium .nomen { font-size: inherit; color: var(--atramentum); margin: 0; }
html.altera .titulus-annalium .nomen-originale { white-space: nowrap; font-size: var(--corpus-10); font-style: italic; color: var(--scriptura); hyphens: none; }
html.altera .res-annalium :is(.auctor, .dies) { margin: 0; white-space: nowrap; }
html.altera .res-annalium .auctor { color: var(--scriptura); }
html.altera .titulus-annalium a:hover .nomen { text-decoration: underline; text-decoration-thickness: from-font; text-underline-offset: .18em; }
html.altera .res-annalium .dies-aperturae { margin-top: .2em; font-size: var(--corpus-9); color: var(--cinis); }
html.altera .res-annalium .nuntius { margin-top: var(--v-dimidium); font-size: var(--corpus-10); line-height: 1.55; color: var(--scriptura); text-wrap: pretty; }

html.altera .atrium > .clausula { display: block; margin-top: var(--v-6); padding: 0 var(--margo-exterior); text-align: center; }
html.altera .clausula .titulus-originalis { margin-inline: auto; max-width: none; justify-items: center; }
html.altera .clausula .interpretatio .verba { font-size: var(--corpus-16); letter-spacing: .1em; line-height: 3; word-spacing: .2em; text-decoration: none; justify-content: center; }
html.altera .clausula .interpretatio .verba::before, html.altera .clausula .interpretatio .verba::after { border-top-color: var(--linea); width: var(--v-2); }
html.altera .clausula .dictio[data-glossa]::after { font-size: .62em; top: calc(100% + .1em); color: var(--scriptura); }
html.altera .clausula :is(.versio) { font-size: var(--corpus-12); color: var(--scriptura); opacity: 1; }
html.altera .clausula .fons-verborum { font-size: var(--corpus-10); color: var(--cinis); }

html.altera .expositiones { padding: 0; }
html.altera .expositiones > .titulus { padding-inline: var(--margo-exterior); }
html.altera .expositio-in-catalogo {
    grid-template-columns: var(--columnae);
    column-gap: 0;
    align-items: center;
    padding: var(--v-4) 0 0;
    border-top: 0;
}
html.altera .margo-expositionis { grid-column: recto / recto-finis; grid-row: 1; align-self: end; flex-direction: row; gap: .6em; margin-bottom: var(--v-dimidium); }
html.altera .margo-expositionis .annus { font-size: var(--corpus-10); line-height: 1.5; color: var(--cinis); }
html.altera .margo-expositionis .genus { font-size: var(--corpus-10); font-style: normal; color: var(--cinis); }
html.altera .margo-expositionis .annus::after { content: " ·"; }
html.altera .imago-expositionis { grid-column: verso / verso-finis; grid-row: 1 / span 2; justify-self: end; --alt: 64svh; width: min(100%, calc(var(--alt) * var(--r))); }
html.altera .expositio-in-catalogo .verba-expositionis { grid-column: recto / recto-finis; grid-row: 2; align-self: start; }
html.altera .expositio-in-catalogo .nomen { font-size: var(--corpus-28); line-height: 1.06; }
html.altera .expositio-in-catalogo .auctor { margin-top: var(--v-dimidium); font-size: var(--corpus-14); color: var(--atramentum); }
html.altera .expositio-in-catalogo .epigraphe-expositionis { margin-top: var(--versus); padding: 0; border: 0; }
html.altera .expositio-in-catalogo .epigraphe-expositionis > span:first-child { display: block; font-style: normal; font-size: var(--corpus-12); line-height: 1.45; color: var(--atramentum); }
html.altera .expositio-in-catalogo .epigraphe-expositionis .versio { display: block; margin-top: .3em; font-size: var(--corpus-10); line-height: 1.5; color: var(--cinis); }
html.altera .expositio-in-catalogo .summa { margin-top: var(--versus); font-size: var(--corpus-10); color: var(--cinis); }
html.altera .expositio-in-catalogo .zophorus { margin-top: var(--v-dimidium); }
html.altera .expositio-in-catalogo .ingressus { margin-top: var(--versus); }
html.altera .expositio-in-catalogo .ingressus a { font-style: normal; font-size: var(--corpus-12); color: var(--atramentum); }
html.altera .catalogus-expositionum { margin: 0; }

html.altera main.expositio {
    display: grid;
    grid-template-columns: var(--columnae);
    column-gap: 0;
    align-items: start;
    padding: 0;
}
html.altera main.expositio > .frons { grid-column: margo-l / margo-r; display: grid; grid-template-columns: subgrid; align-items: start; }
html.altera .frons > .titulus { grid-column: verso / verso-finis; grid-row: 1; padding-top: var(--v-3); min-height: 0; }
html.altera main.expositio > .prooemium { display: contents; }

html.altera .frons > .opus-praecipuum { grid-column: recto / margo-r; grid-row: 1; padding: var(--v-3) var(--margo-interior) 0 0; position: sticky; top: 0; align-self: start; }
html.altera .frons > .opus-praecipuum.lata { grid-column: margo-l / margo-r; padding-inline: var(--margo-interior); position: static; }
html.altera .frons:has(> .opus-praecipuum.lata) > .titulus { grid-row: 2; }
html.altera .expositio .opus-praecipuum > a { display: block; width: fit-content; max-width: 100%; line-height: 0; }
html.altera .expositio .opus-praecipuum img { --alt: 82svh; width: auto; height: auto; max-width: 100%; max-height: var(--alt); }
html.altera .expositio .opus-praecipuum.lata > a { margin-inline: auto; }
html.altera .expositio .opus-praecipuum figcaption { margin-top: var(--versus); font-size: var(--corpus-10); color: var(--cinis); }
html.altera .expositio .opus-praecipuum.lata figcaption { text-align: center; }
html.altera .opus-praecipuum .nomen { font-style: italic; color: var(--atramentum); }

html.altera main.expositio .prooemium > .textus { grid-column: verso / recto-finis; grid-row: auto; display: grid; grid-template-columns: var(--bloc) var(--sulcus) var(--bloc); column-gap: 0; align-items: start; margin-top: var(--v-4); }

html.altera main.expositio .textus > .lectio { grid-column: 1; grid-row: 1; }
html.altera main.expositio .textus > .marginalia { grid-column: 3; grid-row: 1 / span 2; }
html.altera main.expositio .textus > :not(.lectio, .marginalia) { grid-column: 1; grid-row: 2; margin-top: var(--v-3); }
html.altera main.expositio .textus > .lectio:empty + .marginalia + * { grid-row: 1; margin-top: 0; }
html.altera main.expositio .lectio > * + * { margin-top: var(--v-2); }
html.altera main.expositio .marginalia > * + * { margin-top: var(--v-2); }
html.altera main.expositio .marginalia > * { max-width: none; }
html.altera main.expositio :is(.lectio, .marginalia) > :first-child { margin-top: 0; }
html.altera .verbum-prooemii blockquote { font-size: var(--corpus-14); line-height: 1.5; color: var(--atramentum); }
html.altera .verbum-prooemii .versio { margin-top: var(--v-dimidium); font-size: var(--corpus-12); font-style: italic; line-height: 1.55; color: var(--scriptura); }
html.altera .verbum-prooemii .fons-verborum { margin-top: .4em; }
html.altera main.expositio .paragraphus { font-size: var(--corpus-12); line-height: 1.6; color: var(--scriptura); max-width: var(--linea-lectionis); }

html.altera .titulus .delectus { margin-top: var(--v-2); max-width: var(--linea-lectionis); }
html.altera .titulus .delectus .inscriptio { margin: 0 0 var(--v-dimidium); font-size: var(--corpus-14); color: var(--atramentum); }
html.altera .titulus .delectus p:not(.inscriptio) { font-size: var(--corpus-12); line-height: 1.6; color: var(--scriptura); }
html.altera .titulus .delectus p + p { margin-top: var(--v-dimidium); }
html.altera .titulus .delectus .gradus-delectus { padding-left: 0; text-indent: 0; }

html.altera .titulus .delectus a { color: var(--atramentum); font-style: italic; background-image: none; text-decoration: underline; text-decoration-color: transparent; }
html.altera .titulus .delectus a:hover { text-decoration-color: currentColor; }
html.altera main.expositio .titulus .titulus-originalis .verba { font-size: var(--corpus-16); }

html.altera .appendices { margin-top: 0; }
html.altera .appendices ol { margin: 0; padding: 0; }
html.altera .appendices li { grid-template-columns: 2.6em minmax(0, 1fr); padding: .55em 0 .6em; border-color: color-mix(in oklab, var(--linea) 70%, transparent); font-size: var(--corpus-12); }
html.altera .appendices .numerus { font-style: normal; color: var(--cinis); }
html.altera .appendices .argumentum { font-size: var(--corpus-10); line-height: 1.5; color: var(--cinis); }
html.altera .musica-aulae .nota-musicae { margin-top: var(--v-dimidium); font-size: var(--corpus-10); line-height: 1.55; color: var(--scriptura); }

html.altera main.expositio > :is(.ordo, .planum, .paries, .paginae, .aula-expositionis) { grid-column: verso / recto-finis; }
html.altera .ordo { margin-top: var(--v-6); padding: 0; border: 0; font-size: var(--corpus-10); }
html.altera .ordo .electum { box-shadow: none; text-decoration: underline; text-decoration-thickness: from-font; text-underline-offset: .2em; color: var(--atramentum); }
html.altera .ordo .mensura { display: none; }
html.altera .planum { border-top: 0; margin-top: var(--versus); }
html.altera .planum a { border-bottom: 1px solid color-mix(in oklab, var(--linea) 70%, transparent); }
html.altera :is(.planum, .explicatio-aulae) .numerus-aulae { color: var(--cinis); font-style: normal; }
html.altera .aula-expositionis { margin-top: var(--v-6); }

html.altera .explicatio-aulae { border-top: 0; padding-top: 0; grid-template-columns: var(--bloc) var(--sulcus) var(--bloc); column-gap: 0; row-gap: 0; }
html.altera .explicatio-aulae > .numerus-aulae { grid-column: 1; grid-row: 1; font-size: var(--corpus-14); line-height: 1.4; }
html.altera .explicatio-aulae > div { grid-column: 1; grid-row: 2; }
html.altera .explicatio-aulae > .verba-aulae { grid-column: 3; grid-row: 1 / span 2; align-self: end; }
html.altera .explicatio-aulae > .musica { grid-column: 3; grid-row: 1 / span 2; align-self: end; }
html.altera .explicatio-aulae:has(> .verba-aulae) > .musica { grid-row: 3; margin-top: var(--versus); }
html.altera .explicatio-aulae .loca-aulae { margin-top: var(--v-dimidium); font-size: var(--corpus-10); color: var(--cinis); }
html.altera .explicatio-aulae h2 { font-size: var(--corpus-24); }
html.altera .verba-aulae blockquote { font-size: var(--corpus-12); font-style: normal; color: var(--atramentum); }

html.altera .paries, html.altera .paries.ad-mensuram {
    --k: 48svh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 12svh 3.6vw;
    margin: 0;
    padding: var(--v-3) 0 var(--v-4);
    list-style: none;
    grid-template-columns: none;
}
html.altera .paries::before { display: none; }
html.altera .paries .tabella { position: relative; flex: 0 0 auto; width: auto; container-type: normal; grid-column: auto; }
html.altera .paries .tabella.sine-mensura { display: block; }
html.altera .paries .tabella > a { display: block; }
html.altera .paries .locus { display: block; height: auto; line-height: 0; background: none; }
html.altera .paries .locus img { height: calc(var(--k) * var(--h, calc(var(--altitudo-operis, 60) / var(--altitudo-maxima, 60)))); width: auto; max-width: none; max-height: none; object-fit: initial; }
html.altera .paries.ad-mensuram .locus img { height: calc(var(--k) * var(--altitudo-operis, 60) / var(--altitudo-maxima, 60)); }
html.altera .paries .tabella.praecipua .titulus-praecipui:not(.in-pariete) { display: none; }
html.altera .paries .lemma {
    position: absolute; top: 100%; left: 50%; translate: -50% 0;
    width: max(100%, 13em); max-width: 17em; min-height: 0; margin-top: 1em;
    text-align: center; font-size: var(--corpus-9); line-height: 1.4; color: var(--cinis); hyphens: manual;
}
html.altera .paries .lemma .nomen { display: inline; font-style: italic; color: var(--cinis); -webkit-line-clamp: none; }
html.altera .paries .lemma .annus { display: inline; margin: 0; font-size: inherit; }
html.altera .paries .lemma .annus::before { content: ", "; }
html.altera .paries a:hover .lemma :is(.nomen, .annus) { color: var(--atramentum); }
html.altera .paries a:hover img { filter: brightness(1.04); transition: filter 1.1s ease; }
html.altera .tabella.reditus .locus img { outline: 1px solid var(--cinis); outline-offset: 10px; }
html.altera .paginae { margin-top: var(--v-2); }

html.altera .aula:not(.epilogus) {
    position: relative;
    display: grid;
    grid-template-columns: var(--columnae);
    column-gap: 0;
    grid-template-rows: auto auto auto;
    align-items: start;
    min-height: 0;
    padding: var(--v-dimidium) 0 0;
}
html.altera .aula:not(.epilogus) > figure.tabula { display: contents; }
html.altera .aula:not(.epilogus) .amplificatio, html.altera .aula:not(.epilogus) > figure.tabula:not(.schedula-ad-latus) .amplificatio {
    grid-column: margo-l / margo-r; grid-row: 1; justify-self: center; padding: 0; position: relative;
}

html.altera .aula:not(.epilogus) .amplificatio img { width: auto; height: auto; max-height: var(--alt-aulae); max-width: var(--lat-aulae); }

html.altera .aula:not(.epilogus) {
    --altitudo-oculi: .44;
    --alt-aulae: calc(100svh - var(--versus) * 5);
    --lat-aulae: calc(100vw - var(--margo-interior) * 2);
    --alt-imaginis: min(var(--alt-aulae), calc(var(--lat-aulae) / var(--r, 1.3)));
}
html.altera .aula:not(.epilogus) .amplificatio { height: var(--alt-aulae); }
html.altera .aula:not(.epilogus) .amplificatio img {
    margin-top: clamp(0px, calc(var(--alt-aulae) * var(--altitudo-oculi) - var(--oculus, .5) * var(--alt-imaginis)), calc(var(--alt-aulae) - var(--alt-imaginis)));
}
html.altera .aula:not(.epilogus) .schedula, html.altera .aula:not(.epilogus) > figure.tabula:not(.schedula-ad-latus) .schedula {
    grid-column: verso / recto-finis; grid-row: 2; margin-top: var(--v-3);
    display: grid; grid-template-columns: var(--bloc) var(--sulcus) var(--bloc); column-gap: 0; align-items: start;
    contain: none; font-size: var(--corpus-12); line-height: 1.55; color: var(--scriptura);
}
html.altera .aula:not(.epilogus) .schedula > .caput { grid-column: 1; grid-row: 1 / span 6; }
html.altera .aula:not(.epilogus) .schedula > :not(.caput) { grid-column: 3; }
html.altera .schedula .auctor { font-size: var(--corpus-14); color: var(--atramentum); }
html.altera .schedula .patria { margin-bottom: var(--versus); font-size: var(--corpus-10); color: var(--cinis); }
html.altera .aula:not(.epilogus) .schedula .nomen { font-size: var(--corpus-28); line-height: 1.12; font-style: italic; color: var(--atramentum); max-width: 13em; }
html.altera .schedula .nomen-originale { margin-top: var(--v-dimidium); font-size: var(--corpus-12); color: var(--atramentum); font-style: italic; }
html.altera .schedula .annus { margin-top: .2em; font-size: var(--corpus-12); color: var(--atramentum); }
html.altera .interlinearis { column-gap: .45em; row-gap: .3em; }
html.altera .interlinearis .vox::after { font-size: .62em; font-style: italic; letter-spacing: 0; color: var(--cinis); opacity: 1; }
html.altera .catalogus { margin-top: 0; padding: 0; border: 0; color: var(--cinis); font-size: var(--corpus-12); }
html.altera .catalogus :is(.materia, .custodia) { color: var(--scriptura); }
html.altera .catalogus p + p { margin-top: .15em; }
html.altera .catalogus .fons { font-size: var(--corpus-9); }
html.altera .aula:not(.epilogus) .schedula .apparatus { margin-top: var(--versus); padding: 0; border: 0; font-size: var(--corpus-10); }
html.altera .aula:not(.epilogus) .schedula .apparatus + .apparatus { margin-top: .3em; }
html.altera .schedula .apparatus a { color: var(--scriptura); }
html.altera .ad-mensuram-operis { display: inline; margin-left: .6em; font-style: normal; color: var(--atramentum); }

html.altera .aula:not(.epilogus) .sagitta { grid-row: 3; align-self: start; padding-top: var(--v-2); color: var(--atramentum); font-style: normal; font-size: var(--corpus-10); }
html.altera .aula:not(.epilogus) .sagitta.retro { grid-column: verso / verso-finis; justify-self: start; }
html.altera .aula:not(.epilogus) .sagitta.porro { grid-column: recto / recto-finis; justify-self: end; }
html.altera .aula:not(.epilogus) .sagitta svg { display: none; }
html.altera .aula:not(.epilogus) .sagitta .verbum { display: inline; color: inherit; font-size: inherit; text-decoration: underline; text-decoration-thickness: from-font; text-underline-offset: .2em; text-decoration-color: color-mix(in oklab, currentColor 30%, transparent); }
html.altera .aula:not(.epilogus) .sagitta:hover .verbum { text-decoration-color: currentColor; }
html.altera .aula:not(.epilogus).exspectat .amplificatio::after { background-color: var(--cinis); }

html.altera .aula.epilogus { grid-template-columns: var(--margo-exterior) minmax(0, 1fr) var(--margo-exterior); }
html.altera .aula.epilogus .sagitta { justify-content: center; font-style: normal; font-size: var(--corpus-10); color: var(--atramentum); }
html.altera .aula.epilogus .sagitta svg { display: none; }
html.altera .aula.epilogus .sagitta .verbum { display: inline; color: inherit; font-size: inherit; text-decoration: underline; text-decoration-thickness: from-font; text-underline-offset: .2em; text-decoration-color: color-mix(in oklab, currentColor 30%, transparent); }

html.altera :is(.verba-artificis, .archetypum, .inscriptiones-operis) {
    max-width: none;
    margin: var(--v-3) 0 0;
    padding: 0 var(--margo-exterior);
    display: grid;
    grid-template-columns: var(--bloc) var(--sulcus) var(--bloc);
    column-gap: 0;
    border: 0;
}
html.altera :is(.verba-artificis, .archetypum, .inscriptiones-operis) > * { grid-column: 1; }
html.altera :is(.verba-artificis, .archetypum, .inscriptiones-operis) > .inscriptio { padding-top: 0; border-top: 0; }
html.altera .verba-artificis blockquote { font-size: var(--corpus-14); font-style: normal; line-height: 1.5; color: var(--atramentum); }
html.altera .verba-artificis .versio { margin-top: var(--v-dimidium); }
html.altera .archetypum figure { grid-column: 1 / -1; grid-template-columns: var(--bloc) var(--bloc); column-gap: var(--sulcus); }
html.altera .apparatus-operis {
    max-width: none;
    margin: var(--v-4) 0 0;
    padding: 0 var(--margo-exterior);
    display: grid;
    grid-template-columns: var(--bloc) var(--sulcus) var(--bloc);
    gap: var(--v-3) 0;
    border-top: 0;
}
html.altera .apparatus-operis > .contemplatio-operis { grid-column: 1; }
html.altera .apparatus-operis > .vidi { grid-column: 3; grid-row: 1; }
html.altera .apparatus-operis > .liber-hospitum { grid-column: 1 / -1; }
html.altera .apparatus-operis > section { padding-top: 0; border-top: 0; }
html.altera .apparatus-operis :is(p, .series-annorum) { font-size: var(--corpus-10); line-height: 1.55; }
html.altera .ad-contemplationem { font: inherit; font-style: normal; color: var(--atramentum); background: none; border: 0; padding: 0; text-decoration: underline; text-decoration-thickness: from-font; text-underline-offset: .2em; text-decoration-color: color-mix(in oklab, currentColor 30%, transparent); cursor: pointer; }
html.altera .ad-contemplationem .signum-contemplationis { display: none; }
html.altera :is(.forma-vidi button, .forma-vidi select) { font: inherit; }
html.altera .actiones { display: flex; gap: 1.6em; }

html.altera :is(.spectaculum, .contemplatio)::backdrop { background-color: rgb(14 10 7 / .965); }
html.altera :is(.spectaculum .monitum, .spectaculum .subtilitas, .spectaculum .nexus-partis) { font-style: normal; letter-spacing: 0; text-transform: none; }
html.altera .mensura-operis { background-color: var(--charta); color: var(--scriptura); }
html.altera .mensura-operis::backdrop { background-color: var(--charta); }
html.altera .mensura-operis .modi button[aria-pressed="true"] { box-shadow: none; text-decoration: underline; text-decoration-thickness: from-font; text-underline-offset: .2em; }

html.altera .praemonitio {
    width: min(calc(100vw - 32px), 40rem);
    padding: var(--v-dimidium) var(--versus) calc(var(--v-dimidium) + .2rem);
    background-color: var(--charta);
    color: var(--atramentum);
    border: 0;
    box-shadow: .35rem 1.2rem 3rem -1.2rem rgb(28 19 10 / .45), 0 0 0 1px color-mix(in oklab, var(--linea) 60%, transparent);
    font-size: var(--corpus-10);
    font-style: normal;
}
html.altera .praemonitio :is(i, .numerus) { color: var(--atramentum); }
html.altera .praemonitio-actiones { gap: 1.4em; }
html.altera .praemonitio button, html.altera .praemonitio button.sic {
    padding: 0; border: 0; background: none; color: var(--atramentum); font: inherit; font-style: normal;
    text-decoration: underline; text-decoration-thickness: from-font; text-underline-offset: .2em; text-decoration-color: color-mix(in oklab, currentColor 30%, transparent); cursor: pointer;
}
html.altera .praemonitio button:hover { background: none; text-decoration-color: currentColor; }
html.altera .praemonitio button.non { color: var(--cinis); }
html.altera .praemonitio button:focus-visible { outline-color: var(--atramentum); }
html.altera .praemonitio-tempus { background-color: var(--cinis); height: 1px; }
html.altera body.nox .praemonitio {
    background-color: #1C1B19;
    color: var(--scriptura);
    box-shadow: 0 1.2rem 3rem -1.2rem rgb(0 0 0 / .8), 0 0 0 1px var(--linea);
}
html.altera .musica .sonus { color: var(--atramentum); }

html.altera main.scriptio.epistula { display: block; padding-bottom: var(--v-4); }
html.altera main.scriptio.epistula > * { max-width: calc(var(--bloc) * 1.5); }
html.altera main.scriptio.epistula .quaestio { font-size: var(--corpus-12); line-height: 1.6; color: var(--scriptura); max-width: var(--linea-lectionis); }
html.altera main.scriptio.epistula textarea { width: 100%; min-height: 14em; font: inherit; font-size: var(--corpus-12); line-height: 1.6; padding: var(--v-dimidium) var(--versus); background: oklch(from var(--charta) calc(l + .03) c h); border: 1px solid var(--linea); color: var(--atramentum); }
html.altera main.scriptio.epistula textarea:focus { border-color: var(--atramentum); outline: none; }
html.altera main.scriptio.epistula .adnotatio { font-size: var(--corpus-10); color: var(--cinis); }
html.altera main.scriptio.epistula .missio { display: flex; align-items: center; justify-content: space-between; gap: var(--versus); flex-wrap: wrap; margin-top: var(--versus); }
html.altera main.scriptio.epistula .bulla { font-style: normal; font-size: var(--corpus-12); padding: .5em 1.6em; border: 1px solid var(--atramentum); background: none; color: var(--atramentum); cursor: pointer; }
html.altera main.scriptio.epistula .bulla:hover { background: var(--atramentum); color: var(--charta); }
html.altera main.scriptio.epistula .emendationes-omnes { margin-top: var(--v-4); }
html.altera .notitia.corrigenda { max-width: calc(var(--bloc) * 1.5); }
html.altera .notitia.corrigenda > div { display: grid; grid-template-columns: 11em 1fr; column-gap: var(--versus); }
html.altera .notitia.corrigenda dd { max-width: none; font-size: var(--corpus-12); line-height: 1.55; }

html.altera :is(.in-aulis .programma.vacua .particula, .imago-cognati.vacua, .paries-vacuus, .vacua-cedens) {
    --vestigium-fundus: oklch(from var(--charta) calc(l + .013) calc(c * .8) h);
    display: flex;
    flex-direction: column;
    align-items: center;
    background: none;
    box-shadow: none;
}
html.altera .in-aulis .programma.vacua .particula { height: var(--altitudo-aulae); width: calc(var(--altitudo-aulae) * .8); }
html.altera .imago-cognati.vacua { padding-top: 1.4rem; }
html.altera :is(.in-aulis .programma.vacua .particula, .imago-cognati.vacua, .paries-vacuus, .vacua-cedens) .vestigium {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    border: 0;
    aspect-ratio: auto;
    background:
        linear-gradient(to bottom, rgb(78 58 38 / .17), rgb(78 58 38 / .07) .16rem, rgb(78 58 38 / 0) .8rem),
        linear-gradient(to right, rgb(78 58 38 / .045), rgb(78 58 38 / 0) .35rem, rgb(78 58 38 / 0) calc(100% - .35rem), rgb(78 58 38 / .045)),
        radial-gradient(ellipse 120% 90% at 22% 0%, rgb(255 251 242 / .16), rgb(255 251 242 / 0) 70%),
        var(--vestigium-fundus);
    box-shadow:
        0 0 .25rem .05rem oklch(from var(--charta) calc(l - .02) calc(c * 1.15) h / .55),
        0 0 1.4rem .25rem oklch(from var(--charta) calc(l - .03) calc(c * 1.25) h / .35),
        -1.6rem 2.2rem .6rem 1rem oklch(from var(--charta) calc(l + .009) calc(c * .85) h / .6);
}

html.altera .commentarius.fasciculus .cognata .imago-cognati.vacua .vestigium { width: 62%; height: auto; aspect-ratio: var(--forma, 4 / 5); }
html.altera :is(.in-aulis .programma.vacua .particula, .imago-cognati.vacua, .paries-vacuus, .vacua-cedens) .clavus {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    width: .62rem;
    height: .62rem;

    margin: -1.45rem auto .83rem;
    border-radius: 50%;
    background: radial-gradient(circle at 34% 30%, #EFE8D8 0 7%, #9A9282 20%, #575045 52%, #2E2A24 80%);
    box-shadow:
        inset -.05rem -.08rem .1rem rgb(0 0 0 / .35),
        .1rem .16rem .14rem rgb(28 19 10 / .38),
        .32rem .5rem .7rem -.12rem rgb(28 19 10 / .2);
}
html.altera.lychni :is(.in-aulis .programma.vacua, .in-aulis .programma.vacua .particula) { background: none; }

html.altera.lychni .in-aulis .programma:not(.vacua) { --atramentum: inherit; --scriptura: inherit; --cinis: inherit; --linea: inherit; --fundus: inherit; color-scheme: inherit; box-shadow: none; background: none; }
html.altera.lychni :is(.in-aulis .programma.vacua .particula, .imago-cognati.vacua, .paries-vacuus, .vacua-cedens) .vestigium {
    background:
        linear-gradient(to bottom, rgb(0 0 0 / .28), rgb(0 0 0 / 0) .6rem),
        radial-gradient(ellipse 120% 90% at 22% 0%, rgb(255 226 186 / .07), rgb(255 226 186 / 0) 70%),
        oklch(from var(--charta) calc(l + .045) calc(c * .7) h);
}
html.altera .nusquam .paries-vacuus { padding-top: 1.45rem; }

html.altera main.nusquam .lacuna .murus .paries-vacuus .vestigium { height: auto; aspect-ratio: var(--forma, 4 / 5); }

html.altera .in-aulis .programma.vacua .particula { position: relative; overflow: visible; }
html.altera .in-aulis .programma.vacua .vestigium { opacity: .55; }
html.altera .programma.vacua .monitum-parietis {
    position: absolute; z-index: 1; left: 50%; top: 46%; translate: -50% -50%;
    width: min(15.5rem, 92%); padding: 1.15rem 1.2rem 1.2rem;
    background: oklch(from var(--charta) calc(l + .045) calc(c * .35) h);
    box-shadow: .1rem .2rem .45rem -.12rem rgb(28 19 10 / .3), 0 0 0 1px rgb(28 19 10 / .05);
    font-size: var(--corpus-9); line-height: 1.5; text-align: center; color: var(--scriptura);
    text-wrap: balance;
}
html.altera .programma.vacua .monitum-parietis > span { display: block; }
html.altera.lychni .programma.vacua .monitum-parietis { background: oklch(from var(--charta) calc(l + .1) calc(c * .5) h); color: var(--scriptura); }
html.altera .programma.vacua .charta-programmatis .nomen { font-style: normal; color: var(--atramentum); }

html.altera .imago-cognati.vacua figcaption { margin-top: var(--v-dimidium); font-size: var(--corpus-9); font-style: normal; color: var(--cinis); }

html.altera :is(.interpretatio .verba, .lumen-in-pagina .verba, .in-situ-nota, .epigraphe-expositionis, .lumina, .charta-programmatis .secretum, .series-annorum.vacuum, .nihil-emendatum, .vestigium-statio) { font-style: normal; }
html.altera :is(.versio-diei, .expositio-in-catalogo .epigraphe-expositionis .versio, .interpretatio .versio, .lumen-in-pagina .versio) { font-style: italic; }
html.altera :is(b, strong) { font-weight: 400; font-style: italic; }
html.altera .lemma-bramseni .numerus { font-weight: 700; }

html.altera .inspectio {
    position: fixed;
    top: 50%;
    left: var(--margo-interior);
    z-index: 30;
    margin: 0;
    padding: var(--v-dimidium) var(--v-dimidium) calc(var(--v-dimidium) * .8);
    background-color: var(--charta);
    box-shadow: .6rem 1.2rem 3.2rem -1rem rgb(28 19 10 / .42), 0 0 0 1px color-mix(in oklab, var(--linea) 55%, transparent);
    pointer-events: none;
    opacity: 0;
    translate: 0 -48%;
    transition: opacity .35s ease, translate .5s cubic-bezier(.22, .61, .36, 1);
}
html.altera .inspectio.dextra { left: auto; right: var(--margo-interior); }
html.altera .inspectio.adest { opacity: 1; translate: 0 -50%; }
html.altera .inspectio img { display: block; width: auto; height: auto; max-width: min(42vw, 44rem); max-height: 72svh; }
html.altera .inspectio figcaption { margin-top: .5em; max-width: min(42vw, 44rem); font-size: var(--corpus-10); line-height: 1.4; color: var(--cinis); }
html.altera .inspectio figcaption:empty { display: none; }
html.altera .inspectio i { color: var(--atramentum); }
@media (prefers-reduced-motion: reduce) { html.altera .inspectio { transition: none; } }

html.altera .index-operum a { grid-template-columns: 5.5rem 2.2em minmax(0, 1fr); column-gap: var(--v-dimidium); align-items: start; padding: .55em 0; }
html.altera .index-operum img { width: auto; height: auto; max-width: 5.5rem; max-height: 4.5rem; background: none; box-shadow: .15rem .25rem .6rem -.15rem rgb(28 19 10 / calc(var(--umbra-tabulae) * .8)); }
html.altera .index-operum :is(.nomen-originale, .numeri) { font-size: var(--corpus-9); }
html.altera .index-operum .numerus { padding-top: .1em; color: var(--cinis); font-style: normal; }
html.altera .index-operum .nomen { font-size: var(--corpus-12); color: var(--atramentum); }

html.altera .tabula-locorum { grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); column-gap: var(--margo-interior); align-items: start; }
html.altera .charta-urbis { position: sticky; top: var(--versus); }
html.altera .tabulae-index { max-height: none; overflow: visible; }
html.altera .tabulae-index .statio { padding: var(--v-dimidium) 0; }
html.altera .statio h2 { font-size: var(--corpus-14); }
html.altera .statio .accuratio { font-size: var(--corpus-9); }
html.altera .statio blockquote, html.altera .statio .versio { font-size: var(--corpus-10); }
html.altera :is(.extra-urbem, .loca-ignota) { max-width: none; margin-top: var(--v-4); }
html.altera .signum-loci .titulus-loci { font-size: var(--corpus-9); }
html.altera .index-partium ol { display: flex; flex-wrap: wrap; gap: .3em 2.2em; margin-top: var(--versus); font-size: var(--corpus-10); }
html.altera .index-partium a { text-decoration: none; color: var(--atramentum); }
html.altera .index-partium a:hover { text-decoration: underline; }
html.altera .index-partium .numerus { margin-right: .4em; color: var(--cinis); }
html.altera .index-partium .anni { margin-left: .5em; font-size: var(--corpus-9); color: var(--cinis); }
html.altera .pars-locorum { margin-top: var(--v-4); scroll-margin-top: var(--versus); }
html.altera .caput-partis { padding-bottom: var(--versus); border-bottom: 1px solid var(--linea); }
html.altera .caput-partis h2 { margin-top: .15em; font-size: var(--corpus-28); line-height: 1.1; color: var(--atramentum); }
html.altera .loca-temporis .tabula-locorum { grid-template-columns: minmax(0, 1.22fr) minmax(0, 1fr); column-gap: var(--margo-interior); margin-top: var(--v-2); }
html.altera .charta-temporis { position: sticky; top: var(--v-dimidium); width: min(100%, calc((100svh - var(--v-4)) * var(--r))); }
html.altera .folium-chartae { box-shadow: .3rem .5rem 1.4rem -.4rem rgb(28 19 10 / calc(var(--umbra-tabulae) * .7)), 0 0 0 1px rgb(28 19 10 / .08); }
html.altera .folium-chartae img { filter: saturate(.82) sepia(.06); }
html.altera.lychni .folium-chartae img { filter: saturate(.75) sepia(.06) brightness(.84); }
html.altera .charta-temporis figcaption { margin-top: var(--v-dimidium); font-size: var(--corpus-9); line-height: 1.5; color: var(--cinis); }
html.altera .charta-temporis figcaption :is(i, cite) { color: var(--scriptura); }
html.altera .signum-loci.anulus a { width: 2rem; height: 2rem; border-width: 1.5px; transition: border-width .35s ease, transform .35s ease; }
html.altera .signum-loci.anulus a:is(:hover, :focus-visible), html.altera .signum-loci.anulus:is(.lucet, .praesens) a { border-width: 2.6px; transform: scale(1.08); }
html.altera .signum-loci.anulus .titulus-loci { font-size: var(--corpus-9); color: rgb(40 24 12); background-color: rgb(244 236 218 / .94); box-shadow: 0 0 0 1px rgb(52 34 20 / .25); }
html.altera .signum-loci.anulus.praesens .titulus-loci { opacity: 1; }
html.altera .signum-loci.anulus.ad-dextram .titulus-loci { left: auto; right: 0; transform: none; }
html.altera .signum-loci.anulus.ad-sinistram .titulus-loci { left: 0; transform: none; }
html.altera .signum-loci.anulus.infra .titulus-loci { bottom: auto; top: calc(100% + 6px); }
html.altera .fenestra-chartae span { font-size: var(--corpus-8); }
html.altera .fenestra-chartae a:hover { border-style: solid; }
html.altera .loca-temporis .tabulae-index { border-top: 0; }
html.altera .loca-temporis .statio { padding: var(--v-2) 0 var(--v-2); border-bottom: 0; border-top: 1px solid var(--linea); scroll-margin-top: var(--versus); }
html.altera .loca-temporis .tabulae-index > :first-child { border-top: 0; padding-top: 0; }
html.altera .loca-temporis .statio h3 { margin-top: .2em; font-size: var(--corpus-20); font-weight: 400; line-height: 1.15; color: var(--atramentum); }
html.altera .loca-temporis .nomen-chartae { margin-left: .35em; font-size: var(--corpus-12); color: var(--cinis); }
html.altera .loca-temporis .statio .accuratio { margin-top: var(--v-dimidium); font-size: var(--corpus-9); line-height: 1.5; color: var(--cinis); }
html.altera .opera-loci { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--versus) var(--versus); margin-top: var(--versus); }
html.altera .opus-loci { flex: 1 1 calc(50% - var(--versus)); max-width: 100%; }
html.altera .opera-loci:not(.plura) .opus-loci { flex-basis: 100%; }
html.altera .opus-loci > a { display: block; line-height: 0; }
html.altera .opus-loci img { width: auto; max-width: 100%; max-height: 62svh; box-shadow: .35rem .6rem 1.6rem -.3rem rgb(28 19 10 / var(--umbra-tabulae)), 1px 2px 3px rgb(28 19 10 / calc(var(--umbra-tabulae) * .6)); background: none; }
html.altera .opera-loci.plura .opus-loci img { max-height: 34svh; }
html.altera .opus-loci figcaption { margin-top: .75em; font-size: var(--corpus-9); line-height: 1.45; color: var(--cinis); }
html.altera .opus-loci figcaption .numerus { margin-right: .3em; }
html.altera .opus-loci figcaption .nomen { font-style: italic; color: var(--scriptura); text-decoration: none; }
html.altera .opus-loci figcaption .nomen:hover { text-decoration: underline; }
html.altera .opus-loci .nota-operis { display: block; margin-top: .2em; }
html.altera .verbum-loci { margin-top: var(--versus); }
html.altera .verbum-loci blockquote { margin: 0; font-size: var(--corpus-11); line-height: 1.55; color: var(--atramentum); }
html.altera .verbum-loci .versio { margin-top: var(--v-dimidium); font-size: var(--corpus-10); font-style: italic; line-height: 1.55; color: var(--scriptura); }
html.altera .verbum-loci .versio :is(i, em, cite) { font-style: normal; }
html.altera .verbum-loci .fons-verborum { margin-top: .5em; font-size: var(--corpus-9); }
html.altera .verbum-loci .exemplar { max-width: min(100%, 38rem); margin-top: var(--versus); }
html.altera .epigraphe-partis .verbum-loci { margin-top: 0; }
html.altera .epigraphe-partis blockquote { font-size: var(--corpus-12); }
html.altera .imago-temporis { margin-top: var(--versus); max-width: 100%; }
html.altera .imago-temporis img { width: auto; max-width: 100%; max-height: 52svh; }
html.altera .imago-temporis figcaption { margin-top: .6em; font-size: var(--corpus-9); line-height: 1.5; color: var(--cinis); }
html.altera .imago-temporis figcaption > span { display: block; }
html.altera .imago-temporis figcaption .titulus-imaginis { color: var(--scriptura); }
html.altera .imago-temporis figcaption .versio-tituli { font-style: italic; }
html.altera .imago-temporis figcaption .fons-imaginis { margin-top: .3em; }
html.altera .loca-temporis .extra-urbem .statio { border-top: 1px solid var(--linea); }
html.altera .loca-temporis .loca-ignota .index-operum { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--margo-interior); border-top: 0; }
html.altera .loca-temporis .loca-ignota .index-operum li { border-top: 1px solid var(--linea); border-bottom: 0; }
html.altera .loca-temporis .loca-ignota .index-operum .nomen { font-size: var(--corpus-10); }
html.altera .loca-temporis .loca-ignota .index-operum .numeri { white-space: normal; }

html.altera .tempus { padding-top: 4.5em; margin-top: calc(var(--versus) * -1); }
html.altera .opera-in-annis > .opus .titulus-operis { z-index: 20; font-size: var(--corpus-9); box-shadow: 0 .3rem 1rem -.4rem rgb(28 19 10 / .35), 0 0 0 1px var(--linea); }
html.altera .opera-in-annis > .opus:is(:hover, :focus-within) { z-index: 30; }

@media (hover: hover) and (pointer: fine) { html.altera .opera-in-annis > .opus a:hover:not(:focus-visible) .titulus-operis { opacity: 0; } }
html.altera .eventa li { font-size: var(--corpus-8); }
html.altera .domicilia .domus { grid-template-columns: var(--bloc) var(--sulcus) var(--bloc); column-gap: 0; margin-top: var(--v-4); padding-top: var(--versus); }
html.altera .domicilia .margo-domus { grid-column: 1; grid-row: 1; align-self: start; }
html.altera .domicilia .opera-domus { grid-column: 1; grid-row: 2; align-self: start; }
html.altera .domicilia .corpus-domus { grid-column: 3; grid-row: 1 / span 2; }
html.altera .opera-domus .titulus-operum:first-child { margin-top: var(--v-2); }
html.altera .margo-domus .anni { font-size: var(--corpus-20); line-height: 1.2; color: var(--cinis); }
html.altera .margo-domus h2 { margin-top: var(--v-dimidium); font-size: var(--corpus-18); line-height: 1.25; }
html.altera .corpus-domus .titulus-operum { margin: var(--v-2) 0 var(--v-dimidium); }

html.altera .fasciculus .pars-fasciculi { margin-top: var(--v-3); padding-top: var(--versus); }
html.altera .fasciculus :is(.opus-fasciculi, .littera, .croquis, .exemplum, .melos-corpus) { column-gap: var(--margo-interior); }
html.altera .fasciculus .littera { margin-top: var(--v-2); row-gap: var(--versus); }
html.altera .fasciculus .pars-fasciculi > .inscriptio:first-child + .littera, html.altera .fasciculus .pars-fasciculi > .inscriptio + :is(.littera, .notitia, ol, .textus-fasciculi) { margin-top: 0; }

html.altera .fasciculus .littera > .epistula { grid-row: 1 / span 6; }
html.altera .fasciculus .littera > :is(.exemplar, .autographa, .pars-operis, figure) { position: sticky; top: var(--versus); align-self: start; }
html.altera .fasciculus .littera > .margo-litterae { row-gap: var(--versus); align-self: start; }
html.altera .fasciculus .littera > .margo-litterae:not(:has(> :nth-child(2))) { position: sticky; top: var(--versus); }
html.altera .litterae .verba-litterae { max-width: var(--linea-lectionis); }
html.altera .litterae .verba-litterae .verba { font-size: var(--corpus-12); line-height: 2.75; word-spacing: .1em; }
html.altera .litterae .verba-litterae .versio { font-size: var(--corpus-10); }
html.altera .litterae .opera-loci { margin-top: var(--v-2); }
html.altera .litterae .opera-loci .opus-loci { flex: 0 1 calc(50% - var(--versus)); }
html.altera .litterae .opera-loci:not(.plura) .opus-loci { flex-basis: 70%; }
html.altera .fasciculus .partes-operis { gap: var(--versus) var(--margo-interior); margin-top: var(--versus); }
html.altera .fasciculus :is(.notitia, .series-fasciculi, .lectiones-fasciculi) { max-width: none; }
html.altera .fasciculus .pars-fasciculi > :is(p, .textus-fasciculi) { max-width: none; }
html.altera .textus-fasciculi { max-width: calc(var(--bloc) * 1.5); }
html.altera .cognata { gap: var(--v-2) var(--margo-interior); }
html.altera .imago-cognati img { max-width: 100%; }

html.altera .imago-cognati.vacua figcaption { margin-top: var(--v-dimidium); font-size: var(--corpus-9); font-style: normal; color: var(--cinis); }

html.altera .nusquam { padding-inline: 0; }
html.altera .nusquam .lacuna { grid-template-columns: var(--columnae); column-gap: 0; }
html.altera .nusquam .murus { grid-column: verso / verso-finis; }
html.altera .nusquam .schedula { grid-column: recto / recto-finis; display: block; }
html.altera .nusquam .schedula h1 { margin-top: .2em; line-height: 1.15; }
html.altera .nusquam .schedula .sensus { display: block; margin-top: .3em; font-size: var(--corpus-10); }
html.altera .nusquam .catalogus { margin-top: var(--versus); }
html.altera .nusquam .epigraphe { padding-inline: var(--margo-exterior); }
html.altera .nusquam .deinde { display: flex; gap: 1.6em; margin-top: var(--versus); }

html.altera a:focus-visible { outline: none; text-decoration-line: underline; text-decoration-color: currentColor; text-decoration-thickness: 1px; background-color: color-mix(in oklab, var(--atramentum) 7%, transparent); }
html.altera :is(a.amplificatio, .paries a, .imago-expositionis, .tabula-diei, .expositio-praecipua > a, .programma):focus-visible { background: none; outline: 1px solid var(--cinis); outline-offset: 6px; }
html.altera :is(.mensura-operis .modi, .lumina, .praemonitio, .ordo) button:focus-visible { outline: none; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
html.altera .spectaculum:focus, html.altera .spectaculum:focus-visible { outline: none; }

html.altera body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 40;
    pointer-events: none;
    background: rgb(15 11 8);
    opacity: 0;
    transition: opacity 1.15s cubic-bezier(.22, .61, .36, 1);
}
html.altera.crepera body::after { opacity: 1; transition: none; animation: lux-sua 0s linear 2.6s forwards; }
html.altera.occasus body::after { opacity: .94; transition: opacity .5s cubic-bezier(.55, 0, .75, .3); }
@keyframes lux-sua { to { opacity: 0; } }

@media (max-width: 1099px) {
    html.altera .annales-expositionum > li { grid-template-columns: 3.2em minmax(0, 1fr); column-gap: var(--v-dimidium); }
    html.altera {
        --pagina: 100vw;
        --margo-exterior: max(20px, calc(100vw / 14));
        --margo-interior: var(--margo-exterior);
        --bloc: calc(100vw - 2 * var(--margo-exterior));
        --sulcus: 0px;
        --columnae: [margo-l] var(--margo-exterior) [verso recto] minmax(0, 1fr) [verso-finis recto-finis] var(--margo-exterior) [margo-r];
        --corpus-36: 2.6rem; --corpus-48: 3.2rem; --corpus-28: 2.2rem;
    }
    html.altera .vestibulum .iter { order: 2; flex-basis: 100%; }
    html.altera .vestibulum .lumina { order: 3; }
    html.altera .ad-mensuram-operis { display: block; margin: 0; }
    html.altera .colophon-corpus { grid-template-columns: [margo-l] var(--margo-exterior) [verso recto] minmax(0, 1fr) [medium] minmax(0, 1fr) [verso-finis recto-finis] var(--margo-exterior) [margo-r]; }
    html.altera .colophon-signum { grid-column: verso / recto-finis; }
    html.altera .colophon-horae { grid-column: verso / medium; }
    html.altera .colophon-iter { grid-column: medium / recto-finis; }

    html.altera .limen-atrii { min-height: 0; padding-top: var(--v-2); row-gap: var(--v-2); }
    html.altera :is(.limen-atrii .inscriptio-atrii, .limen-atrii .opus-diei) { grid-column: verso / verso-finis; padding: 0; }
    html.altera .tabula-diei { --alt: 70svh; }
    html.altera .expositio-praecipua .locus { grid-column: verso / verso-finis; padding: 0; justify-self: start; }
    html.altera .vacua-cedens { left: 0; }
    html.altera .expositio-praecipua .verba-expositionis { grid-column: verso / verso-finis; padding-top: var(--versus); }
    html.altera .in-aulis > .programmata { grid-column: verso / verso-finis; --altitudo-aulae: 34svh; margin-top: var(--v-4); }
    html.altera .in-aulis .programma:not(.vacua) .particula img { max-width: 80vw; }
    html.altera :is(.in-aulis > .limen, .in-aulis > .aula-nova) { grid-column: verso / verso-finis; grid-row: auto; }
    html.altera .in-aulis > .aula-nova { margin-bottom: var(--versus); }
    html.altera :is(.in-aulis > .expositio-praecipua, .in-aulis > .programmata) { grid-row: auto; }
    html.altera :is(.de-pinacotheca > .sermo, .de-pinacotheca > .fasti) { grid-column: verso / verso-finis; }
    html.altera .de-pinacotheca { row-gap: var(--v-3); }

    html.altera .expositio-in-catalogo { row-gap: var(--versus); }
    html.altera .imago-expositionis { grid-column: verso / verso-finis; grid-row: 1; justify-self: start; --alt: 56svh; }
    html.altera .margo-expositionis { grid-column: verso / verso-finis; grid-row: 2; }
    html.altera .expositio-in-catalogo .verba-expositionis { grid-column: verso / verso-finis; grid-row: 3; }

    html.altera .frons > .titulus { grid-row: 2; }
    html.altera .frons > .opus-praecipuum, html.altera .frons > .opus-praecipuum.lata { grid-column: verso / verso-finis; grid-row: 1; padding: var(--v-2) 0 0; position: static; }
    html.altera .expositio .opus-praecipuum img { --alt: 70svh; }
    html.altera main.expositio .prooemium > .textus { grid-template-columns: minmax(0, 1fr); row-gap: var(--v-3); }
    html.altera main.expositio .textus > * { grid-column: 1 !important; grid-row: auto !important; }
    html.altera .paries { --k: 30svh; }
    html.altera .tabula-locorum { grid-template-columns: minmax(0, 1fr); }
    html.altera .charta-urbis { position: static; }
    html.altera .charta-temporis { position: static; width: 100%; }
    html.altera .loca-temporis .tabula-locorum { grid-template-columns: minmax(0, 1fr); row-gap: var(--v-2); }
    html.altera .loca-temporis .loca-ignota .index-operum { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    html.altera .domicilia .domus { grid-template-columns: minmax(0, 1fr); }
    html.altera :is(.domicilia .margo-domus, .domicilia .opera-domus, .domicilia .corpus-domus) { grid-column: 1; grid-row: auto; position: static; }
    html.altera .fasciculus .littera > * { position: static; }
    html.altera .inscriptio-atrii .interpretatio .verba { font-size: var(--corpus-14); }
    html.altera :is(.nusquam .murus, .nusquam .schedula) { grid-column: verso / verso-finis; }
    html.altera .explicatio-aulae { grid-template-columns: minmax(0, 1fr); }
    html.altera .explicatio-aulae > * { grid-column: 1 !important; grid-row: auto !important; }
    html.altera .explicatio-aulae > :is(.verba-aulae, .musica) { margin-top: var(--versus); }

    html.altera .aula:not(.epilogus) { --alt-aulae: 80svh; --lat-aulae: 100vw; }
    html.altera .aula:not(.epilogus) .amplificatio { height: auto; }
    html.altera .aula:not(.epilogus) .amplificatio img { margin-top: 0; }
    html.altera .aula:not(.epilogus) .schedula { grid-template-columns: minmax(0, 1fr); margin-top: var(--v-2); }
    html.altera .aula:not(.epilogus) .schedula > * { grid-column: 1 !important; grid-row: auto !important; }
    html.altera .aula:not(.epilogus) .schedula { padding: 0; }
    html.altera .aula:not(.epilogus) .catalogus { padding: 0; border: 0; }
    html.altera .aula:not(.epilogus) .sagitta { grid-row: 3; grid-column: verso / verso-finis; min-height: 0; margin: 0; padding: var(--v-2) 0 0; border: 0; }
    html.altera .aula:not(.epilogus) .sagitta.porro { justify-self: end; flex-direction: row; border: 0; }
    html.altera .opus .vestibulum .signum { display: inline-flex; }
    html.altera .aula:not(.epilogus) .schedula .catalogus { margin-top: var(--versus); }
    html.altera .opus .vestibulum .numerus-operis { display: none; }
    html.altera :is(.verba-artificis, .archetypum, .inscriptiones-operis, .apparatus-operis) { grid-template-columns: minmax(0, 1fr); }
    html.altera .archetypum figure { grid-template-columns: minmax(0, 1fr); }
    html.altera .apparatus-operis > * { grid-column: 1 !important; grid-row: auto !important; }
}

html.altera .aula-expositionis.aula-chartarum {
    --charta: var(--paries-chartarum, #2E3639);
    --atramentum: oklch(from var(--charta) calc(.24 + .6 * clamp(0, (.58 - l) * 1000, 1)) .017 62);
    --scriptura: oklch(from var(--charta) calc(.29 + .52 * clamp(0, (.58 - l) * 1000, 1)) .016 62);
    --cinis: oklch(from var(--charta) calc(.42 + .26 * clamp(0, (.58 - l) * 1000, 1)) .014 65);
    --linea: oklch(from var(--charta) calc(l - .1 + .2 * clamp(0, (.58 - l) * 1000, 1)) calc(c * .8) h);
    --fundus: oklch(from var(--charta) calc(l - .035) c h);
    --minium: var(--cinis);
    margin-top: 18svh;
    padding-block: var(--v-2) var(--v-3);
    border-image: linear-gradient(to bottom, transparent, var(--charta) 18svh) fill 0 // 18svh 100vmax 0;
    color: var(--scriptura);
}
html.altera.lychni .aula-expositionis.aula-chartarum { --charta: oklch(from var(--paries-chartarum, #2E3639) .165 calc(c * .7) h); }
html.altera .nota-aulae { margin-top: var(--v-dimidium); font-size: var(--corpus-10); color: var(--cinis); }
html.altera :is(.aula-chartarum, .aula-lata) .paries { width: 94vw; margin-inline: calc(50% - 47vw); }
html.altera .aula-chartarum .paries {
    --k: min(max(42svh, 21rem), calc((94vw - 4.8vw) / 3 * 1.5));
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: center;
    gap: max(12svh, 6rem) 2.4vw;
}
html.altera .limbus {
    position: relative;
    box-sizing: border-box;
    display: grid;
    place-items: center;
    height: var(--limbus, var(--k));
    aspect-ratio: 52 / 78;
    padding-bottom: calc(var(--limbus, var(--k)) * .024);
    background-color: #C9C3B4;
    box-shadow: 0 1px 2px rgb(0 0 0 / .4), 0 .6rem 1.5rem -.5rem rgb(0 0 0 / .55);
}
html.altera .fenestra-limbi {
    display: block;
    padding: calc(var(--limbus, var(--k)) * .01);
    line-height: 0;
    background-color: #D5D0C3;
    box-shadow: 0 0 0 1.5px #E6E2D7, inset 1px 1px 2px rgb(58 50 38 / .5), inset -1px -1px 0 rgb(255 255 255 / .35);
}
html.altera .paries .in-charta .limbus img, html.altera .aula.in-charta:not(.epilogus) .amplificatio .limbus img {
    display: block;
    height: calc(var(--limbus, var(--k)) * var(--folium));
    width: auto;
    max-width: none;
    max-height: none;
    margin: 0;
    box-shadow: 0 0 1px rgb(58 50 38 / .55), .05rem .1rem .3rem rgb(58 50 38 / .3);
}
html.altera .numerus-limbi {
    position: absolute;
    right: 5.5%;
    bottom: 2.6%;
    font-size: clamp(.56rem, calc(var(--limbus, var(--k)) * .022), .78rem);
    line-height: 1;
    letter-spacing: .02em;
    color: rgb(64 58 48 / .72);
    font-variant-numeric: lining-nums;
}
html.altera.lychni .limbus { filter: brightness(.82); }
html.altera .aula.in-charta:not(.epilogus) { --limbus: min(var(--alt-aulae), calc(var(--lat-aulae) * 1.5)); }
html.altera .aula.in-charta:not(.epilogus) .amplificatio { height: auto; }

html.altera :is(.paries .locus, .aula .amplificatio, .opus-praecipuum > a, .tabula-diei):not([data-sol]):has(img.ovalis) { filter: drop-shadow(.3rem .5rem .7rem rgb(28 19 10 / calc(var(--umbra-tabulae) * .8))); }

html.altera .sub-sole .charta-epistulae { mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent), linear-gradient(transparent, #000 10%, #000 90%, transparent); mask-composite: intersect; }
html.altera .sub-sole .charta-epistulae img { mask-image: none; }

html.altera [data-sol] img { box-shadow: none; }
html.altera [data-splendor] img { transition: opacity .36s ease-out; }
html.altera.ante-lucem [data-splendor] img { opacity: 0; transition: none; animation: lux-imaginis 0s linear 4s forwards; }
@keyframes lux-imaginis { to { opacity: 1; } }
.splendor { position: fixed; z-index: 15; overflow: hidden; pointer-events: none; mix-blend-mode: screen; opacity: 0; }
.splendor:has(img.ovalis) { clip-path: ellipse(49.2% 49.4% at 50.1% 50.1%); }
.splendor span { position: absolute; inset: 0; display: block; }
.splendor img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; }
.splendor .nebula { mix-blend-mode: screen; filter: blur(34px) brightness(1.7) contrast(1.6); transform: scale(1.1); }
html.altera .sub-sole .contemplatio, html.altera .sub-sole .contemplatio::backdrop { background-color: var(--paries); }
html.altera .sub-sole .contemplatio .verba-tarda { color: var(--scriptura); }
html.altera .sub-sole .contemplatio .verba-tarda .versio { color: var(--cinis); }

@media screen {
    html.altera [data-sol] {
        --longitudo: max(var(--sol), calc(var(--sol) * -1));
        filter: drop-shadow(calc(var(--sol) * .3rem) calc(.1rem + var(--longitudo) * .07rem) calc(.2rem + var(--longitudo) * .2rem) rgb(28 19 10 / calc(.3 + var(--longitudo) * .035)));
    }
}

html.altera .paries .tabella:has(.melos) { flex-basis: 100%; display: grid; justify-content: center; justify-items: center; }
html.altera .paries .tabella:has(.melos) > a { position: relative; }
html.altera .melos { margin: var(--v-3) 0 0; padding: 0; list-style: none; font-size: var(--corpus-12); line-height: 1.5; color: var(--atramentum); hyphens: manual; }
html.altera .melos .fons-verborum { margin-top: var(--v-dimidium); font-size: var(--corpus-10); color: var(--cinis); }
html.altera .verba-operis { margin: var(--v-3) 0 0; padding: 0 var(--margo-exterior); max-width: calc(var(--bloc) * 2 + var(--sulcus) + var(--margo-exterior) * 2); }
html.altera .verba-operis > :first-child { margin-top: 0; }
@media screen and (min-width: 1100px) {
    html.altera .aula-diei .paries { --k: min(62svh, 31vw); width: 94vw; margin-inline: calc(50% - 47vw); }
    html.altera .aula-diei .paries .lemma { width: calc(100% + 3.2vw); }
    html.altera .paries .tabella:has(.melos) { grid-template-columns: auto auto; column-gap: var(--v-3); align-items: end; justify-items: start; }
    html.altera .paries .melos { margin: 0; }
}

html.altera .aula-expositionis.aula-diei {
    --charta: var(--paries-diei, #BAC3C5);
    --charta-prior: var(--paries-prior);
    --atramentum: oklch(from var(--charta) calc(.24 + .6 * clamp(0, (.58 - l) * 1000, 1)) .017 62);
    --scriptura: oklch(from var(--charta) calc(.29 + .52 * clamp(0, (.58 - l) * 1000, 1)) .016 62);
    --cinis: oklch(from var(--charta) calc(.42 + .26 * clamp(0, (.58 - l) * 1000, 1)) .014 65);
    --linea: oklch(from var(--charta) calc(l - .1 + .2 * clamp(0, (.58 - l) * 1000, 1)) calc(c * .8) h);
    --fundus: oklch(from var(--charta) calc(l - .035) c h);
    --minium: var(--cinis);
    position: relative;
    margin-top: 0;
    padding-block: 18svh var(--v-3);
    color: var(--scriptura);
}
html.altera .aula-diei::before { content: ""; position: absolute; inset: 0 -100vmax; z-index: -1; background: linear-gradient(to bottom, var(--charta-prior), var(--charta) 14svh); }
html.altera body:has(.aula-diei) .colophon { margin-top: 0; }
@media screen {
    html.altera .fenestrae { position: fixed; z-index: -1; inset: 5svh 4vw 7svh; display: flex; justify-content: space-between; pointer-events: none; }
    html.altera .fenestrae:has(+ .in-charta) { opacity: .3; }
    html.altera .fenestrae i { position: relative; flex: 0 0 8.6vw; transform: skewY(-7deg); }
    html.altera .fenestrae i::before { content: ""; position: absolute; inset: 0 calc(50% - .14vw); background: linear-gradient(180deg, rgb(255 247 226 / .7), rgb(255 243 212 / .4)); filter: blur(.28vw); }
    html.altera .fenestrae i::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
            linear-gradient(90deg, transparent calc(50% - .12vw), rgb(92 76 52 / .2) calc(50% - .12vw) calc(50% + .12vw), transparent calc(50% + .12vw)),
            repeating-linear-gradient(0deg, transparent 0 calc(20% - .3svh), rgb(92 76 52 / .16) calc(20% - .3svh) 20%),
            linear-gradient(180deg, rgb(255 247 226 / .74), rgb(255 243 212 / .34));
        filter: blur(.9svh);
        transform: scaleX(.03);
        opacity: 0;
        will-change: transform;
    }
    html.altera .fenestrae.apertae i::before { opacity: 0; }
    html.altera .fenestrae.apertae i::after { transform: scaleX(1); opacity: 1; }
    html.altera .fenestrae i:nth-child(5) { --mora: .06s; }
    html.altera .fenestrae i:nth-child(4) { --mora: .12s; }
    html.altera .fenestrae i:nth-child(3) { --mora: .18s; }
    html.altera .fenestrae i:nth-child(2) { --mora: .24s; }
    html.altera .fenestrae i:nth-child(1) { --mora: .3s; }
}
@media screen and (prefers-reduced-motion: no-preference) {
    html.altera .fenestrae i::before, html.altera .fenestrae i::after { transition: transform .75s cubic-bezier(.4, 0, .2, 1) var(--mora, 0s), opacity .75s cubic-bezier(.4, 0, .2, 1) var(--mora, 0s); }
    html.altera .anamorphosis img { transition: transform 1.2s ease, opacity 1.2s ease; }
}
html.altera .anamorphosis { position: relative; top: calc(8.2rem + 4svh); z-index: -1; grid-column: 1; justify-self: center; width: 0; height: 0; pointer-events: none; }
html.altera .anamorphosis img {
    position: absolute;
    left: -5.5rem;
    top: -5rem;
    width: 11rem;
    max-width: none;
    height: auto;
    opacity: calc(.07 + .23 * var(--prope, 0));
    transform: rotate(-9deg) scaleX(calc(4.2 - 3.2 * var(--prope, 0)));
    will-change: transform;
}
@media screen and (max-width: 1099px) {
    html.altera .paries:not(.aula-chartarum .paries) { align-items: flex-start; }
    html.altera .paries:not(.aula-chartarum .paries) .tabella { width: min-content; }
    html.altera .paries:not(.aula-chartarum .paries) .lemma { position: static; translate: none; width: auto; }
}

html.altera .limen-ultimum .inscriptio { color: rgb(251 247 239 / .8); }

html.altera .res-folii { display: none; }
@media screen and (min-width: 56rem) and (min-height: 34rem) {
    html.altera .aula-chartarum:has(> .capsa) { position: relative; display: flex; flex-direction: column; isolation: isolate; padding-bottom: 0; }
    html.altera .aula-chartarum:has(> .capsa)::before { content: ""; position: absolute; inset: -60svh -100vmax 0; z-index: -1; background: var(--charta); opacity: 0; pointer-events: none; transition: opacity .7s ease; }
    html.altera .capsa-aperta:has(> .capsa)::before { opacity: 1; }
    html.altera .aula-chartarum:has(> .capsa) .explicatio-aulae { margin-bottom: var(--v-3); }
    html.altera .aula-chartarum .explicatio-aulae { transition: opacity .7s ease .5s; }
    html.altera .capsa-aperta .explicatio-aulae { opacity: 0; visibility: hidden; transition: opacity .5s ease, visibility 0s linear .5s; }
    html.altera .paries.capsa {
        --limbus: min(84svh, 58vw);
        --gradus: 4.4svh;
        --murus: 7svh;
        position: relative;
        display: block;
        flex: none;
        height: calc(var(--gradus) * var(--n) + var(--murus));
        margin-top: auto;
        padding: 0;
        clip-path: inset(-200svh -100vw 0);
    }
    html.altera .capsa::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -2px;
        z-index: 3;
        width: calc(var(--limbus) * 2 / 3 + 5svh);
        height: var(--murus);
        translate: -50% 0;
        background: linear-gradient(to bottom, oklch(from var(--charta) calc(l + .06) c h), var(--charta));
        border-top: 1px solid oklch(from var(--charta) calc(l + .15) c h);
        box-shadow: 0 -.6rem 1.4rem -.2rem rgb(0 0 0 / .55);
    }
    html.altera .capsa .tabella {
        position: absolute;
        top: calc(var(--gradus) * var(--m));
        left: 50%;
        width: calc(var(--limbus) * 2 / 3);
        transform: translateX(-50%) scale(calc(1 - .011 * (var(--n) - 1 - var(--m))));
        transform-origin: 50% 0;
        transition: transform .9s cubic-bezier(.4, 0, .2, 1);
    }
    html.altera .capsa:not(.aperta) .tabella:has(> a:is(:hover, :focus-visible)) { transform: translate(-50%, -.8svh) scale(calc(1 - .011 * (var(--n) - 1 - var(--m)))); transition-duration: .35s; }
    html.altera .capsa.aperta .tabella { transform: translate(-50%, calc(var(--gradus) * (var(--n) - var(--m)))); }
    html.altera .capsa.aperta .tabella.sublata {
        transform: translate(-50%, calc(var(--gradus) * (var(--n) - var(--m)) - var(--limbus) + 1.2svh));
        transition: transform 1.3s cubic-bezier(.22, .7, .3, 1);
    }
    html.altera .capsa .limbus { filter: brightness(calc(.68 + .03 * var(--m))); transition: filter .5s ease; }
    html.altera .capsa .tabella:not(.sublata) > a:is(:hover, :focus-visible) .limbus { filter: brightness(.96); }
    html.altera .capsa .tabella.sublata .limbus { filter: brightness(var(--lux-limbi, 1)); transition: filter .8s ease .85s; }
    html.altera.lychni .capsa { --lux-limbi: .84; }
    html.altera .capsa .numerus-limbi { top: calc(var(--gradus) / 2); right: 5.5%; bottom: auto; translate: 0 -50%; }
    html.altera .capsa .lemma {
        top: 0;
        left: 5.5%;
        right: 17%;
        display: block;
        width: auto;
        max-width: none;
        height: var(--gradus);
        margin: 0;
        overflow: hidden;
        translate: none;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: clamp(.68rem, 1.55svh, .92rem);
        line-height: var(--gradus);
        color: rgb(38 33 26);
        transition: opacity .4s ease;
    }
    html.altera .capsa .lemma :is(.nomen, .annus), html.altera .capsa a:hover .lemma :is(.nomen, .annus) { color: inherit; }
    html.altera .capsa .tabella.sublata .lemma { opacity: 0; }
    html.altera .capsa .tabella.sublata .res-folii {
        position: absolute;
        left: calc(100% + 3.4vw);
        bottom: 8svh;
        display: block;
        width: min(19rem, calc(47vw - var(--limbus) / 3 - 5.4vw));
        font-size: var(--corpus-10);
        line-height: 1.5;
        color: var(--scriptura);
        animation: res-folii .9s ease 1.1s both;
    }
    @keyframes res-folii { from { opacity: 0; } }
    html.altera .res-folii p + p { margin-top: .7em; }
    html.altera .res-folii a { color: inherit; text-decoration: underline; text-decoration-thickness: from-font; text-underline-offset: .2em; }
    html.altera .res-folii .nomen-folii { font-size: var(--corpus-12); line-height: 1.35; color: var(--atramentum); }
    html.altera .res-folii .actio-folii { display: flex; flex-wrap: wrap; gap: .3em 1.4em; margin-top: 1.6em; }
    html.altera .res-folii button { padding: 0; border: 0; background: none; color: var(--atramentum); font: inherit; text-decoration: underline; text-decoration-thickness: from-font; text-underline-offset: .2em; cursor: pointer; }
}

@media print {
    html.altera body::before, html.altera body::after { display: none !important; }
    html.altera .colophon { background: none; --atramentum: #1C1B19; --scriptura: #2E2D2A; --cinis: #4F4B44; --linea: #D3CEC3; }
    html.altera :is(.tabula img, .tabula-diei img, .opus-praecipuum img, .paries .locus img, .expositio-praecipua img, .imago-expositionis img, .particula) { box-shadow: none; }
    html.altera .aula-expositionis.aula-chartarum { --paries-chartarum: #FFF !important; margin-top: var(--v-6); border-image: none; }
    html.altera .aula-expositionis.aula-diei { break-before: page; padding-block: 0; }
    html.altera .aula-diei::before { content: none; }
    html.altera .aula-diei .paries { column-gap: 6rem; }
    html.altera :is(.nota-capsae, .anamorphosis) { display: none; }
    html.altera :is(.explicatio-aulae, .verbum-prooemii, .melos, .paries .tabella, .planum > a) { break-inside: avoid; }
    html.altera .aula-diei .paries .lemma { position: static; translate: none; width: auto; margin-inline: auto; }
    html.altera .explicatio-aulae .musica { display: block; }
    html.altera .explicatio-aulae .musica :is(.sonus, .cursus) { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    html.altera body::after, html.altera.crepera body::after, html.altera.occasus body::after { transition: none; animation: none; opacity: 0; }
    html.altera :is(.capsa .tabella, .capsa .limbus) { transition: none !important; }
    html.altera .capsa .tabella.sublata .res-folii { animation: none; }
}