/* Lot S3 : récit long, images déjà présentes, nuit et or du site. */
.rosaire-histoire{background:var(--night);color:var(--paper)}
.rosaire-histoire .draft-banner{position:relative;z-index:30;margin:0;padding:12px 20px;text-align:center;font:16px/1.4 var(--font-reading);color:var(--gold);background:#17140f;border-bottom:1px solid #d4b07040;max-width:none}
.rosaire-histoire .site-header{position:relative;top:auto;min-height:90px;background:var(--night)}
.rosaire-histoire .site-header .draft-home{margin-left:auto;font-size:17px;color:var(--muted)}
.rosaire-histoire .rh-opening{position:relative;isolation:isolate;min-height:740px;padding:330px 8vw 80px;display:flex;align-items:flex-end}
.rosaire-histoire .rh-opening>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:60% 35%;max-width:none}
.rosaire-histoire .rh-opening:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07090df5,#07090da8 55%,#07090d40),linear-gradient(0deg,#07090d,transparent 70%)}
.rosaire-histoire h1{font:400 clamp(40px,5.2vw,74px)/1.13 var(--font-title);color:var(--gold);max-width:17ch;margin:16px 0 28px}
.rosaire-histoire .rh-opening p{font-size:27px;line-height:1.45;max-width:42ch}
.rosaire-histoire .rh-kicker{font:17px/1.4 var(--font-reading);letter-spacing:.13em;text-transform:uppercase;color:var(--gold);max-width:none}
.rosaire-histoire .rh-index,.rosaire-histoire .rh-intro,.rosaire-histoire .rh-sources{padding:65px max(24px,8vw)}
.rosaire-histoire .rh-index{border-bottom:1px solid #d4b07030}
.rosaire-histoire .rh-index ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 40px;max-width:1050px;margin:20px auto 0;counter-reset:chapter}
.rosaire-histoire .rh-index li{counter-increment:chapter}
.rosaire-histoire .rh-index a{display:flex;align-items:baseline;gap:18px;padding:10px 0;min-height:44px;text-decoration:none;font-size:20px}
.rosaire-histoire .rh-index a:before{content:counter(chapter,decimal-leading-zero);color:var(--gold);font-size:15px}
.rosaire-histoire .rh-index a:hover{color:var(--gold)}
.rosaire-histoire .rh-intro>div,.rosaire-histoire .rh-reading{max-width:760px;margin:auto}
.rosaire-histoire .rh-intro p,.rosaire-histoire .rh-reading p{max-width:none;font:400 23px/1.65 var(--font-reading);margin-top:24px}
.rosaire-histoire .rh-scene{padding-bottom:88px;scroll-margin-top:24px}
.rosaire-histoire .rh-art{position:relative;margin:0;height:430px;isolation:isolate;overflow:hidden}
.rosaire-histoire .rh-art img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;max-width:none}
.rosaire-histoire .rh-art:has(img[src$="rosaire-don.webp"]),.rosaire-histoire .rh-art:has(img[src$="valdes.webp"]){height:550px}
.rosaire-histoire .rh-art img[src$="rosaire-don.webp"],.rosaire-histoire .rh-art img[src$="valdes.webp"]{object-fit:contain;object-position:center}
.rosaire-histoire .rh-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--night),#07090d22 65%,#07090d66);pointer-events:none}
.rosaire-histoire .rh-art figcaption{position:absolute;z-index:1;bottom:32px;right:8vw;left:8vw;text-align:right;color:var(--muted);font:15px/1.45 var(--font-reading)}
.rosaire-histoire .rh-reading{padding:18px 0 0}
.rosaire-histoire .rh-date{color:var(--gold);letter-spacing:.08em;font:17px/1.5 var(--font-reading);text-transform:uppercase;margin-bottom:18px}
.rosaire-histoire h2{font:400 clamp(30px,3.3vw,46px)/1.2 var(--font-title);color:var(--gold);max-width:27ch;margin:0 0 28px}
.rosaire-histoire h3{font:400 27px/1.3 var(--font-title);color:var(--gold);margin:38px 0 12px}
.rosaire-histoire blockquote{margin:36px 0;padding:5px 0 5px 24px;border-left:1px solid var(--gold);background:transparent}
.rosaire-histoire blockquote p{font-size:27px;font-style:italic;line-height:1.5;margin:0}
.rosaire-histoire blockquote cite{display:block;color:var(--muted);font:17px/1.5 var(--font-reading);margin-top:16px}
.rosaire-histoire .rh-note{color:var(--muted);font-size:18px!important;line-height:1.55!important}
.rosaire-histoire .ref{font:15px/1 var(--font-reading);vertical-align:super;color:var(--gold);text-decoration:none;padding:6px 3px;white-space:nowrap}
.rosaire-histoire .ref:hover{text-decoration:underline}
.rosaire-histoire .rh-corpus{margin:30px 0;border-top:1px solid #d4b07040}
.rosaire-histoire .rh-corpus summary{cursor:pointer;padding:18px 0;color:var(--gold);font-size:21px;min-height:48px}
.rosaire-histoire .rh-corpus ol{padding-left:25px}
.rosaire-histoire .rh-corpus li{padding:10px 0;font-size:19px;line-height:1.5}
.rosaire-histoire .rh-sources{border-top:1px solid #d4b07040;background:#0c0d10}
.rosaire-histoire .rh-sources>div{max-width:960px;margin:auto}
.rosaire-histoire .rh-sources p{max-width:none;font-size:19px;line-height:1.6;margin:24px 0}
.rosaire-histoire .rh-sources ol{padding-left:25px}
.rosaire-histoire .rh-sources li{padding:12px 0;font:18px/1.6 var(--font-reading);color:var(--muted);scroll-margin-top:24px;overflow-wrap:anywhere}
.rosaire-histoire .rh-sources a{color:var(--paper)}
.rosaire-histoire .rh-sources li:target{color:var(--gold)}
.rosaire-histoire .rh-end{font:400 31px/1.4 var(--font-reading)!important;color:var(--gold);margin-top:45px!important}
.rosaire-histoire a:focus-visible,.rosaire-histoire summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
@media(max-width:850px){
 .rosaire-histoire .rh-reading{margin:0 24px}
 .rosaire-histoire .rh-opening{padding:290px 24px 65px;min-height:700px}
 .rosaire-histoire .rh-opening>img{object-position:58% 30%}
 .rosaire-histoire .rh-opening:after{background:linear-gradient(0deg,#07090d 2%,#07090de3 45%,#07090d22 90%)}
 .rosaire-histoire h1{font-size:42px}
 .rosaire-histoire .rh-opening p{font-size:24px}
 .rosaire-histoire .rh-index ol{grid-template-columns:1fr;gap:0}
 .rosaire-histoire .rh-index,.rosaire-histoire .rh-intro,.rosaire-histoire .rh-sources{padding:48px 24px}
 .rosaire-histoire .rh-art{height:330px}
 .rosaire-histoire .rh-art:has(img[src$="rosaire-don.webp"]),.rosaire-histoire .rh-art:has(img[src$="valdes.webp"]){height:450px}
 .rosaire-histoire .rh-art figcaption{left:24px;right:24px;bottom:24px;text-align:left;font-size:14px}
 .rosaire-histoire .rh-reading p,.rosaire-histoire .rh-intro p{font-size:21px;line-height:1.65}
 .rosaire-histoire blockquote{padding-left:18px}
 .rosaire-histoire blockquote p{font-size:24px}
 .rosaire-histoire .site-header{padding:16px 24px;gap:10px;flex-wrap:wrap}
 .rosaire-histoire .site-header .draft-home{font-size:16px}
 .rosaire-histoire .rh-scene{padding-bottom:56px}
 .rosaire-histoire .rh-end{font-size:27px!important}
}
@media print{.rosaire-histoire .rh-art,.rosaire-histoire .rh-opening>img{display:none}.rosaire-histoire .rh-opening{min-height:0;padding:24px}.rosaire-histoire .rh-reading{padding:24px;margin:auto}.rosaire-histoire .rh-corpus ol{display:block}.rosaire-histoire h1,.rosaire-histoire h2,.rosaire-histoire h3,.rosaire-histoire li{color:black!important}}