/* Article pages — v2 (light body) */

/* ── Hero (dark, photo) ── */
.art-hero{position:relative;min-height:520px;display:flex;align-items:flex-end;overflow:hidden}
.art-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.04);transition:transform 7s ease;will-change:transform}
.art-hero:hover .art-hero-bg{transform:scale(1)}
.art-hero-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(4,18,16,.98) 0%,rgba(4,18,16,.8) 42%,rgba(4,18,16,.35) 100%)}
.art-hero-inner{position:relative;z-index:2;padding-top:120px;padding-bottom:52px}

.art-bread{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:20px}
.art-bread a{color:rgba(255,255,255,.45);text-decoration:none;transition:color .2s}
.art-bread a:hover{color:var(--ga-teal)}

.art-meta-row{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.art-cat{font-family:var(--mono);font-size:.67rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:4px 12px;border-radius:100px;display:inline-block}
.art-cat--aiact{background:rgba(0,200,180,.14);color:var(--ga-teal);border:1px solid rgba(0,200,180,.28)}
.art-cat--ethique{background:rgba(100,160,255,.1);color:#7ab4ff;border:1px solid rgba(100,160,255,.22)}
.art-cat--iagen{background:rgba(160,100,255,.1);color:#c4a0ff;border:1px solid rgba(160,100,255,.22)}
.art-cat--labels{background:rgba(255,180,50,.1);color:#fbbf24;border:1px solid rgba(255,180,50,.22)}
.art-cat--medecine{background:rgba(50,220,130,.1);color:#34d399;border:1px solid rgba(50,220,130,.22)}
.art-cat--tables{background:rgba(150,170,165,.1);color:#94a3b8;border:1px solid rgba(150,170,165,.22)}

.art-rt{font-family:var(--mono);font-size:.7rem;color:rgba(255,255,255,.42);display:inline-flex;align-items:center;gap:6px}
.art-rt svg{width:13px;height:13px;flex-shrink:0;opacity:.5}

.art-hero-inner .h-display{font-size:clamp(1.65rem,3.8vw,2.9rem)!important;max-width:820px;color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;font-style:normal!important;margin-bottom:24px!important}

.art-byl{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}
.art-byl-who{font-size:.875rem;font-weight:600;color:rgba(255,255,255,.82)}
.art-byl-sep{color:rgba(255,255,255,.2)}
.art-byl-date{font-size:.8rem;color:rgba(255,255,255,.42);font-family:var(--mono)}

/* ── Body — LIGHT ── */
.art-body{padding-top:clamp(36px,5vw,60px)!important;background:#f8fafc}
.art-cols{display:grid;grid-template-columns:1fr 296px;gap:52px;align-items:start}

.art-main .art-prose p,
.art-main .art-prose li{font-size:1.0625rem;line-height:1.78;color:#334155;margin-bottom:16px}
.art-main .art-prose h2{font-size:1.22rem;font-weight:700;color:#0c1b20;margin:32px 0 12px;letter-spacing:-.025em}
.art-main .art-prose ul{padding-left:22px;margin-bottom:16px}
.art-main .art-prose strong{color:#0c1b20}

.art-quote,
.art-main blockquote.art-quote{
  border-left:3px solid var(--ga-teal);
  margin:28px 0;padding:16px 24px;
  background:rgba(0,200,180,.06);
  border-radius:0 12px 12px 0;
  font-size:1.05rem;font-style:italic;
  color:#334155;line-height:1.65
}

.art-source{
  background:#fff!important;
  border:1px solid #e2e8f0!important;
  border-left:3px solid var(--ga-teal)!important;
  border-radius:12px!important;
  padding:20px 24px!important;
  font-size:.875rem!important;
  line-height:1.7!important;
  margin-top:28px!important;
  color:#475569!important
}
.art-source a{color:var(--ga-teal);text-decoration:none}
.art-source a:hover{text-decoration:underline}
.art-source strong{color:#0c1b20!important}

.art-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

/* ── Sidebar — LIGHT ── */
.art-aside{position:sticky;top:90px}
.art-rela{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:16px;padding:24px
}
.art-rela-ttl{font-family:var(--mono);font-size:.67rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ga-teal);margin:0 0 16px;font-weight:600}
.art-rela-link{display:block;padding:14px 0;border-bottom:1px solid #f1f5f9;text-decoration:none;transition:color .2s}
.art-rela-link:last-child{border-bottom:none;padding-bottom:0}
.art-rela-link:hover .art-rela-title{color:var(--ga-teal)}
.art-rela-cat{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:#059669;display:block;margin-bottom:3px}
.art-rela-title{font-size:.875rem;font-weight:600;color:#0c1b20;line-height:1.4;display:block;transition:color .2s}
.art-rela-date{font-size:.72rem;color:#64748b;font-family:var(--mono);display:block;margin-top:3px}

/* ── Final CTA — LIGHT (override home.css finalcta dark) ── */
.finalcta{background:#edf9f8;color:var(--ink)}
.finalcta::before{background:radial-gradient(60% 60% at 50% 0%,rgba(0,198,184,.12),transparent 62%),radial-gradient(40% 50% at 80% 100%,rgba(141,198,63,.08),transparent 60%)}
.finalcta .h2{color:#0c1b20}
.finalcta .micro{color:#475569}

@media(max-width:900px){.art-cols{grid-template-columns:1fr}.art-aside{position:static;margin-top:32px}}
@media(max-width:640px){.art-hero{min-height:400px}.art-hero-inner{padding-bottom:36px}}