*{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}}

/* Version 20 : hauteur uniforme des couvertures, proportions préservées. */
.book .cover img{height:270px;width:auto;max-width:100%;max-height:none;object-fit:contain}
@media(max-width:760px){.book .cover img{height:220px;width:auto;max-width:100%;max-height:none}}

/* Version 21 : lisibilite de la section arabe uniquement. */
html[lang="ar"]{--arabic-font:"Noto Sans Arabic","DejaVu Sans",Tahoma,Arial,sans-serif}
html[lang="ar"] body{font-family:var(--arabic-font);font-size:20px;line-height:1.85}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{font-family:var(--arabic-font);line-height:1.5}
html[lang="ar"] h1{font-size:36px}
html[lang="ar"] h2{font-size:29px}
html[lang="ar"] .brand span{font-family:var(--arabic-font);font-size:16px;line-height:1.6;letter-spacing:0}
html[lang="ar"] .intro{font-size:19px;line-height:1.9}
html[lang="ar"] .eyebrow{font-size:15px;line-height:1.8;letter-spacing:0}
html[lang="ar"] label{font-size:17px;line-height:1.8}
html[lang="ar"] nav button{font-family:var(--arabic-font);font-size:18px;line-height:1.6}
html[lang="ar"] select{font-family:var(--arabic-font);font-size:19px;line-height:1.8}
html[lang="ar"] .language-box select{font-size:16px}
html[lang="ar"] .button,html[lang="ar"] button:not(nav button){font-family:var(--arabic-font);font-size:17px;line-height:1.75}
html[lang="ar"] .hint{font-size:16px;line-height:1.85}
html[lang="ar"] footer{font-family:var(--arabic-font);font-size:16px;line-height:1.8}
html[lang="ar"] .download strong{font-family:var(--arabic-font);font-size:23px;line-height:1.6}
html[lang="ar"] .download span{font-family:var(--arabic-font);font-size:16px;line-height:1.8}
@media(max-width:760px){
 html[lang="ar"] body{font-size:19px}
 html[lang="ar"] h1{font-size:31px}
 html[lang="ar"] h2{font-size:27px}
 html[lang="ar"] .intro{font-size:18px}
 html[lang="ar"] .brand span{font-size:14px}
 html[lang="ar"] nav button{font-size:17px;padding:11px 8px}
 html[lang="ar"] .button,html[lang="ar"] button:not(nav button){font-size:16px}
 html[lang="ar"] .language-box select{font-size:15px;min-width:115px}
 html[lang="ar"] footer{font-size:15px}
}