/* Design éditorial commun aux articles Krono. */
.journal-article{--article-ink:#f4f7fb;--article-muted:#b4c0d1;--article-line:rgba(173,194,217,.2);background:#070a12;color:var(--article-ink)}
.journal-article .page-hero{position:relative;isolation:isolate;overflow:hidden;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);align-items:center;gap:clamp(28px,5vw,72px);min-height:0!important;padding:clamp(100px,12vw,150px) max(24px,calc((100vw - 1180px)/2)) 64px!important;background:radial-gradient(ellipse at 82% 18%,rgba(32,176,204,.14),transparent 36%),#080c15;border-bottom:1px solid var(--article-line)}
.journal-article .page-hero-grid{position:absolute;inset:0;z-index:-1;opacity:.35;background-image:linear-gradient(rgba(130,163,192,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(130,163,192,.07) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to right,transparent,#000 70%)}.journal-article .page-hero-content{position:relative;z-index:1;max-width:none!important;width:100%;text-align:left}
.journal-article .article-back{display:inline-flex;color:#c7d4e4;font-size:.9rem;text-decoration:none;border-bottom:1px solid rgba(199,212,228,.35);padding-bottom:5px;margin-bottom:28px}.journal-article .article-category{margin:0 0 14px;color:#8deaff;font-size:.77rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.journal-article .page-hero .hero-title{font-size:clamp(2.35rem,4.7vw,4.65rem)!important;line-height:1.04!important;letter-spacing:-.055em;margin:0 0 20px!important;color:#f6f8fc}.journal-article .article-deck{max-width:680px;color:#c1ccdb;font-size:clamp(1.02rem,1.35vw,1.2rem);line-height:1.7;margin:0 0 26px}
.journal-article .article-header-meta{display:flex;align-items:center;gap:12px;margin:0;flex-wrap:wrap}.journal-article .article-header-meta img{width:42px;height:42px;object-fit:cover;border-radius:50%;border:1px solid #52677c}.journal-article .article-header-meta strong,.journal-article .article-header-meta span{display:block}.journal-article .article-header-meta strong{font-size:.88rem;color:#f2f6fc}.journal-article .article-header-meta span{font-size:.78rem;color:#aab8c9;margin-top:3px}.journal-article .article-cover{position:relative;z-index:1;width:100%;max-width:570px;justify-self:end;margin:0;padding:12px;border:1px solid rgba(160,193,218,.25);border-radius:24px;background:rgba(17,27,43,.78);box-shadow:0 30px 90px rgba(0,0,0,.28)}.journal-article .article-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:15px}.journal-article .article-cover figcaption{padding:10px 4px 1px;color:#9aacc0;font-size:.72rem;letter-spacing:.03em}
.journal-article .article-content-section{padding:72px 24px 96px!important;background:#0a0e18}.journal-article .article-content-section>.container{max-width:100%;padding:0}.journal-article .article-body{max-width:790px;margin:0 auto;color:#d6deea;font-size:1.045rem;line-height:1.85}.journal-article .article-body .article-lead{font-size:1.21rem;line-height:1.8;color:#f0f4fa;margin:0 0 44px;padding:0 0 30px;border-bottom:1px solid var(--article-line)}.journal-article .article-body h2{font-family:var(--font-main);font-size:clamp(1.55rem,2.7vw,2.1rem);line-height:1.2;letter-spacing:-.035em;font-weight:650;color:#f4f7fb;margin:54px 0 16px}.journal-article .article-body h3{font-family:var(--font-main);font-size:1.08rem;line-height:1.35;color:#eaf7fb;margin:0 0 14px}.journal-article .article-body p{color:#c2ccda;line-height:1.85;margin:0 0 20px;font-size:inherit}.journal-article .article-body ul,.journal-article .article-body ol{margin:10px 0 0;padding-left:22px}.journal-article .article-body li{color:#c5cfdd;line-height:1.7;margin:0 0 9px;padding-left:4px}.journal-article .article-body li::marker{color:#8deaff}.journal-article .article-body a:not(.btn){color:#9beeff;text-decoration-thickness:1px;text-underline-offset:3px}.journal-article .article-body a:not(.btn):hover{color:#fff}
.journal-article .article-checklist{margin:30px 0;padding:26px 28px;border:1px solid rgba(137,201,222,.25);border-radius:16px;background:linear-gradient(135deg,rgba(17,45,61,.75),rgba(15,22,35,.95))}.journal-article .article-checklist h3{margin-bottom:12px}.journal-article .article-callout{margin:60px 0 36px;padding:clamp(26px,5vw,42px);border:1px solid rgba(117,207,228,.32);border-radius:20px;background:radial-gradient(ellipse at 85% 5%,rgba(22,171,201,.16),transparent 42%),#111927}.journal-article .article-body .article-callout-label{margin:0 0 10px;color:#8deaff;text-transform:uppercase;font-size:.76rem;letter-spacing:.14em;font-weight:700}.journal-article .article-body .article-callout h2{margin:0 0 14px;font-size:clamp(1.55rem,3vw,2.2rem)}.journal-article .article-body .article-callout p:not(.article-callout-label){max-width:620px}.journal-article .article-callout .btn{margin-top:8px}.journal-article .article-related{padding-top:12px;border-top:1px solid var(--article-line)}.journal-article .article-related h2{margin:20px 0 12px;font-size:1.25rem}.journal-article .article-related p{font-size:.92rem}.journal-article .step-block,.journal-article .cta-article{margin:26px 0;padding:26px 28px;background:#111927;border:1px solid var(--article-line);border-radius:16px}.journal-article .cta-article{text-align:left}
@media(max-width:850px){.journal-article .page-hero{grid-template-columns:1fr!important;padding:105px 28px 48px!important;gap:30px}.journal-article .article-cover{justify-self:start;max-width:680px}.journal-article .article-content-section{padding:52px 24px 76px!important}}
@media(max-width:560px){.journal-article .page-hero{padding:96px 22px 34px!important;gap:24px}.journal-article .page-hero .hero-title{font-size:clamp(2.15rem,10vw,3.1rem)!important}.journal-article .article-deck{font-size:1rem;line-height:1.65}.journal-article .article-cover{padding:7px;border-radius:17px}.journal-article .article-cover img{border-radius:11px}.journal-article .article-content-section{padding:42px 22px 64px!important}.journal-article .article-body{font-size:1rem;line-height:1.8}.journal-article .article-body .article-lead{font-size:1.09rem;margin-bottom:32px;padding-bottom:23px}.journal-article .article-body h2{margin-top:42px}.journal-article .article-checklist{padding:22px 20px}.journal-article .article-callout{margin-top:44px;padding:24px 21px}.journal-article .article-callout .btn{width:100%;justify-content:center}.journal-article .step-block,.journal-article .cta-article{padding:23px 20px}}
@media(prefers-reduced-motion:reduce){.journal-article *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
