/* The same illuminated book across the Biblioteca collections. */
.collection-hero .era-hero-verse{max-width:440px}.collection-hero h1{max-width:760px;font-size:clamp(54px,6.8vw,100px)}.collection-desk{padding-bottom:50px}.collection-book .era-leaf h3{overflow-wrap:anywhere}.collection-book .era-plate-inset{min-height:550px}.collection-book .era-synopsis{font-size:25px}.collection-book .era-annotation{margin-bottom:25px}.collection-reading{padding-top:35px;padding-bottom:50px;scroll-margin-top:130px}.inline-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:25px}.inline-heading .eyebrow{color:#c4a56e}.inline-heading h2{font:400 clamp(36px,5vw,60px)/1.13 var(--serif);color:#ead5af;margin:12px 0}.inline-back,.inline-fallback{font:11px/1.8 var(--sans);color:#cdb488}.inline-back{white-space:nowrap}.inline-status{font:13px/1.8 var(--sans);color:#ddc7a0}.inline-status:empty{display:none}.inline-intro{font:25px/1.5 var(--serif);color:#cfbb9a;margin-bottom:34px;max-width:850px}.collection-reading .reader-layout{margin-top:20px}.inline-fallback{padding-top:20px;text-align:right}.inline-retry{display:block;margin:24px auto;padding:14px 22px;border:1px solid #b39861;background:#e6d2a5;color:#382715;font:12px var(--sans)}.era-triptych{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px;padding:18px 14px 65px;background:radial-gradient(ellipse at 50% 25%,#6d5b3e,#24201f 62%,#131317)}.era-triptych img{width:100%;height:70%;object-fit:cover;object-position:50% 14%;min-width:0;border:1px solid #c6aa6b;box-shadow:0 0 0 3px #201a16,0 0 0 4px #a17d4655,0 8px 20px #0008}.era-triptych img:nth-child(2){object-position:50% 7%;transform:translateY(-14px)}.era-triptych~.era-plate-shade{background:linear-gradient(0deg,#10100ff2,transparent 55%)}.collection-reading [id]{scroll-margin-top:130px}.collection-reading .reader-tools{flex-wrap:wrap}.collection-reading .inline-heading h2:focus{outline:2px solid #cbb17a;outline-offset:7px}.collection-desk+.collection-reading[hidden]+.legend-paths{margin-top:0}
@media(max-width:900px){.collection-book .era-plate-inset{min-height:600px}.collection-book .era-synopsis{font-size:23px}.collection-hero h1{font-size:70px}}
@media(max-width:700px){.collection-hero h1{font-size:62px}.collection-hero .era-hero-verse{max-width:280px}.collection-book .era-plate-inset{min-height:0;height:325px}.collection-book .era-synopsis{font-size:24px}.collection-desk{padding-bottom:35px}.inline-heading{display:block}.inline-back{display:inline-block;margin-top:10px}.inline-intro{font-size:23px}.collection-reading{padding-top:25px}.era-triptych img{object-position:50% 18%}.collection-reading .reader-tools{gap:12px}.collection-reading .reader-tool-status{width:100%}.collection-reading .inline-fallback{text-align:left}.collection-reading .reading-column{overflow-wrap:anywhere}}
@media(max-width:400px){.collection-hero h1{font-size:52px}.collection-book .era-plate-inset{height:295px}.collection-book .era-synopsis{font-size:23px}.inline-heading h2{font-size:38px}}
@media print{.collection-book[hidden]{display:none!important}.collection-reading{padding:0}.inline-heading h2,.inline-intro{color:#000}.collection-reading[hidden]{display:none!important}}

.inline-note{font:12px/1.8 var(--sans);border-left:1px solid #ac8c55;padding-left:20px}.inline-domains{margin-bottom:25px;justify-content:center}.inline-domains li{color:#d6bc8b;border-color:#98794466}

.era-triptych~.era-plate-overline{display:none}

/* Brass page turns remain beside the illustrated spread, including on a phone. */
.page-turn-stage{position:relative;margin-inline:0;margin-bottom:42px;outline-offset:8px}.page-turn-stage:focus-visible{outline:1px solid #cfb576}.book-turn-controls{position:static;pointer-events:none;display:contents;margin:0}.book-turn-controls a{position:absolute;top:42%;width:52px;height:66px;min-height:44px;padding:0;display:grid;place-items:center;justify-content:center;pointer-events:auto;border:1px solid #e3c88b;border-radius:3px;background:linear-gradient(110deg,#e2c98f,#a78047);box-shadow:inset 0 0 0 3px #64462255,0 5px 14px #0009;color:#352316;transform:translateY(-50%);font:42px/1 var(--serif);z-index:5}.book-turn-controls a:first-child{left:-25px}.book-turn-controls a:last-child{right:-25px}.book-turn-controls a[aria-disabled="true"]{opacity:.42;cursor:default}.book-turn-controls a:not([aria-disabled="true"]):hover{background:#f0d9a3;color:#231a12}.book-turn-controls a:focus-visible{outline:3px solid #f5df9d;outline-offset:4px}.book-turn-controls p{position:static;margin:18px 30px 0;text-align:center;font:italic 18px/1.4 var(--serif);color:#c3ab80}.era-turn-stage .book-turn-controls a{gap:0}.era-turn-stage .book-turn-controls a>span:not([aria-hidden]){display:none}.era-turn-stage .book-turn-controls a [aria-hidden]{font:32px/1 var(--serif)}.collection-book:focus{outline:none}.collection-book:focus-visible{outline:2px solid #d1b575;outline-offset:7px}
@media(max-width:900px){.book-turn-controls a{width:46px;height:58px}.book-turn-controls a:first-child{left:-20px}.book-turn-controls a:last-child{right:-20px}}
@media(max-width:700px){.book-turn-controls a{top:175px;width:44px;height:56px}.book-turn-controls a:first-child{left:-12px}.book-turn-controls a:last-child{right:-12px}.book-turn-controls p{margin-inline:12px;font-size:16px}.page-turn-stage{margin-bottom:38px}}
@media print{.book-turn-controls{display:none!important}}

.collection-index{margin-block:45px;padding:24px 30px;border:1px solid #94754855;background:#21170e}.collection-index summary{cursor:pointer;color:#dfc594;font:20px/1.5 var(--serif)}.collection-index .book-row{border-color:#98794444}.collection-index .book-row h3{color:#e2cba1}.collection-index .book-row div>p:last-child{color:#c4ae8c}@media(max-width:700px){.collection-index{padding:20px}}

/* Portrait paintings keep their full composition throughout the character books. */
.character-hero{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,38%);align-items:center;gap:32px;padding:38px max(32px,calc((100vw - 1240px)/2)) 84px}
.character-hero .era-landscape{position:relative;inset:auto;z-index:0;grid-column:2;grid-row:1;justify-self:end;width:100%;max-width:420px;padding:8px;border:1px solid #ad8b505e;background:#17140f;box-shadow:0 0 0 4px #0b0d09,0 0 0 5px #95774644,0 16px 38px #0008}
.character-hero .era-landscape:after{display:none}
.character-hero .era-landscape>img{position:static;display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;object-position:50% 50%}
.character-hero .era-hero-copy{grid-column:1;grid-row:1;width:100%;max-width:100%;margin:0;padding:0}
.character-hero .era-hero-margin{bottom:27px}
.character-desk .era-plate{justify-content:flex-start}
.character-desk .era-plate .era-plate-inset{min-height:0;height:auto;aspect-ratio:auto;flex:none}
.character-desk .era-plate-inset>img{position:static;display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;object-position:center}
.character-desk .era-plate-shade,.character-desk .era-plate-inscription{display:none}
.character-desk .era-ribbon{width:44px}
.character-plate-caption{display:flex;align-items:baseline;justify-content:center;gap:12px;margin:6px 0 10px;font:19px/1.35 var(--serif);color:#604423}
.character-plate-caption>span{font:500 14px/1 var(--engraved);color:#977341}
.character-art-open{display:inline-block;margin-bottom:7px;color:#604423;font:10px/1.5 var(--engraved);text-underline-offset:4px}
.character-desk .era-plate figcaption>small{display:block;font:11px/1.5 var(--serif)}
.character-card .portrait-image{aspect-ratio:auto}
.character-card .portrait-image img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;object-position:center}
.character-card .portrait-image>span{display:none}
@media(max-width:900px){.character-hero{gap:24px;padding:35px 28px 80px;grid-template-columns:minmax(0,1fr) minmax(220px,40%)}.character-hero .era-landscape{max-width:340px}}
@media(max-width:700px){.character-hero{grid-template-columns:minmax(0,1fr);gap:30px;padding:40px 26px 78px}.character-hero .era-hero-copy{grid-column:1;grid-row:1;text-align:center}.character-hero .era-hero-copy h1{font-size:clamp(42px,10vw,64px);max-width:100%}.character-hero .era-title-rule{margin-inline:auto}.character-hero .era-landscape{grid-column:1;grid-row:2;justify-self:center;max-width:250px}.character-hero .era-hero-margin{justify-content:center;padding-inline:12px}.character-plate-caption{font-size:18px}}
@media print{.character-hero{display:block;padding:20px}.character-hero .era-landscape{display:none}.character-desk .era-plate-inset>img{position:static;height:auto}}
@media(max-width:700px){.character-desk .era-book:before{display:none}}

/* Newly illustrated legends preserve the complete painting on their own spread. */
.era-book.art-contained .era-plate{justify-content:flex-start}
.era-book.art-contained .era-plate .era-plate-inset{min-height:0;height:auto;aspect-ratio:auto;flex:none}
.era-book.art-contained .era-plate-inset>img{position:static;display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;object-position:center}
.era-book.art-contained .era-plate-shade,.era-book.art-contained .era-plate-inscription{display:none}
.era-book.art-contained .era-plate figcaption>small{display:block;font:11px/1.5 var(--serif)}
.portrait-card.art-contained .portrait-image{aspect-ratio:auto}
.portrait-card.art-contained .portrait-image img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;object-position:center}
.portrait-card.art-contained .portrait-image>span{display:none}
@media(max-width:700px){.era-book.art-contained:before{display:none}}

.book-turn-controls a{text-decoration:none}.book-turn-controls a[aria-disabled="true"]{opacity:.42;cursor:default;pointer-events:none}

/* Preserve the native ratio of approved artwork with a different canvas. */
.era-book.art-contained .era-plate-inset>img.art-natural,.portrait-card.art-contained .portrait-image img.art-natural{height:auto;aspect-ratio:auto;object-fit:contain;object-position:center}
.era-triptych img.art-natural{height:auto;max-height:100%;aspect-ratio:auto;object-fit:contain;object-position:center}
.era-thread img.art-natural{object-fit:contain;object-position:center;border-radius:0}

@media screen{html[data-chapter-id] .era-hero h1{max-width:min(100%,19ch);font-size:clamp(42px,6.8vw,96px);line-height:1.08;overflow-wrap:break-word;text-wrap:balance}}