/* ===================== TOKENS ===================== */
#txf-sang{
  --c-red:#d00408; --c-red-l:#ff3a40; --c-red-d:#b00307; --c-red-soft:rgba(208,4,8,.10);
  --c-gold:#facc15; --c-green:#4ade80; --c-green-d:#16a34a; --c-green-soft:rgba(74,222,128,.10);
  --c-text:#fff; --c-text-2:rgba(255,255,255,.86); --c-text-3:rgba(255,255,255,.62);
  --c-bg:#000; --c-bg-2:#060606;
  --c-border:rgba(255,255,255,.10); --c-border-strong:rgba(208,4,8,.32);
  --radius-xs:10px; --radius:14px; --radius-lg:18px;
  --shadow-xl:0 22px 60px rgba(0,0,0,.45);
  --ease:cubic-bezier(.22,.61,.36,1); --spring:cubic-bezier(.34,1.56,.64,1);
  --section-y:clamp(40px,7vw,84px); --pad-x:clamp(16px,5vw,40px);
  --txf-top:90px;
}
@media (max-width:1023px){#txf-sang{--txf-top:72px}}
/* ===================== RESET SCOPÉ ===================== */
#txf-sang,#txf-sang *{box-sizing:border-box;margin:0;padding:0}
#txf-sang{
  font-family:'Urbanist',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  color:var(--c-text-2);position:relative;
  padding:clamp(16px,4vw,40px) var(--pad-x) var(--section-y);
  background:
    radial-gradient(ellipse 70% 40% at 12% 0%, rgba(208,4,8,.12) 0%, transparent 55%),
    linear-gradient(180deg,#060606 0%,#000 45%,#060606 100%);
}
#txf-sang a{color:var(--c-red-l);text-decoration:none;transition:color .2s var(--ease)}
#txf-sang a:hover{text-decoration:underline}
#txf-sang strong{color:var(--c-text);font-weight:700}
#txf-sang em{font-style:normal}

/* ===================== SHELL ===================== */
#txf-sang .txf-shell{max-width:1200px;margin:0 auto;display:grid;gap:clamp(22px,3vw,46px);grid-template-columns:1fr;align-items:start}
@media (min-width:1000px){#txf-sang .txf-shell{grid-template-columns:236px minmax(0,1fr)}}

/* ===================== SOMMAIRE ===================== */
#txf-sang .txf-toc{min-width:0}
#txf-sang .txf-toc__title{font:700 .72rem/1 'Urbanist';letter-spacing:.2em;text-transform:uppercase;color:var(--c-red-l);margin-bottom:14px;display:none}
#txf-sang .txf-toc__list{display:flex;gap:6px}
#txf-sang .txf-toc__link{flex:0 0 auto;display:flex;align-items:center;gap:10px;font:700 .82rem/1.2 'Urbanist';letter-spacing:.04em;color:var(--c-text-3);border-radius:50px;padding:10px 14px;white-space:nowrap;text-decoration:none;transition:color .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease)}
#txf-sang .txf-toc__link:hover{text-decoration:none}
#txf-sang .txf-toc__num{font:800 .68rem/1 'Urbanist';color:var(--c-red-l);opacity:.8;min-width:1.4em;text-align:center}
@media (hover:hover){#txf-sang .txf-toc__link:hover{color:var(--c-text)}}
#txf-sang .txf-toc__link.is-active{color:#fff}
#txf-sang .txf-toc__link:focus-visible{outline:2px solid var(--c-red-l);outline-offset:2px}
@media (max-width:999px){
  #txf-sang .txf-toc{position:-webkit-sticky;position:sticky;top:var(--txf-top);z-index:60;margin:0 calc(var(--pad-x) * -1)}
  #txf-sang .txf-toc__inner{position:relative;background:rgba(0,0,0,.72);-webkit-backdrop-filter:saturate(150%) blur(12px);backdrop-filter:saturate(150%) blur(12px);border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border)}
  #txf-sang .txf-toc__list{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:9px var(--pad-x)}
  #txf-sang .txf-toc__list::-webkit-scrollbar{display:none}
  #txf-sang .txf-toc__link.is-active{background:var(--c-red-soft);box-shadow:inset 0 0 0 1px var(--c-border-strong)}
  #txf-sang .txf-toc__progress{position:absolute;left:0;bottom:0;height:2px;width:0;background:linear-gradient(90deg,var(--c-red),var(--c-red-l));box-shadow:0 0 10px rgba(208,4,8,.6);transition:width .12s linear;will-change:width}
}
@media (min-width:1000px){
  #txf-sang .txf-toc{position:-webkit-sticky;position:sticky;top:calc(var(--txf-top) + 88px)}
  #txf-sang .txf-toc__title{display:block}
  #txf-sang .txf-toc__inner{border-left:1px solid var(--c-border);padding-left:18px;position:relative}
  #txf-sang .txf-toc__list{flex-direction:column;gap:2px}
  #txf-sang .txf-toc__link{width:100%;border-radius:var(--radius);padding:9px 12px}
  #txf-sang .txf-toc__link.is-active{background:var(--c-red-soft);box-shadow:inset 0 0 0 1px var(--c-border-strong)}
  #txf-sang .txf-toc__progress{position:absolute;left:-1px;top:0;width:2px;height:0;background:linear-gradient(180deg,var(--c-red),var(--c-red-l));box-shadow:0 0 10px rgba(208,4,8,.6);transition:height .12s linear;will-change:height}
}

/* ===================== PROSE ===================== */
#txf-sang .txf-art{min-width:0}
#txf-sang .txf-prose{max-width:70ch}
#txf-sang .txf-prose p{font:400 clamp(1.06rem,.6vw + .9rem,1.2rem)/1.72 'Urbanist';color:var(--c-text-2);margin:0 0 1.15em}
#txf-sang .txf-prose ul{margin:.2em 0 1.3em;padding:0;list-style:none}
#txf-sang .txf-prose li{font:400 clamp(1.04rem,.5vw + .9rem,1.15rem)/1.65 'Urbanist';color:var(--c-text-2);position:relative;padding:.16em 0 .16em 1.5em;margin-bottom:.5em}
#txf-sang .txf-prose li::before{content:"";position:absolute;left:.15em;top:.82em;width:7px;height:7px;border-radius:50%;background:var(--c-red);box-shadow:0 0 10px rgba(208,4,8,.6)}
#txf-sang .txf-prose ol{margin:.2em 0 1.3em;padding-left:1.6em}
#txf-sang .txf-prose ol li{font:400 clamp(1.04rem,.5vw + .9rem,1.15rem)/1.65 'Urbanist';color:var(--c-text-2);padding:.16em 0 .16em .2em;margin-bottom:.5em}
#txf-sang .txf-prose ol li::before{display:none}

/* ===================== HEADER ===================== */
#txf-sang .t-eyebrow{font:700 .72rem/1 'Urbanist';letter-spacing:.22em;text-transform:uppercase;color:var(--c-red-l);display:inline-block;margin-bottom:14px}
#txf-sang h1{font:800 clamp(2.1rem,5.2vw,3.4rem)/1.08 'Urbanist';letter-spacing:-.02em;color:var(--c-text);margin-bottom:18px;max-width:20ch}
#txf-sang h1 em{color:var(--c-red-l)}
#txf-sang .t-lead{font:500 clamp(1.18rem,.8vw + .95rem,1.42rem)/1.55 'Urbanist';color:var(--c-text-2);max-width:64ch;margin-bottom:14px}
#txf-sang .txf-meta{font:600 .78rem/1.4 'Urbanist';text-transform:uppercase;letter-spacing:.1em;color:var(--c-text-3);margin:4px 0 0}

/* ===================== TITRES ===================== */
#txf-sang .txf-art h2{font:700 clamp(1.45rem,3vw,2.05rem)/1.16 'Urbanist';color:var(--c-text);letter-spacing:-.01em;margin:clamp(46px,6vw,72px) 0 16px;scroll-margin-top:calc(var(--txf-top) + 96px);max-width:28ch}
#txf-sang .txf-art h3{font:700 clamp(1.14rem,2.2vw,1.4rem)/1.25 'Urbanist';color:var(--c-text);margin:28px 0 10px;scroll-margin-top:calc(var(--txf-top) + 96px)}
#txf-sang .t-kicker{font:700 .74rem/1 'Urbanist';letter-spacing:.18em;text-transform:uppercase;color:var(--c-red-l);display:block;margin-bottom:9px}

/* ===================== BLOCKQUOTE ===================== */
#txf-sang blockquote{border-left:2px solid var(--c-red);padding:5px 0 5px 16px;margin:22px 0;max-width:60ch;font:500 .95rem/1.55 'Urbanist';font-style:italic;color:var(--c-text-2)}

/* ===================== FIGURES ===================== */
#txf-sang figure{margin:26px 0;max-width:420px}
#txf-sang figure img{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;border-radius:var(--radius);border:1px solid var(--c-border)}
#txf-sang figcaption{font:600 .8rem/1.45 'Urbanist';text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-3);margin-top:9px;max-width:420px}

/* ===================== CARTES ===================== */
#txf-sang .txf-grid{display:grid;gap:clamp(14px,2vw,20px)}
@media (min-width:620px){#txf-sang .txf-grid-2{grid-template-columns:repeat(2,1fr)}}
@media (min-width:860px){#txf-sang .txf-grid-3{grid-template-columns:repeat(3,1fr)}}
#txf-sang .txf-card{border:1px solid var(--c-border);border-radius:var(--radius-lg);background:rgba(255,255,255,.03);padding:20px clamp(16px,2.4vw,22px)}
#txf-sang .txf-card h3{margin:0 0 6px;font-size:clamp(1.1rem,2vw,1.28rem)}
#txf-sang .txf-card p{font:400 1.0rem/1.6 'Urbanist';color:var(--c-text-2);margin:6px 0 0}
#txf-sang .txf-card .txf-ico{font:800 .72rem/1 'Urbanist';letter-spacing:.12em;text-transform:uppercase;color:var(--c-red-l);display:block;margin-bottom:8px}

/* ===================== NOTE ===================== */
#txf-sang .txf-note{border:1px solid var(--c-border);border-left:3px solid var(--c-gold);border-radius:var(--radius);background:rgba(250,204,21,.05);padding:16px 18px;margin:26px 0;max-width:70ch}
#txf-sang .txf-note p{margin:0;font:400 1.04rem/1.62 'Urbanist';color:var(--c-text-2)}
#txf-sang .txf-note p + p{margin-top:.7em}

/* ===================== STATUS ===================== */
#txf-sang .txf-status{border-radius:var(--radius-lg);border:1px solid var(--c-border);overflow:hidden}
#txf-sang .txf-status.ok{border-color:rgba(74,222,128,.30)}
#txf-sang .txf-status.no{border-color:var(--c-border-strong)}
#txf-sang .txf-status__head{display:flex;align-items:center;gap:10px;padding:14px 18px;font:800 .92rem/1 'Urbanist';letter-spacing:.05em;text-transform:uppercase;color:#fff;background:none;border-bottom:1px solid var(--c-border)}
#txf-sang .txf-status.ok .txf-status__head{border-bottom-color:rgba(74,222,128,.45)}
#txf-sang .txf-status.no .txf-status__head{border-bottom-color:var(--c-red-l)}
#txf-sang .txf-status__dot{width:12px;height:12px;border-radius:50%}
#txf-sang .txf-status.ok .txf-status__dot{background:var(--c-green);box-shadow:0 0 10px rgba(74,222,128,.7)}
#txf-sang .txf-status.no .txf-status__dot{background:var(--c-red-l);box-shadow:0 0 10px rgba(208,4,8,.7)}
#txf-sang .txf-status__body{padding:6px 18px 16px}
#txf-sang .txf-status__body ul{margin:8px 0 0;padding:0;list-style:none}
#txf-sang .txf-status__body li{font:400 1.02rem/1.55 'Urbanist';color:var(--c-text-2);position:relative;padding:.3em 0 .3em 1.4em;border-top:1px solid var(--c-border)}
#txf-sang .txf-status__body li:first-child{border-top:0}
#txf-sang .txf-status__body li::before{content:"";position:absolute;left:.1em;top:.95em;width:7px;height:7px;border-radius:50%}
#txf-sang .txf-status.ok li::before{background:var(--c-green)}
#txf-sang .txf-status.no li::before{background:var(--c-red-l)}
#txf-sang .txf-status__body li b{color:var(--c-text)}

/* ===================== FAQ ===================== */
#txf-sang .txf-faq{display:grid;gap:10px;margin-top:6px}
#txf-sang details.txf-q{border:1px solid var(--c-border);border-radius:var(--radius);background:rgba(255,255,255,.03);overflow:hidden;transition:border-color .25s var(--ease)}
#txf-sang details.txf-q[open]{border-color:var(--c-border-strong)}
#txf-sang details.txf-q summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;font:700 clamp(1.04rem,1.6vw,1.18rem)/1.35 'Urbanist';color:var(--c-text)}
#txf-sang details.txf-q summary::-webkit-details-marker{display:none}
#txf-sang details.txf-q .txf-q__ico{flex:0 0 auto;width:26px;height:26px;border-radius:50%;border:1px solid var(--c-border-strong);position:relative;transition:transform .3s var(--spring),background .3s var(--ease)}
#txf-sang details.txf-q .txf-q__ico::before,#txf-sang details.txf-q .txf-q__ico::after{content:"";position:absolute;left:50%;top:50%;background:var(--c-red-l);border-radius:2px;transform:translate(-50%,-50%)}
#txf-sang details.txf-q .txf-q__ico::before{width:11px;height:2px}
#txf-sang details.txf-q .txf-q__ico::after{width:2px;height:11px;transition:transform .3s var(--ease),opacity .3s var(--ease)}
#txf-sang details.txf-q[open] .txf-q__ico{background:var(--c-red-soft);transform:rotate(180deg)}
#txf-sang details.txf-q[open] .txf-q__ico::after{transform:translate(-50%,-50%) scaleY(0);opacity:0}
#txf-sang details.txf-q .txf-q__a{padding:0 18px 16px}
#txf-sang details.txf-q .txf-q__a p{margin:0;font:400 1.04rem/1.65 'Urbanist';color:var(--c-text-2)}

/* ===================== SOURCES ===================== */
#txf-sang .txf-sources{border:1px solid var(--c-border);border-radius:var(--radius-lg);background:rgba(255,255,255,.02);padding:20px clamp(16px,2.4vw,24px);margin-top:18px}
#txf-sang .txf-sources ol{margin:10px 0 0;padding-left:1.3em}
#txf-sang .txf-sources li{font:400 .98rem/1.55 'Urbanist';color:var(--c-text-2);margin-bottom:.5em}
#txf-sang .txf-sources li b{color:var(--c-text)}

/* ===================== CTA ===================== */
#txf-sang .txf-cta{margin:clamp(46px,6vw,72px) 0 0;text-align:center;border:1px solid var(--c-border);border-radius:var(--radius-lg);background:radial-gradient(ellipse 80% 130% at 50% 0%,rgba(208,4,8,.16),transparent 70%);padding:clamp(30px,5vw,48px) var(--pad-x)}
#txf-sang .txf-cta h2{margin:0 0 10px;scroll-margin-top:0;max-width:none}
#txf-sang .txf-cta p{font:400 1.1rem/1.6 'Urbanist';color:var(--c-text-2);max-width:58ch;margin:0 auto}
#txf-sang .txf-cta__btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:22px}
#txf-sang .txf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 26px;border-radius:var(--radius);background:var(--c-red);color:#fff;text-decoration:none;font:800 .92rem/1 'Urbanist';letter-spacing:.04em;text-transform:uppercase;transition:transform .25s var(--ease),box-shadow .25s var(--ease);box-shadow:0 12px 30px rgba(208,4,8,.35)}
#txf-sang .txf-btn:hover{transform:translateY(-2px);text-decoration:none;box-shadow:0 18px 40px rgba(208,4,8,.45)}
#txf-sang .txf-btn-ghost{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.34);color:#fff;box-shadow:none}
#txf-sang .txf-cta .txf-fineprint{font-size:1rem;margin-top:18px}

#txf-sang hr{border:0;height:1px;background:var(--c-border);margin:38px 0}
#txf-sang .txf-foot{font:400 .95rem/1.6 'Urbanist';color:var(--c-text-3);max-width:70ch}

@media (prefers-reduced-motion:reduce){#txf-sang *{transition:none!important;scroll-behavior:auto!important}}