:root{
  --article-bg:#070810;
  --article-text:#e8eaf6;
  --article-title:#f1f5fd;
  --article-muted:rgba(232,234,246,.75);
  --article-muted-soft:rgba(232,234,246,.55);
  --article-border:rgba(255,255,255,.08);
  --article-surface:rgba(255,255,255,.03);
  --article-shadow:rgba(0,0,0,.4);
  --article-overlay-top:rgba(7,8,16,.15);
  --article-overlay-mid:rgba(7,8,16,.6);
  --article-overlay-bottom:#070810;
  --article-page-overlay-start:rgba(7,8,16,.34);
  --article-page-overlay-end:rgba(7,8,16,.66);
  --article-nav:rgba(7,8,16,.95);
  --article-blue:#4facfe;
  --article-violet:#7c3aed;
  --article-agents-accent:#5eead4;
  --article-agents-accent-light:#0f766e;
  --article-prompts-accent:#ffd060;
  --article-prompts-accent-light:#a16207;
  --article-privacy-accent:#34d399;
  --article-privacy-accent-light:#047857;
  --article-ai-act-accent:#fbbf24;
  --article-ai-act-accent-light:#92400e;
  --article-rag-accent:#22d3ee;
  --article-rag-accent-light:#0e7490;
  --article-deepfakes-accent:#fb7185;
  --article-deepfakes-accent-light:#be123c;
  --article-white:#fff;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--article-bg);color:var(--article-text);font-family:'Space Grotesk',sans-serif;min-height:100vh}
body.article-agents{--cc:var(--article-agents-accent);--theme-accent-light:var(--article-agents-accent-light);--theme-bg-light:url('/article-agents-light-bg.webp')}
body.article-prompts{--cc:var(--article-prompts-accent);--theme-accent-light:var(--article-prompts-accent-light);--theme-bg-light:url('/article-prompts-light-bg.webp')}
body.article-confidentialite{--cc:var(--article-privacy-accent);--theme-accent-light:var(--article-privacy-accent-light);--theme-bg-light:url('/article-confidentialite-light-bg.webp')}
body.article-ai-act{--cc:var(--article-ai-act-accent);--theme-accent-light:var(--article-ai-act-accent-light);--theme-bg-light:url('/article-ai-act-light-bg.webp')}
body.article-rag{--cc:var(--article-rag-accent);--theme-accent-light:var(--article-rag-accent-light);--theme-bg-light:url('/article-rag-light-bg.webp')}
body.article-deepfakes{--cc:var(--article-deepfakes-accent);--theme-accent-light:var(--article-deepfakes-accent-light);--theme-bg-light:url('/article-deepfakes-light-bg.webp')}
body.article-agents::before{--article-page-bg:url('/article-agents-bg.webp')}
body.article-prompts::before{--article-page-bg:url('/article-prompts-bg.webp')}
body.article-confidentialite::before{--article-page-bg:url('/article-confidentialite-bg.webp')}
body.article-ai-act::before{--article-page-bg:url('/article-ai-act-bg.webp')}
body.article-rag::before{--article-page-bg:url('/article-rag-bg.webp')}
body.article-deepfakes::before{--article-page-bg:url('/article-deepfakes-bg.webp')}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,var(--article-page-overlay-start),var(--article-page-overlay-end)),var(--article-page-bg) center/cover no-repeat}
#pc{position:fixed;inset:0;z-index:0;pointer-events:none}
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 32px;height:64px;display:flex;align-items:center;justify-content:space-between;transition:background .3s,transform .35s ease}
nav.s{background:var(--article-nav);backdrop-filter:blur(20px);border-bottom:1px solid var(--article-border)}
nav.hide{transform:translateY(-100%)}
.nlinks{display:flex;gap:24px;align-items:center}
.art-hero{position:relative;z-index:1;height:480px;overflow:hidden;margin-top:64px}
.art-hero img{width:100%;height:100%;object-fit:cover;display:block}
.art-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--article-overlay-bottom) 0%,var(--article-overlay-mid) 50%,var(--article-overlay-top) 100%)}
.art-hero-inner{position:absolute;bottom:0;left:0;right:0;z-index:2;max-width:940px;margin:0 auto;padding:0 32px 44px}
.breadcrumb{display:inline-flex;align-items:center;gap:8px;color:var(--article-muted-soft);font-size:.78rem;text-decoration:none;margin-bottom:18px;padding:5px 14px;border:1px solid var(--article-border);border-radius:20px;background:var(--article-shadow);backdrop-filter:blur(8px);transition:all .2s}
.breadcrumb:hover{color:var(--article-title);border-color:var(--article-muted-soft)}
.art-badge{font-size:.68rem;text-transform:uppercase;letter-spacing:2.5px;font-weight:700;color:var(--cc);display:block;margin-bottom:10px}
.art-hero-title{font-family:'Syne',sans-serif;font-size:clamp(1.7rem,3.5vw,2.8rem);font-weight:800;color:var(--article-title);line-height:1.12;letter-spacing:-.025em;margin-bottom:16px;max-width:820px;text-shadow:0 2px 20px var(--article-shadow)}
.art-meta-bar{display:flex;gap:20px;font-size:.75rem;color:var(--article-muted-soft);flex-wrap:wrap}
.art-body{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:52px 32px 60px}
.art-body h2{font-family:'Syne',sans-serif;font-size:1.42rem;font-weight:800;color:var(--cc);margin:44px 0 14px;line-height:1.2}
.art-body h3{font-family:'Syne',sans-serif;font-size:1.06rem;font-weight:700;color:var(--article-title);margin:24px 0 10px}
.art-body p{font-size:.95rem;color:var(--article-muted);line-height:1.85;margin-bottom:14px}
.art-body ul,.art-body ol{padding-left:22px;margin-bottom:16px}
.art-body li{font-size:.92rem;color:var(--article-muted);line-height:1.75;margin-bottom:6px}
.art-body strong{color:var(--article-title)}
.art-body em{color:var(--article-muted);font-style:italic}
.art-body a{color:var(--cc);text-decoration:none}
.art-body a:hover{text-decoration:underline}
.art-body table{width:100%;border-collapse:collapse;margin:22px 0;font-size:.83rem;overflow-x:auto;display:block}
.art-body th{background:color-mix(in srgb,var(--cc) 8%,transparent);border:1px solid color-mix(in srgb,var(--cc) 20%,transparent);padding:10px 14px;color:var(--cc);font-weight:700;text-align:left;white-space:nowrap}
.art-body td{border:1px solid var(--article-border);padding:10px 14px;color:var(--article-muted)}
.takeaway{background:linear-gradient(135deg,color-mix(in srgb,var(--cc) 7%,transparent),color-mix(in srgb,var(--article-blue) 6%,transparent));border:1px solid color-mix(in srgb,var(--cc) 25%,transparent);border-radius:14px;padding:24px;margin:36px 0}
.takeaway h4{color:var(--cc);font-family:'Syne',sans-serif;font-weight:800;margin-bottom:10px;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}
.takeaway p{font-size:.88rem;color:var(--article-muted);line-height:1.7;margin:0}
.prompt-template{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--article-surface);border:1px solid color-mix(in srgb,var(--cc) 24%,transparent);border-radius:14px;padding:20px;margin:20px 0;color:var(--article-title);font:500 .85rem/1.7 'Space Grotesk',sans-serif}
.art-nav{display:flex;justify-content:space-between;align-items:center;margin-top:48px;padding-top:32px;border-top:1px solid var(--article-border);flex-wrap:wrap;gap:12px}
.back-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;background:transparent;border:1px solid var(--article-border);border-radius:10px;color:var(--article-muted-soft);font-size:.85rem;font-weight:600;text-decoration:none;font-family:'Space Grotesk',sans-serif;transition:all .2s}
.back-btn:hover{border-color:var(--article-muted-soft);color:var(--article-title);text-decoration:none}
.related{margin-top:60px;padding-top:48px;border-top:1px solid var(--article-border)}
.related-title{font-family:'Syne',sans-serif;font-size:1.15rem;font-weight:800;color:var(--article-title);margin-bottom:24px}
.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.rel-card{background:var(--article-surface);border:1px solid var(--article-border);border-radius:16px;overflow:hidden;text-decoration:none;transition:all .3s;display:block}
.rel-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px var(--article-shadow);border-color:var(--article-muted-soft)}
.rel-card-img{height:130px;overflow:hidden}
.rel-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.rel-card:hover .rel-card-img img{transform:scale(1.04)}
.rel-card-body{padding:16px}
.rel-cat{font-size:.62rem;text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-bottom:6px;display:block;color:var(--cc)}
.rel-title{font-family:'Syne',sans-serif;font-size:.88rem;font-weight:800;color:var(--article-title);line-height:1.3}
.rel-meta{font-size:.72rem;color:var(--article-muted-soft);margin-top:8px}
.nl-wrap{max-width:860px;margin:0 auto;padding:0 32px 70px;position:relative;z-index:1}
.nl-box{background:var(--article-surface);border:1px solid color-mix(in srgb,var(--article-blue) 25%,transparent);border-radius:22px;padding:36px;text-align:center}
.nl-title{font-family:'Syne',sans-serif;font-size:1.3rem;font-weight:800;color:var(--article-title);margin-bottom:8px}
.nl-sub{font-size:.82rem;color:var(--article-muted-soft);margin-bottom:22px}
.nl-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;background:linear-gradient(135deg,var(--article-blue),var(--article-violet));border:0;border-radius:10px;color:var(--article-white);text-decoration:none;font-weight:700;font-size:.85rem;white-space:nowrap;transition:all .3s}
.nl-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--article-blue) 30%,transparent)}
footer{position:relative;z-index:1;text-align:center;padding:28px 24px;border-top:1px solid var(--article-border);color:var(--article-muted-soft);font-size:.78rem}
.flogo{font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:800;color:var(--article-title);margin-bottom:6px}
.flogo .ia{color:var(--article-blue)}
.flinks{display:flex;gap:18px;justify-content:center;margin-top:8px;flex-wrap:wrap}
.flinks a{color:var(--article-muted-soft);text-decoration:none;font-size:.73rem}
@media(max-width:768px){.art-hero{height:390px}.art-hero-inner{padding:0 20px 28px}.art-body{padding:36px 20px 50px}.nl-wrap{padding:0 20px 50px}.article-agents::before,.article-prompts::before,.article-confidentialite::before,.article-ai-act::before,.article-rag::before,.article-deepfakes::before{background-position:80% center}}
@media(max-width:640px){.related-grid{grid-template-columns:1fr}}