/* Pages d'un chapitre de la Bibliotheque de l'Olympe (mythes/*.html, fabriquees par tools/bibliotheque.py pages) :
   la meme feuille de papier que le livre de bibliotheque.html, sur le meme cuir. */
:root{--cuir:#6b2a1c; --or-livre:#d9a845; --papier:#f8efd9; --papier-ombre:#e8d6ae; --encre:#2e2114; --rubrique:#9a3b22}
body{background:radial-gradient(1200px 600px at 50% 0%, #6e4a2c 0%, #3a2416 70%) fixed, #3a2416}
.entete{background:none; border:0; color:#f3e6c8; padding:14px 16px 6px}
.entete .retour img{width:34px; height:34px}
.entete a, .entete .chapeau{color:#e2cfa6}
.entete .chapeau{font-family:'Cinzel',Georgia,serif; font-size:16px; letter-spacing:1px; margin-top:8px}
.entete .chapeau a{font-size:inherit; color:#f6e7c3}
.nav{background:rgba(0,0,0,.18); border:0}
.nav a{color:#e9d8b4}
.nav a[aria-current]{color:#f6d78f}
main{max-width:760px; padding-top:22px}
footer{color:#d8c49c} footer a{color:#f0d79a}

.feuillet{background:linear-gradient(90deg, var(--papier-ombre) 0, var(--papier) 5%, var(--papier) 95%, var(--papier-ombre) 100%);
  border-radius:8px; box-shadow:0 22px 40px -12px rgba(0,0,0,.55); padding:38px 48px 34px;
  font-family:'EB Garamond',Georgia,serif; color:var(--encre); font-size:19px; line-height:1.6}
.feuillet h1{font-family:'Cinzel',Georgia,serif; color:var(--rubrique); font-size:34px; margin:6px 0 4px; letter-spacing:.5px; text-align:left}
.feuillet .genre{font-variant:small-caps; letter-spacing:1.5px; color:#7a6544; margin:0; font-size:17px}
.feuillet p{margin:0 0 14px}
.feuillet p a{color:var(--rubrique); text-decoration:underline dotted; text-underline-offset:3px}
.feuillet .sources{font-style:italic; font-size:16px; color:#6b5a40; border-top:1px solid #d9c49a; padding-top:10px; margin-top:18px}
.ornement{display:block; margin:14px auto 18px; width:150px; height:18px; color:var(--or-livre)}
.lettrine::first-letter{float:left; font-family:'Cinzel',Georgia,serif; font-size:70px; line-height:.9; padding:6px 10px 0 0; color:var(--rubrique);
  text-shadow:0 1px 0 #f3dfa8}
.rencontre{margin-top:20px; padding-top:12px; border-top:1px solid #d9c49a}
.rencontre .genre{font-size:15px}
.jeux{display:flex; flex-wrap:wrap; gap:8px; margin-top:10px}
.jeux a{font-family:'Inter',system-ui,sans-serif; font-size:14px; text-decoration:none; padding:8px 12px; border-radius:20px;
  background:#efe0bb; color:#5c4212; border:1px solid #d7bf8c; min-height:36px; display:inline-flex; align-items:center}

/* chapitre precedent, le livre, chapitre suivant */
.suite{display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; margin-top:22px}
.suite a{font-family:'Cinzel',Georgia,serif; font-size:15px; color:#f3e6c8; text-decoration:none; min-height:44px; display:flex; align-items:center}
.suite .suiv{justify-content:flex-end; text-align:right}
.suite .livre{justify-content:center; padding:0 18px; border-radius:8px; color:#3f160d; font-weight:700;
  background:linear-gradient(180deg,#f7dc8e,#d9a845 55%,#b8862b); border:1px solid #6b4a12; box-shadow:0 3px 0 #6b4a12}
.suite a:hover{color:#fff}
.suite .livre:hover{color:#3f160d; filter:brightness(1.06)}

@media (max-width:640px){
  .feuillet{padding:28px 22px 26px; font-size:18px}
  .feuillet h1{font-size:28px}
  .suite{grid-template-columns:1fr 1fr}
  .suite .livre{grid-column:1 / -1; grid-row:1}
}