:root{--paper:#F7F4EC;--ink:#151515;--muted:#5d5a52;--rule:#1a1a1a;--soft:#d9d3c4;--navy:#0F2355;--gold:#A8843F;--red:#B5121B}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font-family:"Libre Baskerville",Georgia,serif;font-size:17px;line-height:1.6}
a{color:inherit;text-decoration:none}
a:hover h2,a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.tric{height:6px;display:flex}.tric span{flex:1}
.topbar{display:flex;justify-content:space-between;font-family:"Oswald",sans-serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:12px 0 0}
.mast{text-align:center;padding:18px 0 10px}
.mast h1{font-family:"Playfair Display",serif;font-weight:900;font-size:clamp(44px,8vw,96px);letter-spacing:.02em;line-height:1;color:var(--navy)}
.mast .motto{font-family:"Oswald",sans-serif;letter-spacing:.35em;text-transform:uppercase;font-size:13px;color:var(--gold);margin-top:10px}
.dbl{border-top:3px solid var(--rule);border-bottom:1px solid var(--rule);height:7px;margin-top:14px}
nav.rub{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 28px;padding:12px 0;border-bottom:1px solid var(--rule);font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:14px}
nav.rub a:hover{color:var(--red)}
.kicker{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--red);font-weight:600}
.byline{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--muted);margin-top:10px}
.une{display:grid;grid-template-columns:2fr 1fr;gap:0;margin-top:28px;border-bottom:1px solid var(--rule);padding-bottom:28px}
.une .main{padding-right:28px;border-right:1px solid var(--soft)}
.une .main h2{font-family:"Playfair Display",serif;font-weight:800;font-size:clamp(32px,4.6vw,54px);line-height:1.08;margin:10px 0 14px}
.une .main .chapo{font-size:19px;color:#2b2b2b}
.une .side{padding-left:28px}
.side .item{padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid var(--soft)}
.side .item:last-child{border:0;margin:0}
.side h3{font-family:"Playfair Display",serif;font-weight:700;font-size:22px;line-height:1.2;margin-top:6px}
.drop::first-letter{float:left;font-family:"Playfair Display",serif;font-weight:900;font-size:68px;line-height:.8;padding:6px 8px 0 0;color:var(--navy)}
.sect{margin-top:30px}
.sect-h{display:flex;align-items:center;gap:14px;font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.2em;font-size:15px;font-weight:600;margin-bottom:18px}
.sect-h:after{content:"";flex:1;border-top:1px solid var(--rule)}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.cols>a{padding:0 22px;border-left:1px solid var(--soft)}
.cols>a:first-child{padding-left:0;border:0}
.cols h3{font-family:"Playfair Display",serif;font-weight:700;font-size:24px;line-height:1.18;margin:6px 0 8px}
.cols p{font-size:15px;color:#333}
.citation{margin:34px 0;padding:30px 20px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);text-align:center}
.citation q{font-family:"Playfair Display",serif;font-style:italic;font-size:clamp(22px,3vw,32px);line-height:1.35;quotes:"« " " »"}
.citation .who{margin-top:12px;font-family:"Oswald",sans-serif;letter-spacing:.2em;text-transform:uppercase;font-size:13px;color:var(--gold)}
footer{margin-top:40px;border-top:3px solid var(--rule);padding:22px 0 40px;text-align:center;font-family:"Oswald",sans-serif;letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:var(--muted)}
footer .name{font-family:"Playfair Display",serif;font-weight:900;font-size:28px;letter-spacing:.02em;text-transform:none;color:var(--navy);margin-bottom:8px}
/* article */
.art{max-width:720px;margin:40px auto 0}
.art h2{font-family:"Playfair Display",serif;font-weight:800;font-size:clamp(32px,5vw,50px);line-height:1.1;margin:12px 0 16px}
.art .chapo{font-size:20px;font-style:italic;color:#2b2b2b;border-bottom:1px solid var(--soft);padding-bottom:20px}
.art .body p{margin-top:18px}
.art .body h4{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:15px;margin-top:30px;color:var(--navy)}
.art .sources{margin-top:36px;padding-top:16px;border-top:1px solid var(--soft);font-size:14px;color:var(--muted)}
.art .sources a{text-decoration:underline}
.back{display:inline-block;margin-top:30px;font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--red)}
@media(max-width:820px){.une{grid-template-columns:1fr}.une .main{padding:0 0 24px;border:0;border-bottom:1px solid var(--soft)}.une .side{padding:24px 0 0}.cols{grid-template-columns:1fr}.cols>a{padding:18px 0;border:0;border-top:1px solid var(--soft)}.cols>a:first-child{border:0}.topbar span:last-child{display:none}}
/* identité Patrie Française */
:root{--night:#08122D;--navy2:#0F2355;--gold2:#D4AF6E}
.band{background:radial-gradient(ellipse at 50% 0%,#14306E 0%,#08122D 70%);color:#fff}
.band .topbar{color:#C7CEDD}
.band .mast h1{color:#fff;font-family:"Oswald",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:clamp(38px,7vw,84px);display:inline-block;padding-bottom:22px;line-height:1.05;border-bottom:4px solid var(--gold2)}
.band .mast .motto{color:var(--gold2)}
.band .dbl{display:none}
.band nav.rub{border-top:1px solid rgba(212,175,110,.35);border-bottom:0;color:#fff}
.band nav.rub a:hover{color:var(--gold2)}
.kicker{color:var(--navy2)}
.une .main .kicker,.side .kicker{display:inline-block}
.kicker:before{content:"";display:inline-block;width:18px;height:3px;background:var(--gold2);vertical-align:middle;margin-right:8px}
.drop::first-letter{color:var(--navy2)}
.citation{background:var(--night);color:#fff;border:0;border-left:6px solid var(--gold2)}
.citation .who{color:var(--gold2)}
.sect-h{color:var(--navy2)}
.sect-h:after{border-color:var(--navy2)}
.art .body h4{color:var(--navy2)}
.back{color:var(--navy2)}
footer{background:var(--night);color:#C7CEDD;border-top:4px solid var(--gold2);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:20px;padding-right:20px}
footer .name{color:#fff;font-family:"Oswald",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.cols{row-gap:30px}
.cols>a:nth-child(3n+1){padding-left:0;border-left:0}
@media(max-width:820px){.cols{row-gap:0}}