
:root{--bg:#060B14;--bg2:#0B1422;--ink:#F5F7FA;--mut:rgba(245,247,250,.66);--hair:rgba(245,247,250,.12);
  --gold:#D9A84F;--gold-l:#E8C36A;--blue-l:#5AA7F0;
  --fd:'Space Grotesk','Inter',system-ui,sans-serif;
  --fm:'JetBrains Mono',ui-monospace,monospace;
  --fb:'Inter',system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;text-rendering:optimizeLegibility}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--fb);line-height:1.7;-webkit-font-smoothing:antialiased}
:where(p,li){text-wrap:pretty}
a{color:var(--gold-l)}
.jtop{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(18px,5vw,40px);background:rgba(8,14,26,.85);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--hair)}
.jbrand{font-weight:800;text-decoration:none;color:var(--ink);font-size:1.05rem}.jbrand b{color:var(--gold-l)}
.jback{font-family:var(--fm);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--mut)}.jback:hover{color:var(--gold-l)}
.jhero{max-width:760px;margin:0 auto;padding:clamp(36px,5.5vw,60px) clamp(20px,5vw,28px) 8px}
.jkick{font-family:var(--fm);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-l);display:inline-flex;align-items:center;gap:9px}
.jkick::before{content:"";width:7px;height:7px;background:var(--gold-l);transform:rotate(45deg)}
.jhero h1{font-family:var(--fd);font-weight:800;font-size:var(--ts-2,clamp(2.1rem,4.8vw,3.3rem));line-height:1.1;letter-spacing:-.02em;margin:16px 0 14px;text-wrap:balance}
.jdek{font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--mut);line-height:1.55;max-width:60ch}
.jmeta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin:14px 0 0;font-family:var(--fm);font-size:.74rem;color:var(--mut);letter-spacing:.03em}
.jmeta .dot{width:4px;height:4px;border-radius:50%;background:var(--gold-l)}
.jrule{max-width:760px;margin:18px auto 0;padding:0 clamp(20px,5vw,28px)}.jrule hr{border:none;border-top:1px solid var(--hair);margin:0}
.jbody{max-width:680px;margin:0 auto;padding:18px clamp(20px,5vw,28px) 28px;font-size:1.08rem}
.jbody h2{font-family:var(--fd);font-weight:700;font-size:var(--ts-6,clamp(1.2rem,2.5vw,1.8rem));margin:30px 0 8px;letter-spacing:-.01em;text-wrap:balance}
.jbody p{margin:0 0 15px}.jbody ul{margin:0 0 15px;padding-left:22px}.jbody li{margin:6px 0}
.jbody blockquote{margin:22px 0;padding:16px 22px;border-left:3px solid var(--gold-l);background:linear-gradient(120deg,rgba(217,168,79,.08),transparent);border-radius:0 14px 14px 0;font-family:var(--fd);font-size:1.3rem;line-height:1.5;color:#fff}
.jbody strong{color:#fff}
.jkey{margin:20px 0;padding:16px 20px;border:1px solid var(--hair);border-radius:14px;background:rgba(255,255,255,.03)}
.jkey b{color:var(--gold-l)}
.jfoot{max-width:760px;margin:0 auto;padding:0 clamp(20px,5vw,28px) 40px}
.jfoot .more{border-top:1px solid var(--hair);padding-top:26px;margin-top:10px}
.jfoot .more-k{font-family:var(--fm);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-l);display:block;margin-bottom:14px}
.jfoot .more a{display:inline-block;margin:0 14px 8px 0;text-decoration:none}
.jsig{border-top:1px solid var(--hair);margin-top:40px;padding-top:22px;color:var(--mut);font-size:.85rem}.jsig a{color:var(--gold-l);text-decoration:none}

/* ── footer corporate : gabarit manquant sur les pages journal ── */
footer{padding:54px 0 30px}
footer>.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(24px,4.5vw,56px)}
body footer{background:linear-gradient(180deg,rgba(5,10,18,.86),rgba(5,10,18,.96) 60%,rgba(5,10,18,.98))!important}
footer .brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}footer .brand-mk{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;padding:5px;background:linear-gradient(145deg,rgba(46,134,222,.14),rgba(217,168,79,.1));border:1px solid rgba(217,168,79,.22);flex:none}footer .logo-img{display:block;width:100%;height:100%;background:url("/enertchad-logo.svg") center/contain no-repeat;filter:drop-shadow(0 3px 8px rgba(0,0,0,.42))}footer .brand-tx{color:#fff;font-weight:700;font-size:1.05rem;letter-spacing:-.01em;line-height:1.1}footer .brand-tx .s{background:linear-gradient(110deg,var(--blue-l,#5AA7F0),var(--gold-l,#E8C36A));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}footer .brand-tx small{display:block;font-family:var(--fm,ui-monospace,monospace);font-weight:400;font-size:0.6875rem;letter-spacing:.09em;line-height:1.45;color:#8C9AB0;text-transform:uppercase;margin-top:3px;white-space:nowrap}

/* Polices reelles (01/08/2026) : les fichiers -latin-ext d'origine etaient la tranche U+0100+ SEULE (aucune minuscule ascii, aucun accent) - 115 KB morts, tout le texte tombait en police systeme glyphe par glyphe. Tranches latin + latin-ext sous-ensemblees aux caracteres du site (fontsource variable). */
@font-face{font-family:'Space Grotesk';src:url('/assets/fonts/NationalPark-Regular-latin.woff2') format('woff2');font-weight:300 499;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Space Grotesk';src:url('/assets/fonts/NationalPark-Bold-latin.woff2') format('woff2');font-weight:500 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Space Grotesk';src:url('/assets/fonts/NationalPark-Regular-latin-ext.woff2') format('woff2');font-weight:300 499;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Space Grotesk';src:url('/assets/fonts/NationalPark-Bold-latin-ext.woff2') format('woff2');font-weight:500 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';src:url('/assets/fonts/Inter-latin.woff2') format('woff2');font-weight:400 700;font-display:optional;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';src:url('/assets/fonts/Inter-latin-ext.woff2') format('woff2');font-weight:400 700;font-display:optional;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}


/* jtop-mobile-fix */@media(max-width:600px){.jtop{gap:10px 14px;padding-left:14px;padding-right:14px;flex-wrap:wrap}.jbrand{white-space:nowrap}.jback{white-space:nowrap}}
/* iOS safe-area : l'en-tete colle des carnets respecte l'encoche. */
@supports(top:env(safe-area-inset-top)){header.jtop:not(#_){padding-top:calc(14px + env(safe-area-inset-top));padding-left:max(clamp(18px,5vw,40px),env(safe-area-inset-left));padding-right:max(clamp(18px,5vw,40px),env(safe-area-inset-right))}}

.jtop .jback:not(#_){padding:8px 10px;margin:-8px -10px}
