/* Next Step — habillage du blog (charte : #0B1D33 / #2270DD / #7FB1F0 / #BBD7F7, Archivo + IBM Plex Sans) */
:root{
	--ns-dark:#0B1D33;
	--ns-blue:#2270DD;
	--ns-blue2:#3B84EA;
	--ns-lblue:#7FB1F0;
	--ns-sky:#BBD7F7;
	--ns-grey2:#F2F5FA;
	--ns-ink:#1C2A3A;
	--ns-muted:#5E6D82;
}
body{ margin:0; font-family:'IBM Plex Sans',sans-serif; background:var(--ns-grey2); color:var(--ns-ink); line-height:1.7; }
body.ns-blog, body.ns-single{ min-height:100vh; min-height:100svh; display:flex; flex-direction:column; }
.ns-main{ flex:1; }
h1,h2,h3,h4,h5,h6{ font-family:'Archivo',sans-serif; color:var(--ns-dark); }
img{ max-width:100%; height:auto; }

/* ---------- Chrome (header / footer) ---------- */
.ns-wrap{ max-width:1180px; margin:0 auto; padding:0 24px; }
.ns-h{ background:var(--ns-dark); border-bottom:1px solid rgba(255,255,255,.07); }
.ns-hrow{ display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:76px; flex-wrap:wrap; padding-top:8px; padding-bottom:8px; }
.ns-brand{ display:flex; align-items:center; gap:12px; text-decoration:none; }
.ns-brand svg{ width:42px; height:42px; }
.ns-wm{ font-family:'Archivo',sans-serif; font-weight:800; font-size:21px; color:#fff; letter-spacing:.4px; line-height:1.05; }
.ns-wm b{ color:var(--ns-lblue); }
.ns-wm small{ display:block; font-size:10.5px; letter-spacing:2px; color:var(--ns-sky); font-weight:500; }
.ns-nav{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.ns-nav a{ color:#D7E3F5; text-decoration:none; font-weight:600; font-size:15.5px; padding:9px 15px; border-radius:10px; transition:.2s; }
.ns-nav a:hover{ color:#fff; background:rgba(255,255,255,.09); }
.ns-nav a.on{ color:#fff; background:rgba(255,255,255,.12); }
.ns-f{ background:var(--ns-dark); color:#AFC2DD; padding:36px 0 30px; border-top:1px solid rgba(255,255,255,.07); margin-top:48px; }
.ns-frow{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; align-items:center; font-size:15px; }
.ns-num{ font-weight:700; color:var(--ns-sky); direction:ltr; unicode-bidi:embed; }
.ns-copy{ text-align:center; font-size:13px; color:#7288A8; margin-top:18px; }
.ns-credit{ text-align:center; font-size:12.5px; color:#7288A8; margin-top:8px; }
.ns-credit a{ color:#8FA6C4; text-decoration:none; }

/* ---------- Listing ---------- */
.ns-main{ padding:48px 24px 72px; }
.ns-title{ font-weight:900; font-size:clamp(30px,4vw,42px); margin:0 0 28px; }
.ns-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
@media(max-width:900px){ .ns-grid{ grid-template-columns:1fr; } }
.ns-card{ background:#fff; border:1.5px solid #DFE7F2; border-radius:20px; padding:26px; box-shadow:0 10px 26px rgba(16,42,80,.06); }
.ns-card h2{ font-size:20px; font-weight:800; margin:0 0 8px; line-height:1.4; }
.ns-card h2 a{ color:var(--ns-dark); text-decoration:none; }
.ns-card h2 a:hover{ color:var(--ns-blue); }
.ns-meta{ color:var(--ns-muted); font-size:14px; margin-bottom:10px; }
.ns-exc{ color:var(--ns-muted); font-size:15.5px; }
.ns-exc p{ margin:0 0 10px; }
.ns-more{ display:inline-block; color:var(--ns-blue); font-weight:700; text-decoration:none; font-size:15px; }
.ns-more:hover{ color:var(--ns-blue2); }
.ns-empty{ background:#fff; border:1.5px solid #DFE7F2; border-radius:20px; padding:32px; color:var(--ns-muted); font-size:16.5px; }
.ns-empty a{ color:var(--ns-blue); }
.ns-pag{ margin-top:28px; }
.ns-pag a, .ns-pag span{ color:var(--ns-blue); font-weight:600; margin-inline-end:10px; }

/* ---------- Article ---------- */
.ns-article{ max-width:820px; }
.ns-back{ display:inline-flex; align-items:center; gap:8px; color:var(--ns-blue); font-weight:700; text-decoration:none; margin-bottom:22px; font-size:15px; }
.ns-back svg{ width:17px; height:17px; flex:none; }
.ns-content{ font-size:16.5px; }
.ns-content p{ margin:0 0 16px; }
.ns-content h2, .ns-content h3{ margin:28px 0 12px; }
.ns-content a{ color:var(--ns-blue); }
.ns-content img{ border-radius:14px; }
.ns-content blockquote{ border-inline-start:4px solid var(--ns-lblue); margin:0 0 16px; padding:4px 0 4px 18px; color:var(--ns-muted); }