/* The readable initial page is replaced by React once the application is ready. */
.static-page {
    color: #eadcc3;
    background: #17120e;
    min-height: 100vh;
    padding: 2rem max(1rem, calc((100vw - 68rem) / 2));
    font-family: Georgia, 'Times New Roman', serif;
    line-height: 1.7;
}
.static-page, .static-page * { box-sizing: border-box; }
.static-page h1 { font-size: clamp(1.6rem, 4vw, 2.8rem); line-height: 1.3; color: #dfbd7b; }
.static-page h2 { font-size: 1.5rem; color: #dfbd7b; }
.static-page h3 { font-size: 1.2rem; line-height: 1.5; }
.static-page a { color: #f0cf93; text-decoration: underline; text-underline-offset: .2em; }
.static-page a:focus-visible { outline: 2px solid #f0cf93; outline-offset: 4px; }
.static-page nav { display: flex; gap: 1.25rem; flex-wrap: wrap; margin-bottom: 2rem; }
.static-page p { max-width: 75ch; }
.static-page .static-catalogue { display: grid; gap: 1.5rem; padding: 0; list-style: none; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); }
.static-page .static-catalogue li { border: 1px solid #5b4931; border-radius: .5rem; padding: 1rem; }
.static-page .static-catalogue img { float: left; width: 5rem; height: auto; margin: 0 1rem .5rem 0; }
.static-page .static-catalogue h3 { margin-top: 0; }
.static-page .static-book-cover { max-width: min(16rem, 60vw); height: auto; }
.static-page .static-book-details { margin: 2rem 0; }
.static-page dl { display: grid; grid-template-columns: max-content 1fr; gap: .4rem 1rem; }
.static-page dt { color: #dfbd7b; }
.static-page dd { margin: 0; }
.static-page .static-actions { display: flex; gap: 1rem; flex-wrap: wrap; padding: 1rem 0; }
.static-page section { margin-top: 2.5rem; }