/* philosophe.css — Philosophe : manuscrit ancien, encre noire sur ivoire, marges, annotations */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'EB Garamond','Garamond',Georgia,serif;line-height:1.85;color:#1a1814;background:#f5efe0;background-image:radial-gradient(ellipse at top,rgba(120,80,40,.04) 0,transparent 55%),radial-gradient(circle at 80% 20%,rgba(0,0,0,.025) 0,transparent 50%);min-height:100vh;font-size:19px}
.phi-wrap{max-width:1080px;margin:0 auto;padding:30px 24px 60px}
.back-link{display:inline-block;margin-bottom:22px;color:#3a3024;text-decoration:none;font-style:italic;font-size:1em;border-bottom:1px solid #3a3024;padding-bottom:1px}
.back-link:hover{color:#8b3a1a}

.phi-hero{padding:50px 50px 40px;margin-bottom:30px;text-align:center;position:relative}
.phi-hero::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:#3a3024}
.phi-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#3a3024}
.phi-hero .surtitle{font-style:italic;color:#8b3a1a;font-size:1em;letter-spacing:6px;text-transform:uppercase;margin-bottom:8px}
.phi-hero h1{font-family:'EB Garamond',serif;font-size:5.5em;font-weight:400;color:#1a1814;line-height:1;letter-spacing:1px;margin:14px 0 14px;font-style:italic}
.phi-hero .ornament{color:#8b3a1a;letter-spacing:8px;margin:8px 0}
.phi-hero .tagline{font-style:italic;font-size:1.18em;color:#3a3024;max-width:680px;margin:14px auto 0;line-height:1.6}

.section{margin-bottom:30px;position:relative;padding-left:40px}
.section::before{content:counter(s,upper-roman);counter-increment:s;position:absolute;left:0;top:6px;font-family:'EB Garamond',serif;font-style:italic;color:#8b3a1a;font-size:1.4em;font-weight:600;letter-spacing:1px}
body{counter-reset:s}

.section h2{font-family:'EB Garamond',serif;font-size:2.1em;font-weight:600;color:#1a1814;margin-bottom:14px;letter-spacing:-.3px;font-style:italic}
.section h3{font-family:'EB Garamond',serif;font-style:italic;font-size:1.25em;color:#8b3a1a;margin:18px 0 8px}
.section p{margin-bottom:14px;color:#1a1814;text-align:justify;hyphens:auto;text-indent:1.5em}
.section p:first-of-type{text-indent:0}
.section ul,.section ol{margin:10px 0 14px 26px}.section li{margin-bottom:7px;color:#1a1814}
.section strong{color:#8b3a1a;font-weight:700}.section em{font-style:italic;color:#3a3024}

/* Lettrine ornée pour la première section */
.section.with-dropcap > p:first-of-type::first-letter{font-family:'Cormorant Garamond',serif;float:left;font-size:5.5em;line-height:.85;margin:6px 10px 0 0;color:#8b3a1a;font-weight:600;text-shadow:1px 1px 0 rgba(0,0,0,.15)}

/* Citations en bord */
.citation{border-left:3px solid #8b3a1a;padding:14px 0 14px 22px;margin:20px 0;font-style:italic;font-size:1.1em;color:#3a3024}
.citation .source{display:block;font-style:normal;font-size:.85em;color:#8b3a1a;margin-top:6px;text-align:right;letter-spacing:.5px}

.timeline{border-left:1px solid #8b3a1a;padding-left:22px;margin:18px 0}
.timeline-event{position:relative;padding-bottom:14px}
.timeline-event::before{content:'·';position:absolute;left:-26px;top:-4px;color:#8b3a1a;font-size:2em}
.timeline-event .date{font-family:'EB Garamond',serif;font-style:italic;color:#8b3a1a;font-weight:600;margin-right:8px}

.section table{width:100%;border-collapse:collapse;margin:14px 0;font-size:.96em;background:#fbf6e9;border-top:2px solid #1a1814;border-bottom:2px solid #1a1814}
.section th{padding:9px 14px;text-align:left;font-style:italic;font-weight:600;color:#1a1814;border-bottom:1px solid #1a1814}
.section td{padding:8px 14px;border-bottom:1px dotted rgba(58,48,36,.3)}.section tr:last-child td{border-bottom:none}

/* Note de marge */
.marge{float:right;width:30%;margin:0 -32% 12px 14px;padding:10px 12px;border-left:2px solid #8b3a1a;background:rgba(139,58,26,.05);font-size:.85em;font-style:italic;color:#3a3024;line-height:1.5}
.marge::before{content:'§ ';color:#8b3a1a;font-weight:700;font-style:normal}

@media(max-width:900px){.marge{float:none;width:auto;margin:14px 0;padding:10px 14px}}
@media(max-width:700px){.phi-hero h1{font-size:3em}.phi-hero{padding:30px 20px 28px}.section{padding-left:0}.section::before{position:static;display:block;margin-bottom:8px}.section h2{font-size:1.55em}}