/* LokiKit — page Autorités */


  
  
  
  

  /* ── TAB NAV ── */
  .tab-nav {
    background:var(--white);
    border-bottom:1px solid rgba(0,0,0,0.08);
    position:sticky; top:var(--nav-height); z-index:50;
    overflow-x:auto; scrollbar-width:none;
  }
  .tab-nav::-webkit-scrollbar {display:none;}
  .tab-nav-inner {
    display:flex; align-items:center; padding:0 var(--page-gutter); white-space:nowrap;
  }
  .tab-sep {
    font-size:9px; font-weight:600; letter-spacing:0.1em;
    text-transform:uppercase; color:var(--text-light);
    padding:0 10px; border-left:1px solid rgba(0,0,0,0.07); margin-left:6px;
    flex-shrink:0;
  }
  .tab-sep:first-child {border-left:none; margin-left:0; padding-left:0;}
  .tab-link {
    display:inline-flex; align-items:center; gap:6px;
    font-size:12px; font-weight:500; color:var(--text-light);
    padding:14px 12px; text-decoration:none; flex-shrink:0;
    border-bottom:2px solid transparent; transition:color 0.2s;
  }
  .tab-link:hover {color:var(--text-dark);}
  .tab-link[aria-current="true"] {color:var(--sage); border-bottom-color:var(--sage); font-weight:600;}
  .tab-dot {width:6px; height:6px; border-radius:50%; flex-shrink:0;}
  .tab-cta {margin-left:auto; color:var(--sage)!important; font-weight:600; border-bottom:none!important;}

  /* ── STATS BAND ── */
  .stats-band {background:var(--white); border-bottom:1px solid rgba(0,0,0,0.07);}
  .stats-inner {display:flex;}
  .stat-item {
    flex:1; padding:22px var(--page-gutter); text-align:center;
    border-right:1px solid rgba(0,0,0,0.07);
  }
  .stat-item:last-child {border-right:none;}
  .stat-val {
    font-family:var(--font-display);
    font-size:28px; font-weight:800; color:var(--navy);
    display:block; line-height:1;
  }
  .stat-val em {font-style:normal; color:var(--sage);}
  .stat-label {font-size:11px; color:var(--text-light); display:block; margin-top:4px; line-height:1.3;}

  /* ── BLOCS ALTERNÉS ── */

  /* Bloc 1 — 50/50 : intro gauche / citation officielle droite */
  .bloc-1 {
    display:grid; grid-template-columns:1fr 1fr;
    min-height:340px;
    scroll-margin-top:110px;
  }
  .b1-left {
    background:var(--cream); padding:4rem clamp(1rem, 2vw, 2rem) 4rem var(--page-gutter);
    display:flex; flex-direction:column; justify-content:center;
  }
  .b1-right {
    background:var(--navy);
    background-color:var(--navy);
    padding:4rem var(--page-gutter) 4rem clamp(1rem, 2vw, 2rem);
    display:flex; flex-direction:column; justify-content:center;
    position:relative; overflow:hidden;
  }

  /* Fond opaque : ne pas animer l'opacité de toute la colonne */
  .b1-right.lk-reveal {
    opacity:1;
    transform:translateY(16px);
    transition:transform 0.55s ease;
  }

  .b1-right.lk-reveal.is-visible {
    transform:none;
  }

  .b1-right.lk-reveal .official-quote-block {
    opacity:0;
    transform:translateY(12px);
    transition:opacity 0.55s ease 0.1s, transform 0.55s ease 0.1s;
  }

  .b1-right.lk-reveal.is-visible .official-quote-block {
    opacity:1;
    transform:none;
  }
  .b1-right::before {
    content:''; position:absolute; bottom:-40px; right:-40px;
    width:200px; height:200px; border-radius:50%;
    background:radial-gradient(circle,rgba(107,143,113,0.15) 0%,transparent 70%);
    pointer-events:none;
  }
  .bloc-eyebrow {
    font-size:10px; font-weight:600; letter-spacing:0.12em;
    text-transform:uppercase; color:var(--sage); margin-bottom:10px;
  }
  .bloc-eyebrow-light {color:var(--sage-light);}
  .bloc-title {
    font-family:var(--font-display);
    font-size:clamp(22px,clamp(1rem, 2vw, 2rem),36px); font-weight:800;
    color:var(--text-dark); line-height:1.1; letter-spacing:-0.02em;
    margin-bottom:12px;
  }
  .bloc-title-white {color:var(--white);}
  .bloc-sub {
    font-size:14px; color:var(--text-mid); line-height:1.7; max-width:380px;
  }
  .official-quote-block {position:relative; z-index:1;}
  .oq-tag {
    font-size:9px; font-weight:600; letter-spacing:0.1em;
    text-transform:uppercase; color:var(--sage-light); margin-bottom:12px;
    display:flex; align-items:center; gap:8px;
  }
  .oq-icon {
    width:32px; height:32px; background:rgba(107,143,113,0.2);
    border-radius:7px; display:flex; align-items:center; justify-content:center;
    flex-shrink:0;
  }
  .oq-icon svg { stroke: var(--sage-light); }
  blockquote.oq {
    font-family:var(--font-display);
    font-size:clamp(14px,1.8vw,19px); font-weight:700;
    color:var(--white); line-height:1.5;
    border-left:3px solid var(--sage); padding-left:1.25rem;
    margin-bottom:14px; font-style:normal;
  }
  blockquote.oq strong {color:var(--sage-light);}
  .oq-meta {font-size:11px; color:rgba(255,255,255,0.35);}
  .oq-meta a {color:var(--sage-light); text-decoration:none;}
  .oq-meta a:hover {text-decoration:underline;}

  /* Bloc 2 — 50/50 inversé : recommandations gauche / grand chiffre droite */
  .bloc-2 {
    display:grid; grid-template-columns:1fr 1fr;
    scroll-margin-top:110px;
  }
  .b2-left {
    background:var(--white); padding:3.5rem clamp(1rem, 2vw, 2rem) 3.5rem var(--page-gutter);
  }
  .b2-right {
    background:var(--sage-pale); padding:3.5rem var(--page-gutter) 3.5rem clamp(1rem, 2vw, 2rem);
    display:flex; flex-direction:column; justify-content:center; align-items:center;
    text-align:center;
  }
  .reco-list {display:flex; flex-direction:column; gap:12px; margin-top:1rem;}
  .reco-item {
    display:flex; gap:12px; align-items:flex-start;
    background:var(--cream); border-radius:var(--radius-lg);
    padding:12px 14px; border:1px solid rgba(0,0,0,0.06);
    transition:box-shadow 0.2s;
  }
  .reco-item:hover {box-shadow:0 2px 10px rgba(0,0,0,0.07);}
  .reco-item-icon {
    width:32px; height:32px; flex-shrink:0;
    background:var(--sage-pale); border-radius:7px;
    display:flex; align-items:center; justify-content:center;
  }
  .reco-item-icon svg {stroke:var(--sage);}
  .reco-item-text {font-size:12px; color:var(--text-mid); line-height:1.4; padding-top:7px;}
  .reco-item-text strong {color:var(--text-dark); display:block; margin-bottom:1px; font-size:13px;}
  .reco-source {font-size:10px; color:var(--text-light); margin-top:4px;}
  .reco-source a {color:var(--sage); text-decoration:none;}

  .big-number {
    font-family:var(--font-display);
    font-size:clamp(80px,12vw,120px); font-weight:800;
    color:var(--navy); line-height:1; letter-spacing:-0.04em;
    display:block;
  }
  .big-number em {font-style:normal; color:var(--sage);}
  .big-number-label {
    font-size:14px; color:var(--text-mid); line-height:1.5;
    max-width:220px; margin-top:12px;
  }

  /* Bloc 3 — PLEINE LARGEUR : articles presse */
  .bloc-3 {
    background:var(--navy); padding:3.5rem var(--page-gutter);
    scroll-margin-top:110px;
  }
  .bloc-3-header {
    display:flex; justify-content:space-between; align-items:flex-end;
    margin-bottom:2rem;
  }
  .bloc-3-title {
    font-family:var(--font-display);
    font-size:clamp(20px,clamp(1rem, 2vw, 2rem),32px); font-weight:800;
    color:var(--white); line-height:1.1;
  }
  .bloc-3-count {font-size:12px; color:rgba(255,255,255,0.3);}
  .press-grid {
    display:grid; grid-template-columns:repeat(3,1fr); gap:12px;
  }
  .press-card {
    background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.07);
    border-radius:var(--radius-lg); overflow:hidden;
    display:flex; flex-direction:column;
    transition:border-color 0.2s, transform 0.2s;
  }
  .press-card:hover {border-color:rgba(107,143,113,0.35); transform:translateY(-2px);}
  .press-card-visual {
    height:90px; display:flex; flex-direction:column;
    align-items:center; justify-content:center; gap:6px;
    position:relative; overflow:hidden;
  }
  .press-card-visual::before {
    content:''; position:absolute; inset:0;
    background:repeating-linear-gradient(-45deg,transparent,transparent 20px,rgba(255,255,255,0.02) 20px,rgba(255,255,255,0.02) 21px);
  }
  .pv-vrt   {background:linear-gradient(135deg,#1a2a6b,#1e2535);}
  .pv-surv  {background:linear-gradient(135deg,#6b3a1a,#2a3347);}
  .pv-cnews {background:linear-gradient(135deg,#6b1a1a,#2a3347);}
  .pv-ess   {background:linear-gradient(135deg,#1a4a6b,#2a3347);}
  .pv-ta    {background:linear-gradient(135deg,#3a6b1a,#2a3347);}
  .pv-info  {background:linear-gradient(135deg,#4a1a6b,#2a3347);}

  .press-card-badge {
    font-size:10px; font-weight:700; letter-spacing:0.07em;
    text-transform:uppercase; color:var(--white);
    background:rgba(255,255,255,0.12); padding:3px 10px;
    border-radius:3px; position:relative; z-index:1;
  }
  .press-card-date {font-size:10px; color:rgba(255,255,255,0.35); position:relative; z-index:1;}
  .press-card-body {padding:1rem 1.1rem; flex:1; display:flex; flex-direction:column; gap:7px;}
  .press-card-tag {font-size:10px; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; color:var(--sage-light);}
  .press-card-text {font-size:12px; color:rgba(255,255,255,0.6); line-height:1.55; flex:1;}
  .press-card-text strong {color:var(--white); font-weight:600;}
  .press-card-link {
    display:inline-flex; align-items:center; gap:4px;
    font-size:11px; color:var(--sage-light); text-decoration:none;
    transition:color 0.2s;
  }
  .press-card-link:hover {color:var(--sage);}

  /* Bloc 4 — 50/50 : contexte gauche / citation sage droite */
  .bloc-4 {
    display:grid; grid-template-columns:1fr 1fr;
    scroll-margin-top:110px;
  }
  .b4-left {
    background:var(--cream); padding:3.5rem clamp(1rem, 2vw, 2rem) 3.5rem var(--page-gutter);
  }
  .b4-right {
    background:var(--sage); padding:3.5rem var(--page-gutter) 3.5rem clamp(1rem, 2vw, 2rem);
    display:flex; flex-direction:column; justify-content:center;
  }
  .context-list {display:flex; flex-direction:column; gap:10px; margin-top:1rem;}
  .ctx-item {
    display:flex; gap:10px; align-items:flex-start;
    background:var(--white); border-radius:var(--radius-lg);
    padding:10px 12px; border:1px solid rgba(0,0,0,0.06);
  }
  .ctx-dot {width:6px; height:6px; border-radius:50%; background:var(--sage); flex-shrink:0; margin-top:5px;}
  .ctx-text {font-size:12px; color:var(--text-mid); line-height:1.4;}
  .ctx-text strong {color:var(--text-dark); display:block; font-size:13px; margin-bottom:1px;}

  .sage-quote {
    font-family:var(--font-display);
    font-size:clamp(16px,2.2vw,22px); font-weight:700;
    color:var(--white); line-height:1.4; font-style:italic;
    border-left:3px solid rgba(255,255,255,0.4); padding-left:1.25rem;
    margin-bottom:1rem;
  }
  .sage-quote-attr {font-size:12px; color:rgba(255,255,255,0.65); line-height:1.4;}

  /* Bloc 5 — CTA pleine largeur */
  .bloc-cta {
    background:var(--navy-light); padding:2.5rem var(--page-gutter);
    display:flex; align-items:center; justify-content:space-between; gap:2rem;
    flex-wrap:wrap;
  }
  .cta-text h3 {
    font-family:var(--font-display);
    font-size:clamp(18px, 2.5vw, 26px); font-weight:800;
    color:var(--white); margin-bottom:4px;
  }
  .cta-text p {font-size:13px; color:rgba(255,255,255,0.55);}
  .btn-cta {
    display:inline-flex; align-items:center; gap:8px;
    background:var(--sage); color:var(--white);
    font-family:var(--font-body); font-size:15px; font-weight:600;
    padding:14px 28px; border-radius:var(--radius); text-decoration:none;
    white-space:nowrap; flex-shrink:0; transition:background 0.2s;
  }
  .btn-cta:hover {background:var(--sage-light);}

  /* ——— Délais reveal ——— */
  .lk-autorites-main .lk-reveal-d1 { transition-delay: 0.05s; }
  .lk-autorites-main .lk-reveal-d2 { transition-delay: 0.12s; }
  .lk-autorites-main .lk-reveal-d3 { transition-delay: 0.19s; }
  .lk-autorites-main .lk-reveal-d4 { transition-delay: 0.26s; }
  .lk-autorites-main .lk-reveal-d5 { transition-delay: 0.33s; }
  .lk-autorites-main .lk-reveal-d6 { transition-delay: 0.4s; }

  /* ── MOBILE ── */
  @media(max-width:768px){
    .bloc-1,.bloc-2,.bloc-4 {grid-template-columns:1fr;}
    .b1-left,.b1-right,.b2-left,.b2-right,
    .b4-left,.b4-right {padding:2.5rem var(--page-gutter);}
    .press-grid {grid-template-columns:1fr;}
    .stats-inner {flex-wrap:wrap;}
    .stat-item {flex:1 1 50%; border-right:none; border-bottom:1px solid rgba(0,0,0,0.07);}
    .bloc-cta {flex-direction:column; text-align:center;}
    .tab-cta {display:none;}
  }