/* ==========================================================================
   Maxelik, page fille « Stratégie de netlinking » (classes nl-), sur le socle seo.css du silo
   ========================================================================== */
.nl-hero{padding-block:clamp(20px,3.2vh,44px) calc(clamp(20px,3.2vh,44px) + 52px)}

/* ---------- hero : liens du trimestre ---------- */
.nl-hc{padding:clamp(22px,2.6vw,30px);border-radius:var(--r);background:rgba(10,20,30,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 60px -40px rgba(0,0,0,.8)}
.nl-hc-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;color:#fff}
.nl-hc-h span{font-size:.74rem;color:#8a9aa3}
.nl-hc ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.nl-hc li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:var(--r);background:rgba(255,255,255,.06)}
.nl-hc li i{width:10px;height:10px;border-radius:50%}
.nl-hc .t-pr{background:#00BAFF}.nl-hc .t-an{background:#0083FF}.nl-hc .t-pa{background:#7fd8ff}.nl-hc .t-bl{background:#9fb6ff}
.nl-hc li span{display:grid;gap:2px;font-size:.84rem;color:#b8c5cc}
.nl-hc li b{font-size:.95rem;color:#fff}
.nl-hc li em{padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.1);font-style:normal;font-size:.72rem;font-weight:900;color:#e6edf0}

/* ---------- un lien qui compte / qui expose ---------- */
.nl-vs-h{margin-top:clamp(48px,6vw,80px);font-size:1.35rem}
.nl-vs{display:grid;margin-top:22px;border-radius:var(--r);overflow:clip}
.nl-vs-r{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr) minmax(0,1fr)}
.nl-vs-r>*{padding:16px 22px}
.nl-vs-r>span{font-size:.9rem;font-weight:800;color:var(--slate);box-shadow:0 -1px 0 #e3eaf0}
.nl-vs-r p{font-size:.95rem;line-height:1.55}
.nl-vs-r p:nth-child(2){background:#eaf6ef;color:#1d4d33;box-shadow:0 -1px 0 #d3eadc}
.nl-vs-r p:nth-child(3){background:#fbeeee;color:#6b2a2a;box-shadow:0 -1px 0 #f1d9d9}
.nl-vs-hd>*{box-shadow:none!important}
.nl-vs-hd p{font-size:.86rem!important;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.nl-vs-hd p.ok{background:#1fae6a!important;color:#fff!important}
.nl-vs-hd p.ko{background:#e5484d!important;color:#fff!important}

/* ---------- sources ---------- */
.nl-src{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.nl-src-c{padding:clamp(26px,3.2vw,42px);border-radius:var(--r);background:#fff;box-shadow:0 26px 54px -46px rgba(10,40,80,.5)}
.nl-src-c.is-local{background:radial-gradient(120% 120% at 100% 0%,#0a4a91 0%,#112a40 55%,#141d22 100%);box-shadow:0 50px 90px -60px rgba(10,40,80,.8)}
.nl-src-k{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:900;color:var(--slate)}
.nl-src-k .ico{width:30px;height:30px}
.nl-src-c.is-local .nl-src-k{color:#fff}
.nl-src-c.is-local .nl-src-k .ico{color:#fff}
.nl-src-c ul{list-style:none;margin:16px 0 0;padding:0;display:grid}
.nl-src-c li{display:grid;gap:4px;padding:16px 0;font-size:.94rem;line-height:1.6;color:var(--ink-2);box-shadow:0 -1px 0 #e3eaf0}
.nl-src-c li b{font-size:1.04rem;color:var(--slate)}
.nl-src-c.is-local li{color:#b8c5cc;box-shadow:0 -1px 0 rgba(255,255,255,.1)}
.nl-src-c.is-local li b{color:#fff}

/* ---------- liens et IA ---------- */
.nl-ia-s{position:relative;overflow:clip;isolation:isolate;background:radial-gradient(60% 80% at 100% 0%,rgba(0,131,255,.22),transparent 70%),#0f1a22}
.nl-ia-s::after{content:"";position:absolute;z-index:-1;left:-100px;bottom:-110px;width:420px;aspect-ratio:1;background:url("img/maxelik-symbole.svg") no-repeat center/contain;opacity:.05;filter:brightness(3)}
.nl-ia{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,80px);align-items:center}
.nl-ia>div{display:grid;gap:16px;justify-items:start}
.nl-ia .sn-ed-k{color:#7fd8ff}
.nl-ia>div>p:not(.sn-ed-k){font-size:1.04rem;line-height:1.7;color:#c8d3d9}
.nl-ia-a{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#7fd8ff;text-decoration:none}
.nl-ia-a svg{width:16px;height:16px}
.nl-ia-l{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.nl-ia-l li{display:grid;gap:4px;padding:20px 22px;border-radius:var(--r);background:rgba(255,255,255,.05);font-size:.95rem;line-height:1.6;color:#b8c5cc}
.nl-ia-l b{font-size:1.06rem;color:#fff}

/* ---------- méthode ---------- */
.nl-me{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.6vw,18px)}
.nl-me li{display:flex;flex-direction:column;gap:10px;padding:24px 20px;border-radius:var(--r);background:var(--soft)}
.nl-me li>span{font-size:2rem;font-weight:900;line-height:1;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.nl-me h3{font-size:1.1rem}
.nl-me p{font-size:.92rem;line-height:1.6;color:var(--ink-2)}

/* ---------- registre + refus ---------- */
.nl-rg{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,80px);align-items:start}
.nl-rg-t{display:grid;gap:16px}
.nl-rg-t>p:not(.sn-ed-k){font-size:1.02rem;line-height:1.7;color:var(--ink-2)}
.nl-no{margin-top:6px;padding:20px 22px;border-radius:var(--r);background:#fff}
.nl-no-k{font-size:.8rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#c43a3f}
.nl-no ul{list-style:none;margin:10px 0 0;padding:0;display:grid}
.nl-no li{position:relative;padding:9px 0 9px 26px;font-size:.93rem;font-weight:700;color:var(--slate);box-shadow:0 -1px 0 #eef2f5}
.nl-no li::before,.nl-no li::after{content:"";position:absolute;left:3px;top:50%;width:12px;height:2px;border-radius:2px;background:#e5484d;transform:rotate(45deg)}
.nl-no li::after{transform:rotate(-45deg)}
.nl-tb{margin:0;border-radius:var(--r);background:#fff;box-shadow:0 50px 90px -60px rgba(10,40,80,.6);overflow:clip}
.nl-tb-bar{display:flex;justify-content:space-between;gap:12px;padding:14px 22px;background:var(--slate);font-size:.86rem;font-weight:800;color:#fff}
.nl-tb-bar em{font-style:normal;font-weight:600;font-size:.76rem;color:#9fb0b9}
.nl-tb-g{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.1fr);align-items:stretch;padding:6px 22px 10px;column-gap:14px}
.nl-tb-g>*{padding:13px 0;box-shadow:0 -1px 0 #edf2f6}
.nl-tb-g .h{box-shadow:none;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#8a9aa4}
.nl-tb-g .s{display:grid;gap:2px;font-size:.78rem;color:#7b8a94}
.nl-tb-g .s b{font-size:.9rem;color:var(--slate)}
.nl-tb-g .p{font:700 .8rem/1.3 ui-monospace,Consolas,monospace;color:var(--ink-2);overflow-wrap:anywhere}
.nl-tb-g .a{font-size:.86rem;font-weight:800;color:var(--blue)}
.nl-tb figcaption{padding:12px 22px 16px;font-size:.76rem;color:#7b8a94;box-shadow:0 -1px 0 #edf2f6}

/* ---------- prix ---------- */
.nl-px{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,80px);align-items:start}
.nl-px h2{margin-top:10px}
.nl-px-t{display:grid;gap:14px;justify-items:start}
.nl-px-t p{font-size:1.02rem;line-height:1.7;color:var(--ink-2)}
.nl-px-t a{font-weight:800;color:var(--blue)}
.nl-px-a{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.nl-px-a svg{width:16px;height:16px}
.nl-lx-s .sn-lx>div{background:#fff}

/* ---------- responsive ---------- */
@media (max-width:1100px){.nl-me{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1000px){.nl-hc{display:none}.nl-src,.nl-ia,.nl-rg,.nl-px{grid-template-columns:1fr}}
@media (max-width:700px){
  .nl-me{grid-template-columns:1fr}
  .nl-vs-hd{display:none}
  .nl-vs-r{grid-template-columns:1fr;margin-top:10px;border-radius:var(--r);overflow:clip}
  .nl-vs-r>span{box-shadow:none;background:#f4f8fd}
  .nl-vs-r p:nth-child(2)::before{content:"Qui compte : ";font-weight:900}
  .nl-vs-r p:nth-child(3)::before{content:"Qui expose : ";font-weight:900}
  .nl-tb-g{grid-template-columns:1fr 1fr;padding:6px 16px 10px}
  .nl-tb-g .h:nth-child(3),.nl-tb-g .a{display:none}
}