/* Socle commun des douze éditions de lecture Christ en nous. */
body{animation:collection-gentle-in .42s ease both;transition:opacity .15s ease}
body.soft-leaving{opacity:0}
@keyframes collection-gentle-in{from{opacity:0}to{opacity:1}}
html{scroll-padding-top:76px}
body{overflow-wrap:break-word}
.book-section img,.book-section svg{max-width:100%;height:auto}
.book-section table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.book-section input,.book-section textarea,.book-section select{max-width:100%;min-width:0}
.topbar{border-bottom:1px solid color-mix(in srgb,var(--copper) 34%,transparent)}
.brand strong{letter-spacing:.035em}
.sidebar{display:flex;flex-direction:column;gap:.9rem}
.collection-home{display:grid;gap:.18rem;padding:.85rem .95rem;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 88%,var(--paper));color:var(--navy);text-decoration:none;box-shadow:0 7px 20px rgba(20,30,34,.05)}
.collection-home span{font:800 .68rem/1.2 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--copper)}
.collection-home strong{font:700 .9rem/1.3 Georgia,serif}
.collection-home:hover{border-color:var(--copper);transform:translateY(-1px)}
.collection-ministry-links{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
.collection-ministry-links a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:.5rem;border-radius:9px;background:var(--navy);color:var(--surface);font:800 .68rem/1.2 Arial,sans-serif;text-align:center;text-decoration:none}
.collection-ministry-links a:nth-child(2){border:1px solid var(--navy);background:transparent;color:var(--navy)}
.collection-ministry-links a:last-child{border:1px solid color-mix(in srgb,var(--navy) 30%,transparent);background:color-mix(in srgb,var(--copper) 12%,var(--surface));color:var(--navy)}
.collection-ministry-links a:hover{background:var(--copper);border-color:var(--copper);color:var(--surface);transform:none}
.collection-switcher{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;padding-top:.25rem}
.collection-switcher a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:.55rem .65rem;border:1px solid var(--line);border-radius:10px;color:var(--navy);font:700 .72rem/1.25 Arial,sans-serif;text-align:center;text-decoration:none}
.collection-switcher a:hover{border-color:var(--copper);color:var(--copper)}
.downloads{margin-top:0!important}
.downloads a{border-radius:9px}
.hero h1,.part-divider h2,.book-section h1{text-wrap:balance}
.book-section p,.book-section li{max-width:72ch}
:where(a,button,input,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--copper) 72%,white);outline-offset:3px}
@media(max-width:580px){
 .topbar{height:68px;padding:0 .7rem}
 .sidebar{top:68px;width:min(88vw,320px);padding:1.15rem}
 .brand strong{max-width:190px;font-size:.62rem;line-height:1.15;text-align:center}
 .main{width:100%;min-width:0}
 .hero{width:100%;min-width:0;min-height:calc(100svh - 68px);padding:3.6rem 1rem 4.4rem!important;overflow:hidden}
 .hero>*{min-width:0}
 .hero .eyebrow,.hero .subtitle,.hero blockquote{width:calc(100vw - 2.4rem);max-width:calc(100vw - 2.4rem);white-space:normal;overflow-wrap:anywhere}
 .hero .eyebrow{font-size:.62rem;line-height:1.45;letter-spacing:.13em}
 .hero h1{max-width:100%;margin:1rem 0!important;font-size:clamp(2.35rem,11.5vw,3rem)!important;line-height:.94!important;letter-spacing:-.045em!important}
 .hero .subtitle{font-size:clamp(1rem,4.8vw,1.16rem)!important;line-height:1.48!important}
 .hero blockquote{font-size:.97rem!important;line-height:1.52!important}
 .architecture{display:grid!important;width:calc(100vw - 2.4rem)!important;max-width:calc(100vw - 2.4rem)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.7rem .35rem!important;padding:.8rem .2rem!important}
 .architecture i{display:none!important}
 .architecture span{min-width:0;font-size:.7rem}
 .architecture small{font-size:.63rem}
 .book-section{width:100%;margin:0;padding:3.5rem 1.1rem!important;box-shadow:none}
 .book-section h1{font-size:clamp(2rem,10vw,2.75rem)!important;line-height:1.04!important}
 .book-section h2{margin-top:3rem;font-size:1.45em;line-height:1.2}
 .book-section h3{line-height:1.35}
 .part-divider{min-height:54svh;padding:2.2rem 1.1rem!important}
 .part-divider h2{font-size:clamp(2.1rem,11vw,3.15rem)!important;line-height:1.02}
 .part-divider span{font-size:1rem}
 .chapter-actions{align-items:flex-start;flex-wrap:wrap;gap:.8rem;margin:-1.7rem 0 2rem!important}
 .page-nav{display:grid;grid-template-columns:1fr;gap:1rem}
 .page-nav a{padding:.7rem 0}
 .notes{padding:1rem}
 .floating-actions{position:static!important;justify-content:center;padding:1rem}
 .floating-actions .export-notes{width:min(100%,320px)}
 .score-row{grid-template-columns:minmax(82px,110px) minmax(0,1fr) 28px!important}
}
@media(max-width:380px){
 .brand strong{max-width:150px;font-size:.58rem}
 .hero h1{font-size:clamp(2.1rem,11.2vw,2.55rem)!important}
 .architecture{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .round{min-width:38px;min-height:38px}
}
@media(prefers-reduced-motion:reduce){body{animation:none;transition:none}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media print{.collection-home,.collection-switcher{display:none!important}}