@font-face{font-family:Cardo;src:url(/fonts/Cardo-Regular.ttf);font-weight:400;font-display:swap}
@font-face{font-family:Cardo;src:url(/fonts/Cardo-Italic.ttf);font-style:italic;font-display:swap}
@font-face{font-family:Cardo;src:url(/fonts/Cardo-Bold.ttf);font-weight:700;font-display:swap}
:root{--paper:#faf7f1;--ink:#211c17;--gold:#9a7328}
@media(prefers-color-scheme:dark){:root{--paper:#171310;--ink:#e8e0d2;--gold:#c9a45c}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Cardo,Georgia,serif;font-size:1.25rem;line-height:1.55;display:flex;justify-content:center;min-height:100vh}
main{max-width:34em;padding:9vh 1.4em 12vh;width:100%}
h1{font-size:2.6rem;letter-spacing:.35em;text-align:center;font-weight:700;margin:.2em 0 .3em;text-indent:.35em}
h1 a{text-decoration:none;color:inherit}
.author{text-align:center;letter-spacing:.18em;margin:0 0 3em}
.subtitle{text-align:center;font-size:1.02rem;margin:0 auto 1.2em;max-width:30em}
.crumb{font-size:.85rem;letter-spacing:.2em;text-align:center;margin-bottom:2.5em}
.crumb a{color:var(--gold);text-decoration:none}
.doors{list-style:none;padding:0;margin:4em 0;text-align:center}
.doors li{margin:1.1em 0}
.doors a{color:var(--ink);text-decoration:none;font-size:1.35rem;letter-spacing:.06em;border-bottom:1px solid var(--gold);padding-bottom:2px}
.doors a:hover,.doors a:focus{color:var(--gold)}
.epigraph{margin:2.5em auto 1.8em;font-style:italic;text-align:center;max-width:26em}
.jacket{font-size:1.05rem;text-align:justify;hyphens:auto;margin:0 auto;max-width:32em}
.sep{text-align:center;letter-spacing:.4em;color:var(--gold);margin:2.2em 0}
.opener{text-align:justify;hyphens:auto}
.opener::first-letter{font-size:3.1em;line-height:.8;padding-right:.06em;float:left;color:var(--gold)}
.from{font-size:.9rem;font-style:italic;text-align:right;color:var(--gold)}
.edition{text-align:center;margin:2em 0 .8em}
.edition a{color:var(--gold);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:2px;font-size:1.1rem}
.edition a:hover,.edition a:focus{color:var(--ink);border-color:var(--ink)}
.license{font-size:.85rem;text-align:center;max-width:30em;margin:0 auto 1em;opacity:.85}
.license a{color:var(--gold)}
.soon{text-align:center;font-style:italic;font-size:.95rem;opacity:.85}
.langswitch{margin-top:3.2em;text-align:center;font-size:.95rem}
.langswitch a{color:var(--gold);text-decoration:none}
footer{margin-top:3.5em;text-align:center;font-size:.8rem;opacity:.7}
footer a{color:var(--gold);text-decoration:none}
.notfound p{text-align:center;font-style:italic;margin:1.4em 0}
.skip{position:absolute;left:-999px}.skip:focus{left:1em;top:1em;color:var(--gold)}
a:focus{outline:2px solid var(--gold);outline-offset:3px}