/* ===== PAGES INTERNES (style DLO) ===== */
.subhero{position:relative;overflow:hidden;padding:58px 0 44px;
  background:radial-gradient(760px 320px at 82% -25%,rgba(255,122,26,.15),transparent 60%),linear-gradient(180deg,#0b0c10,#0a0b0d);
  border-bottom:1px solid var(--line)}
.subhero-visual{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;opacity:.30}
.subhero-illus{position:absolute;right:-50px;top:50%;transform:translateY(-50%);height:175%;width:auto;z-index:0;opacity:.9;pointer-events:none;user-select:none}
.subhero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0b0c10 34%,rgba(11,12,16,.55) 58%,rgba(11,12,16,0) 82%)}
.subhero .wrap{position:relative;z-index:2}
.crumb{font-family:var(--mono);font-size:12.5px;color:var(--mut2);display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.crumb a{color:var(--mut)} .crumb a:hover{color:var(--acc)} .crumb .sep{color:var(--acc);opacity:.6}
.subhero .pill{display:inline-flex;gap:8px;align-items:center;font-family:var(--mono);font-size:12px;color:var(--acc);
  border:1px solid rgba(255,122,26,.32);background:rgba(255,122,26,.08);border-radius:999px;padding:5px 12px;margin-bottom:14px}
.subhero h1{font-size:42px;letter-spacing:-.02em;max-width:900px;margin:6px 0 0}
.content{padding:60px 0}
/* prose : contenu WordPress restylé (dark cyber) */
.prose{max-width:880px;margin:0 auto;color:#c3cad2;font-size:16px;line-height:1.78}
.prose h2{font-family:var(--disp);font-weight:700;color:var(--wht);font-size:26px;letter-spacing:-.01em;margin:46px 0 14px;padding-top:24px;border-top:1px solid var(--line)}
.prose h2:first-child{margin-top:0;padding-top:0;border-top:0}
.prose h2::before{content:"// ";color:var(--acc);font-family:var(--mono);font-size:14px}
.prose h3{font-family:var(--disp);font-weight:600;color:var(--wht);font-size:20px;margin:30px 0 10px}
.prose h4{font-family:var(--mono);color:var(--acc);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;margin:26px 0 8px}
.prose p{margin:0 0 16px}
.prose strong,.prose b{color:var(--wht);font-weight:600}
.prose a{color:var(--acc)} .prose a:hover{color:var(--acc2)}
.prose ul,.prose ol{margin:0 0 22px;padding:0;list-style:none}
.prose li{position:relative;padding-left:26px;margin:0 0 11px}
.prose ul li::before{content:"";position:absolute;left:3px;top:10px;width:6px;height:6px;border-radius:50%;
  background:var(--acc)}
.prose ul ul li::before{width:5px;height:5px;background:transparent;border:1px solid var(--acc);opacity:.5}
.prose ol{counter-reset:pl} .prose ol li{counter-increment:pl}
.prose ol li::before{content:counter(pl);position:absolute;left:0;top:0;font-family:var(--mono);font-size:12px;color:var(--acc)}
.prose img{max-width:100%;height:auto;border-radius:10px;border:1px solid var(--line)}
.prose blockquote{border-left:3px solid var(--acc);margin:22px 0;padding:8px 18px;color:var(--mut);background:rgba(255,122,26,.05);border-radius:0 8px 8px 0}
.prose table{width:100%;border-collapse:collapse;margin:20px 0}
.prose th,.prose td{border:1px solid var(--line);padding:10px 12px;text-align:left;font-size:14px}
.prose th{background:rgba(255,122,26,.08);color:var(--wht);font-family:var(--disp)}
/* WPBakery : neutraliser d'éventuels fonds clairs */
.prose .vc_row,.prose .wpb_row,.prose .vc_column-inner{background:transparent!important}
@media(max-width:640px){.subhero h1{font-size:32px}.prose{font-size:15.5px}}