:root{--ivoire:#f4efe6;--ivoire2:#ede6d8;--graphite:#2b2926;--bronze:#8a6f4d;--bronze-p:#b09a77;
--gris:#6d675e;--disp:"Marcellus",serif;--txt:"Source Sans 3",sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--txt);background:var(--ivoire);color:var(--graphite);line-height:1.8;font-size:1.03rem}
a{color:var(--graphite)}
img{max-width:100%;display:block;filter:saturate(.88)}

/* sommaire latéral */
.revue{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
aside.sommaire{border-right:1px solid var(--bronze-p);padding:2.6rem 1.8rem;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:2rem}
.sceau{display:flex;align-items:center;gap:.8rem;text-decoration:none}
.sceau img{width:52px;height:52px}
.sceau b{font-family:var(--disp);font-weight:400;font-size:1.02rem;line-height:1.25;display:block;letter-spacing:.03em}
nav.chapitres{display:flex;flex-direction:column;gap:.1rem}
nav.chapitres a{font-family:var(--txt);text-decoration:none;font-size:.86rem;letter-spacing:.06em;padding:.55rem 0;border-bottom:1px solid transparent;color:var(--gris);display:flex;gap:.7rem;align-items:baseline}
nav.chapitres a i{font-style:normal;font-family:var(--disp);color:var(--bronze);width:1.7rem;font-size:.8rem}
nav.chapitres a:hover{color:var(--graphite)}
nav.chapitres a.lu{color:var(--graphite);border-bottom-color:var(--bronze)}
aside .pied{margin-top:auto;font-size:.74rem;color:var(--gris);letter-spacing:.04em;line-height:1.7}
.volet{display:none}

/* colonne éditoriale */
main.cahier{padding:0}
.chapitre{max-width:820px;margin:0 auto;padding:4.6rem 3rem}
.chapitre.large{max-width:1020px}
.folio{font-family:var(--disp);color:var(--bronze);font-size:.92rem;letter-spacing:.34em;text-transform:uppercase}
h1.une,h2.une{font-family:var(--disp);font-weight:400;line-height:1.14;font-size:clamp(2rem,4.6vw,3.6rem);margin:.8rem 0 1.4rem;letter-spacing:.01em}
.filet{width:64px;height:1px;background:var(--bronze);margin:1.6rem 0}
p.colonne{margin-bottom:1.2rem;max-width:64ch;color:#3d3a35}
p.colonne a{color:var(--bronze);text-decoration-thickness:1px;text-underline-offset:3px}
p.colonne a:hover{text-decoration-thickness:2px}
.exergue{border-top:1px solid var(--bronze);border-bottom:1px solid var(--bronze);padding:2.6rem .2rem;margin:2.4rem 0}
.exergue blockquote{font-family:var(--disp);font-weight:400;font-size:1.22rem;line-height:1.85;color:var(--graphite)}
.exergue .source{display:block;margin-top:1.4rem;font-size:.76rem;letter-spacing:.28em;text-transform:uppercase;color:var(--bronze)}
.lettrine::first-letter{font-family:var(--disp);font-size:3.6em;float:left;line-height:.85;padding:.04em .14em 0 0;color:var(--bronze)}
figure.planche{margin:2.6rem 0}
figure.planche img{width:100%}
figure.planche figcaption{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);margin-top:.9rem;padding-left:1rem;border-left:1px solid var(--bronze)}
.deux-colonnes{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.marge-note{border-left:1px solid var(--bronze-p);padding-left:1.4rem;font-size:.92rem;color:var(--gris);font-style:italic}
.lien-chapitre{display:inline-block;font-family:var(--disp);font-size:1rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--graphite);padding-bottom:.3rem;transition:.5s}
.lien-chapitre:hover{border-bottom-width:3px;color:var(--bronze);border-color:var(--bronze)}
.romain{font-family:var(--disp);font-size:4.6rem;line-height:1;color:var(--bronze-p)}
.fond{background:var(--ivoire2)}

/* formulaire écritoire */
form.ecritoire{max-width:560px}
.ligne{margin-bottom:1.4rem}
.ligne label{display:block;font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze);margin-bottom:.4rem}
.ligne input,.ligne textarea,.ligne select{width:100%;border:none;border-bottom:1px solid var(--bronze-p);background:transparent;padding:.6rem .1rem;font-family:var(--txt);font-size:1.02rem;color:var(--graphite)}
.ligne input:focus,.ligne textarea:focus,.ligne select:focus{outline:none;border-bottom:2px solid var(--graphite)}
button.plume{font-family:var(--disp);font-size:.95rem;letter-spacing:.2em;text-transform:uppercase;background:transparent;border:none;border-bottom:1px solid var(--graphite);padding:.4rem .2rem;cursor:pointer;transition:.5s}
button.plume:hover{border-bottom-width:3px;color:var(--bronze);border-color:var(--bronze)}
#form-ok{display:none;margin-top:1.4rem;border-left:2px solid var(--bronze);padding:.9rem 1.2rem;background:var(--ivoire2);color:#4a4438;font-size:.96rem}
.carte-fine{border:1px solid var(--bronze-p);padding:6px;margin:1.8rem 0}
.carte-fine iframe{display:block;width:100%;height:360px;border:0;filter:saturate(.7)}

/* colophon */
footer.colophon{border-top:1px solid var(--bronze);margin-top:3rem;padding:3rem 2rem;text-align:center}
footer.colophon .orn{font-family:var(--disp);color:var(--bronze);letter-spacing:.6em;margin-bottom:1.2rem}
footer.colophon p{max-width:64ch;margin:0 auto .7rem;font-size:.92rem;color:var(--gris)}
footer.colophon a{color:var(--bronze)}
footer.colophon .fin{font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;margin-top:1.4rem;color:var(--gris)}

@media(max-width:940px){
 .revue{grid-template-columns:1fr}
 aside.sommaire{position:static;height:auto;border-right:none;border-bottom:1px solid var(--bronze-p);padding:1.4rem 1.6rem;gap:1rem}
 .volet{display:inline-block;background:none;border:1px solid var(--bronze);font-family:var(--disp);padding:.45rem .9rem;letter-spacing:.14em;cursor:pointer}
 nav.chapitres{display:none}
 nav.chapitres.ouvert{display:flex}
 aside .pied{display:none}
 .chapitre{padding:3rem 1.4rem}
 .deux-colonnes{grid-template-columns:1fr}
}