:root{--nwit:#07242b;--nwit-2:#0c333d;--lagon:#00bfc4;--mango:#ffb627;--hibiscus:#ff4d3d;--kann:#1dbf73;--sab:#fff4e3;--sab-soft:#fff4e39e;--line:#fff4e324;--titre:"Anton", Impact, sans-serif;--texte:"Montserrat", system-ui, sans-serif;--manuscrit:"Caveat", cursive;--largeur:720px;--espace:24px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--nwit);color:var(--sab);font-family:var(--texte);-webkit-font-smoothing:antialiased;line-height:1.6}.site-header{padding:var(--espace);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.logo{font-family:var(--titre);letter-spacing:.5px;text-transform:uppercase;color:var(--sab);font-size:26px;text-decoration:none}.site-header nav{flex-wrap:wrap;gap:20px;display:flex}.site-header nav a{letter-spacing:1.5px;text-transform:uppercase;color:var(--sab-soft);font-size:13px;font-weight:700;text-decoration:none;transition:color .2s}.site-header nav a:hover{color:var(--lagon)}main{max-width:var(--largeur);padding:64px var(--espace);margin:0 auto}main h1{font-family:var(--titre);text-transform:uppercase;margin-bottom:20px;font-size:clamp(34px,8vw,68px);line-height:.92}main h2{font-family:var(--titre);text-transform:uppercase;color:var(--lagon);margin:40px 0 16px;font-size:clamp(24px,5vw,34px);line-height:.95}main p{margin-bottom:16px}main strong{color:var(--mango)}main a{color:var(--lagon)}main ol,main ul{color:var(--sab-soft);margin:0 0 16px 24px}main li{margin-bottom:6px}main blockquote{border-left:3px solid var(--hibiscus);font-family:var(--manuscrit);color:var(--mango);margin:32px 0;padding-left:20px;font-size:clamp(24px,5vw,34px);line-height:1.2}.site-footer{border-top:1px solid var(--line);padding:var(--espace);text-align:center;color:var(--sab-soft);font-size:13px}.accroche{color:var(--sab-soft);margin-bottom:56px;font-size:clamp(17px,2.4vw,22px);font-weight:600}.liste-articles{gap:2px;margin:0;padding:0;list-style:none;display:grid}.liste-articles a{background:var(--nwit-2);color:var(--sab);border-left:3px solid #0000;padding:24px;text-decoration:none;transition:border-color .2s,background .2s;display:block}.liste-articles a:hover{border-left-color:var(--lagon);background:#10404c}.liste-articles h3{font-family:var(--titre);letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;font-size:21px}.liste-articles p{color:var(--sab-soft);margin:0;font-size:15px}.couverture{border-radius:4px;width:100%;height:auto;margin-bottom:32px;display:block}