*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:#faf8f3;color:#243743;font:17px/1.65 Arial,sans-serif}header{background:#faf8f3;border-bottom:1px solid #ded7cb;position:sticky;top:0;z-index:5}header .top{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:18px 28px;gap:20px}.brand{font:25px Georgia,serif;letter-spacing:.12em;text-decoration:none;color:inherit}.brand span{display:block;font:12px Arial;letter-spacing:.09em;color:#7c6947;margin-top:7px}.language-box{display:flex;align-items:center;gap:12px}.language-box label{margin:0}.language-box select{width:auto;min-width:150px;font-size:14px;padding:9px 12px}nav{max-width:1064px;margin:auto;display:flex;gap:8px}nav button{padding:12px 30px;background:transparent;border:0;border-bottom:3px solid transparent;color:inherit;font:inherit;cursor:pointer}nav button[aria-pressed=true]{border-color:#a78244;color:#775922;background:#f0e9dd}main{max-width:1120px;margin:auto;padding:34px 28px 52px;min-height:65vh}main>section{scroll-margin-top:170px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:#907342;margin:0 0 7px}.intro{max-width:850px;margin:0 0 25px;color:#5d625f;font-size:15px}h1,h2,h3{font-family:Georgia,serif;font-weight:normal;line-height:1.25}h1{font-size:36px;margin:0 0 24px}h2{font-size:29px;margin:4px 0 18px}label{display:block;font-size:14px;margin-bottom:7px}select{max-width:100%;width:100%;padding:13px 15px;background:#fffdf9;border:1px solid #b9ad97;color:inherit;font:inherit;border-radius:2px}button:disabled{opacity:.45;cursor:default}.book{display:grid;grid-template-columns:260px 1fr;border:1px solid #e2dbcd;background:#fffdf9;min-height:350px;margin-top:26px}.cover{display:flex;justify-content:center;align-items:center;background:#eee8dd;padding:32px}.cover img{max-width:180px;max-height:285px;width:auto;height:auto;box-shadow:7px 12px 22px #29221925}.description{padding:28px 32px;min-width:0}.description>p{margin-top:0}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.button,button:not(nav button){display:inline-block;font:14px/1.5 Arial,sans-serif;padding:11px 15px;border:1px solid #b9ad97;background:#fffdf9;color:#243743;text-decoration:none;border-radius:2px;cursor:pointer}.button.primary{background:#283e49;color:#fff;border-color:#283e49}.hint{font-size:13px;color:#716a5e;margin-top:18px}a{color:#294c62}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #b28a46;outline-offset:4px}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;background:#283e49;color:#f5f0e6;padding:24px max(28px,calc((100vw - 1064px)/2));font-size:13px}footer a{color:inherit}.media-block{max-width:850px;padding:28px;background:#eee8dd;border:1px solid #e2dbcd}.media-block video{display:block;width:100%;max-height:52vh;background:#111}audio{display:block;width:100%;margin:20px 0}.audio-panel{display:grid;grid-template-columns:210px minmax(0,1fr);gap:32px;padding:28px;background:#eee8dd;border:1px solid #e2dbcd;margin-top:25px}.audio-cover{display:flex;justify-content:center;align-items:flex-start;padding-top:10px}.audio-cover img{max-width:180px;max-height:290px;box-shadow:7px 12px 22px #29221925}.audio-panel>div{min-width:0}.check-label{display:flex;align-items:center;gap:8px}.downloads{margin-top:35px;border-top:1px solid #ded7cb;padding-top:25px}.download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.download{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid #d8cebc;background:#fffdf8;text-decoration:none}.download:hover{background:#eee7d9}.download strong{font:23px Georgia,serif;font-weight:normal}.download span{font:13px/1.5 Arial,sans-serif;color:#666}.reader-head{display:flex;justify-content:space-between;gap:16px;align-items:center}#lecture{margin-top:30px;scroll-margin-top:180px}#pdf{width:100%;height:72vh;min-height:450px;border:1px solid #c8beac;background:white}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .brand{letter-spacing:.08em}[dir=rtl] h1,[dir=rtl] h2{font-family:serif}[dir=rtl] select{direction:rtl}
@media(max-width:760px){header .top{padding:14px 18px;gap:12px}.brand{font-size:20px}.brand span{font-size:11px}.language-box{gap:6px}.language-box label{display:none}.language-box select{min-width:115px;padding:8px;font-size:13px}nav{padding:0 10px}nav button{flex:1;padding:11px 8px}main{padding:24px 18px 38px}h1{font-size:30px}h2{font-size:26px}.book{grid-template-columns:1fr}.cover{padding:22px}.cover img{max-height:200px}.description{padding:23px}.audio-panel{grid-template-columns:1fr;gap:22px;padding:22px}.audio-cover img{max-height:170px}.download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-block{padding:20px}.reader-head{align-items:flex-start}#pdf{min-height:350px}footer{padding:22px 18px}}@media(max-width:450px){.download-grid{grid-template-columns:1fr}.brand{font-size:18px}.actions>.button,.actions>button{width:100%;text-align:center}}

.lulu-guide{margin-block-start:1.1rem;padding:.75rem 1rem;background:#f3ede2;border:1px solid #ded7cb;border-radius:8px;font-size:.94rem}
.lulu-guide summary{cursor:pointer;font-weight:700}
.lulu-guide summary:focus-visible{outline:2px solid #775922;outline-offset:4px}
.lulu-guide ol{margin:.65rem 0;padding-inline-start:1.5rem}
.lulu-guide li+li{margin-block-start:.4rem}
.lulu-guide p{margin:.6rem 0 0;font-size:.9rem}

/* Public library theme */
:root {
  --library-ink: #203638;
  --library-paper: #f8f5ee;
  --library-card: #fffdf8;
  --library-border: #dbd1bf;
  --library-gold: #f3d99e;
}

body {
  background: var(--library-paper);
  color: var(--library-ink);
}

header {
  background: var(--library-ink);
  color: var(--library-card);
  border-bottom: 1px solid #3f5553;
}

.brand span {
  color: var(--library-gold);
}

.language-box select {
  background: #31494a;
  border-color: #728482;
  color: #fffdf8;
  color-scheme: dark;
  border-radius: 8px;
}

nav button {
  border-radius: 8px 8px 0 0;
}

nav button:hover,
nav button[aria-pressed="true"] {
  background: #344d4d;
  color: var(--library-gold);
}

nav button[aria-pressed="true"] {
  border-bottom-color: var(--library-gold);
}

main {
  padding-block-start: clamp(26px, 4vw, 48px);
}

main > .intro {
  max-width: 70ch;
}

h1 {
  font-size: clamp(32px, 4.6vw, 52px);
  margin-block-end: 20px;
}

main select {
  background: var(--library-card);
  border-color: #a99a80;
  border-radius: 8px;
}

#choix {
  max-width: 42rem;
}

.book,
.audio-panel,
.media-block,
.download {
  border: 1px solid var(--library-border);
  border-radius: 16px;
}

.book,
.audio-panel,
.media-block {
  background: var(--library-card);
  box-shadow: 0 10px 28px #3b302212;
}

.book {
  grid-template-columns: minmax(205px, 27%) minmax(0, 1fr);
  overflow: hidden;
  min-height: 330px;
  margin-block-start: 22px;
}

.cover {
  align-self: start;
  justify-self: center;
  width: min(calc(100% - 24px), 232px);
  margin-block-start: clamp(22px, 3vw, 36px);
  background: radial-gradient(ellipse at 50% 34%, #f5efe4, #e7ddcc);
  border: 1px solid var(--library-border);
  border-radius: 12px;
  padding: 15px;
}

.cover img,
.audio-cover img {
  max-width: min(100%, 185px);
  box-shadow: 0 10px 22px #29221944;
}

.description {
  padding: clamp(22px, 3vw, 36px);
}

.description h2 {
  font-size: clamp(26px, 3.1vw, 38px);
  overflow-wrap: anywhere;
}

.button,
button:not(nav button) {
  border-color: #a99a80;
  border-radius: 8px;
}

.button:hover,
button:not(nav button):enabled:hover {
  background: #eee6d6;
}

.button.primary,
button.button.primary {
  background: var(--library-ink);
  border-color: var(--library-ink);
  color: white;
}

.button.primary:hover,
button.button.primary:enabled:hover {
  background: #344d4d;
}

.actions a[target="lulu_commande"] {
  background: var(--library-gold);
  border-color: #ad8444;
  color: #35280e;
  font-weight: 700;
}

.actions a[target="lulu_commande"]:hover {
  background: #ebcb87;
}

.lulu-guide {
  background: #f7f1e5;
  border-color: var(--library-border);
}

footer {
  background: var(--library-ink);
}

@media (max-width: 760px) {
  .book {
    grid-template-columns: 1fr;
  }

  .cover {
    width: min(calc(100% - 24px), 187px);
    margin-block-start: 20px;
  }
}

@media (max-width: 340px) {
  .brand {
    letter-spacing: .06em;
  }

  .language-box select {
    min-width: 96px;
  }
}

.library-heading {
  display: flex;
  align-items: center;
  gap: clamp(12px, 2vw, 20px);
  margin-block-end: 20px;
}

.library-heading > img {
  flex: none;
  width: clamp(46px, 6vw, 64px);
  height: auto;
  border: 1px solid var(--library-border);
  border-radius: 8px;
}

.library-heading-text {
  min-width: 0;
}

.library-heading h1 {
  margin: 0;
}

.author-signature {
  display: block;
  width: clamp(120px, 18vw, 185px);
  max-width: 100%;
  height: auto;
  margin-block-start: 4px;
  mix-blend-mode: multiply;
}

.cover img,
.audio-cover img {
  width: min(100%, 200px);
  height: auto;
  max-width: none;
  max-height: none;
}

@media (max-width: 760px) {
  .cover img,
  .audio-cover img {
    width: min(100%, 155px);
  }
}