html{background:#ffffff}
body{min-height:100vh;min-height:100dvh}
/* Le Continu — quotidien en ligne, 2032. Blanc, encre, un rouge de bandeau. */
:root{--fond:#ffffff;--encre:#141414;--doux:#66625c;--filet:#e3e0da;--rouge:#b3261e;--lien:#1a4b8c}
*{box-sizing:border-box}body{margin:0;background:var(--fond);color:var(--encre);
 font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.62}
a{color:var(--lien);text-decoration:none}a:hover{text-decoration:underline}
.bandeau-rouge{background:var(--rouge);color:#fff;font-family:-apple-system,'Segoe UI',sans-serif;
 font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:8px 16px;text-align:center}
.masthead{border-bottom:3px double var(--encre);padding:26px 0 14px;text-align:center}
.masthead h1{font-size:2.6rem;margin:0;letter-spacing:.02em}
.masthead .devise{font-style:italic;color:var(--doux);font-size:.95rem;margin:4px 0 0}
.meta-ligne{display:flex;max-width:860px;margin:0 auto;padding:9px 18px;
 font-family:-apple-system,'Segoe UI',sans-serif;font-size:.78rem;color:var(--doux);border-bottom:1px solid var(--filet)}
.page{max-width:720px;margin:0 auto;padding:26px 18px 70px}
.une{display:grid;grid-template-columns:1.6fr 1fr;gap:30px}
@media(max-width:680px){.une{grid-template-columns:1fr}}
.rub{font-family:-apple-system,'Segoe UI',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.18em;
 text-transform:uppercase;color:var(--rouge)}
.une h2{font-size:1.7rem;line-height:1.2;margin:.3em 0 .4em}
.une h2 a{color:var(--encre)}
.chapo{color:#3a372f;font-size:1.02rem}
.breves{border-left:1px solid var(--filet);padding-left:26px}
.breves h3{font-family:-apple-system,'Segoe UI',sans-serif;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;
 color:var(--doux);margin:0 0 14px}
.breve{padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid var(--filet);font-size:.92rem}
.breve b{display:block;font-size:.98rem}
article.papier{max-width:640px;margin:0 auto}
article.papier h1{font-size:1.9rem;line-height:1.2}
.signature{font-family:-apple-system,'Segoe UI',sans-serif;font-size:.8rem;color:var(--doux);margin:0 0 26px}
.exergue{border-left:3px solid var(--rouge);padding:4px 0 4px 16px;font-style:italic;font-size:1.08rem;margin:26px 0;color:#3a372f}
.pied{border-top:3px double var(--encre);margin-top:50px;padding:14px 0;text-align:center;
 font-family:-apple-system,'Segoe UI',sans-serif;font-size:.76rem;color:var(--doux)}

.pub{position:fixed;top:110px;right:24px;width:260px;max-width:260px;margin:0;text-align:center;z-index:5}
@media(max-width:1290px){.pub{position:static;width:auto;max-width:300px;margin:34px auto 10px;right:auto}}
.pub .pub-lab{font-family:-apple-system,'Segoe UI',sans-serif;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#a49f95;display:block;margin-bottom:8px}
.pub .pub-slot img{display:block;width:100%;max-width:280px;height:auto;margin:0 auto;border:1px solid var(--filet)}

.masthead .mh-logo{margin:0}
.masthead .mh-logo img{display:block;margin:0 auto;width:min(520px,82%);height:auto}

[hidden]{display:none!important}

/* ---- Une trois colonnes (journal) ---- */
.journal{max-width:1180px;margin:0 auto;padding:6px 24px 70px}
.tete{border-bottom:3px double var(--encre);padding-bottom:22px;margin-bottom:24px}
.tete .une-phase h2{font-size:2.4rem;line-height:1.14;margin:.1em 0 .35em}
.tete .une-phase h2 a{color:var(--encre);text-decoration:none}
.tete .une-phase h2 a:hover{color:var(--lien)}
.tete .chapo{font-size:1.12rem;line-height:1.5;color:#3a3833;max-width:66ch}
.colonnes{column-count:3;column-gap:36px}
.art,.pub-bloc,.fil{break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 26px}
.art{border-top:1px solid var(--filet);padding-top:12px}
.art h3{font-size:1.16rem;line-height:1.24;margin:.12em 0 .3em;color:var(--encre)}
.art h3 a{color:var(--encre);text-decoration:none}.art h3 a:hover{color:var(--lien)}
.art p{font-size:.93rem;line-height:1.5;color:#4a4842;margin:0}
.rub{font-family:-apple-system,'Segoe UI',sans-serif;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rouge);margin:0 0 2px;font-weight:700}
.pub-bloc{border:1px solid var(--filet);padding:12px;text-align:center;overflow:hidden}
.fil{border-top:3px solid var(--encre);padding-top:12px}
.fil h3{font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;color:var(--rouge);margin:0 0 4px}
.fil .breve{border-top:1px solid var(--filet);padding:8px 0;font-size:.9rem;line-height:1.4;color:#4a4842}
.fil .breve b{display:block;color:var(--encre);font-weight:600;margin-bottom:2px}
@media(max-width:900px){.colonnes{column-count:2}.tete .une-phase h2{font-size:2rem}}
@media(max-width:600px){.colonnes{column-count:1}.journal{padding:6px 18px 60px}}

/* iOS safe-area */
html,body{min-height:100dvh}
body{margin:0}
@supports(padding:max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}

.fil .breve b a{color:var(--lien);text-decoration:none}