/* ViewerFirst — blog (design system ViewerFirst) */
.hero2{position:relative;overflow:hidden;background:var(--obsidian);padding-top:calc(var(--spacing-96) + 72px);padding-bottom:var(--spacing-96);min-height:640px;box-sizing:border-box}
.hero2__inner{position:relative;z-index:1}
.hero2__text{display:grid;gap:var(--spacing-16);justify-items:start;max-width:680px}
.hero2__text .vf-eyebrow{color:var(--ash-mist)}
.hero2__title{font-size:clamp(28px,6.4vw,56px);line-height:.8;letter-spacing:.083em;white-space:nowrap;padding-block:.1em}
.hero2__hook{text-wrap:balance}
.hero2__lead{color:var(--ash-mist);line-height:1.6;max-width:46ch}
.hero2__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-12);margin-top:var(--spacing-8)}
.hero2__note{color:var(--ash-mist)}
.hwall{position:absolute;top:96px;bottom:0;right:0;width:44%;overflow:hidden;border-top-left-radius:var(--radius-lg)}
.hwall__inner{position:absolute;inset:-18% -12% -18% 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;transform:rotate(-8deg)}
.hwall__col{display:grid;gap:12px;align-content:start}
.hwall__col:nth-child(2){margin-top:-60px}
.hwall__col:nth-child(3){margin-top:40px}
.hwall__col:nth-child(4){margin-top:-20px}
.hposter{display:block;aspect-ratio:2/3;border-radius:var(--radius-lg);background:var(--hairline) center/cover no-repeat}
@media (max-width:960px){
 .hero2{min-height:0;padding-bottom:0;padding-top:calc(var(--spacing-48) + 72px);display:flex;flex-direction:column}
 .hero2__inner{order:1}
 .hwall{order:2;position:relative;top:auto;width:auto;height:300px;margin-top:var(--spacing-48);border-radius:0}
 .hwall__inner{inset:-30% -20% auto -20%;grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.hwall__inner{transform:none}}
.trust{border-block:1px solid var(--hairline);background:var(--smoke)}
.trust__list{list-style:none;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--spacing-24);padding-block:var(--spacing-32)}
@media (max-width:1060px){.trust__list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.trust__list{grid-template-columns:minmax(0,1fr);gap:var(--spacing-20)}}
.trust__item{display:flex;gap:var(--spacing-12);align-items:flex-start;min-width:0}
.trust__item>span{display:grid;gap:2px;min-width:0}
.trust__item .vf-small{color:var(--ash-mist)}
.trust__ic{flex:none;width:24px;height:24px;fill:none;stroke:var(--glacier-beam);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.final{border-top:1px solid var(--hairline)}
.final__inner{display:grid;justify-items:center;gap:var(--spacing-16);text-align:center;padding-block:var(--section-gap)}
.final__inner .vf-eyebrow{color:var(--ash-mist)}
.final__title{text-wrap:balance;max-width:20ch}
.vod{padding-bottom:var(--section-gap);border-top:1px solid var(--hairline)}
.vod .vf-section-heading .vf-eyebrow{color:var(--ash-mist)}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--element-gap);margin-bottom:var(--spacing-48);border-block:1px solid var(--hairline)}
.stat{display:grid;gap:var(--spacing-8);justify-items:center;text-align:center;padding-block:var(--spacing-32)}
.stat+.stat{border-left:1px solid var(--hairline)}
.stat__num{font-size:clamp(36px,5vw,56px);font-weight:200;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.stat .vf-eyebrow{color:var(--ash-mist)}
@media (max-width:560px){.stats{grid-template-columns:minmax(0,1fr)}.stat+.stat{border-left:0;border-top:1px solid var(--hairline)}}
.vod__img{display:block;width:100%;aspect-ratio:4/3;background:var(--hairline) center/cover no-repeat}
.vod__live{text-align:center;color:var(--ash-mist);margin-top:var(--spacing-32)}
.includes{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-12) var(--spacing-32)}
.includes li{display:flex;align-items:center;gap:var(--spacing-8)}
.includes svg{width:14px;height:14px;fill:none;stroke:var(--glacier-beam);stroke-width:2;flex:none}
.vf-card__screens{color:var(--card-muted);padding-top:var(--spacing-12);border-top:1px solid #e6e5e8;margin-top:var(--spacing-4)}
.vf-card__foot{padding-top:var(--spacing-4)}
.why{padding-bottom:var(--section-gap)}
.why .vf-section-heading .vf-eyebrow{color:var(--ash-mist)}
.why__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-32) var(--element-gap)}
@media (max-width:900px){.why__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.why__grid{grid-template-columns:minmax(0,1fr)}}
.why__item{display:grid;gap:var(--spacing-12);align-content:start;padding-top:var(--spacing-24);border-top:1px solid var(--hairline);min-width:0}
.why__item p{color:var(--ash-mist)}
.why__ic{width:28px;height:28px;fill:none;stroke:var(--glacier-beam);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@keyframes vf-nudge{0%,84%,100%{transform:none}86%{transform:translateX(-3px) rotate(-1.5deg)}88%{transform:translateX(3px) rotate(1.5deg)}90%{transform:translateX(-3px) rotate(-1deg)}92%{transform:translateX(2px) rotate(.5deg)}94%{transform:none}}
.nudge{animation:vf-nudge 5s ease-in-out 2s infinite}
.nudge:hover,.nudge:focus-visible,.nudge[aria-expanded="true"]{animation:none}
button.vf-btn{font-family:var(--font-sans)}
.vf-card .vf-features{padding-top:var(--spacing-12);border-top:1px solid #e6e5e8}
.vrail{display:grid;gap:var(--spacing-24);margin-block:var(--section-gap) 0}
.prail{list-style:none;margin:0;padding:0 0 var(--spacing-4);display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5 * var(--spacing-12)) / 6);gap:var(--spacing-12);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
.prail::-webkit-scrollbar{display:none}
@media (max-width:900px){.prail{grid-auto-columns:calc((100% - 3 * var(--spacing-12)) / 4)}}
@media (max-width:560px){.prail{grid-auto-columns:calc((100% - 2 * var(--spacing-12)) / 2.4)}}
.pslot{scroll-snap-align:start;min-width:0}
.pslot__link{display:block;border-radius:var(--radius-lg)}
.pslot__img{display:block;aspect-ratio:2/3;border-radius:var(--radius-lg);background:var(--hairline) center/cover no-repeat}
.prail:focus-visible,.pslot__link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.prail{scroll-behavior:auto}}
.mq{overflow:hidden;margin-top:var(--section-gap);border-block:1px solid var(--hairline);padding-block:var(--spacing-20)}
.mq ul{list-style:none;margin:0;padding:0}
.mq__track{display:flex;width:max-content;animation:vf-marquee 60s linear infinite}
.mq:hover .mq__track{animation-play-state:paused}
.mq__set>ul{display:flex;align-items:center}
.mq__set li{display:flex;align-items:center;white-space:nowrap;font-size:14px;letter-spacing:.083em;text-transform:uppercase;color:var(--ash-mist)}
.mq__set li::after{content:"";width:4px;height:4px;border-radius:50%;background:var(--iron-veil);margin-inline:var(--spacing-24)}
.mq__set li.mq__more{color:var(--glacier-beam);text-transform:none;letter-spacing:0}
@keyframes vf-marquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.mq__track{animation:none;width:auto;flex-wrap:wrap;justify-content:center}.mq__set[aria-hidden]{display:none}.mq__set>ul{flex-wrap:wrap;justify-content:center;row-gap:var(--spacing-8)}}
.aff{padding-bottom:var(--section-gap);background:var(--smoke);border-top:1px solid var(--hairline)}
.aff .vf-section-heading .vf-eyebrow{color:var(--ash-mist)}
.aff__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--hairline)}
.aff__stat{display:grid;gap:var(--spacing-12);justify-items:center;text-align:center;padding:var(--spacing-32) var(--spacing-24)}
.aff__stat+.aff__stat{border-left:1px solid var(--hairline)}
.aff__stat p{color:var(--ash-mist);max-width:28ch}
@media (max-width:760px){.aff__stats{grid-template-columns:minmax(0,1fr)}.aff__stat+.aff__stat{border-left:0;border-top:1px solid var(--hairline)}}
.aff__steps{list-style:none;margin:var(--spacing-48) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--element-gap)}
@media (max-width:760px){.aff__steps{grid-template-columns:minmax(0,1fr)}}
.aff__steps li{display:grid;gap:var(--spacing-8);align-content:start}
.aff__steps .vf-eyebrow{color:var(--glacier-beam)}
.aff__steps p{color:var(--ash-mist)}
.aff__cta{display:flex;justify-content:center;margin-top:var(--spacing-48)}
@media (max-width:560px){
 .why__grid{grid-template-columns:1fr 1fr;gap:var(--spacing-24) var(--spacing-16)}
 .steps{gap:var(--spacing-24)}
 .step{grid-template-columns:40px minmax(0,1fr);column-gap:var(--spacing-16);row-gap:var(--spacing-8)}
 .step__num{grid-row:span 2;font-size:40px}
 .aff__stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .aff__stat{padding:var(--spacing-20) var(--spacing-8);gap:var(--spacing-8)}
 .aff__stat+.aff__stat{border-top:0;border-left:1px solid var(--hairline)}
 .aff__stat .stat__num{font-size:clamp(22px,7vw,28px)}
 .aff__stat p{font-size:12px;line-height:1.4}
 .aff__steps{gap:var(--spacing-24)}
 .aff__stat .stat__num{white-space:nowrap;font-size:24px}
 .vf-pricing .vf-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:var(--spacing-16)}
 .vf-pricing .vf-card__top{grid-column:1/-1}
 .vf-pricing .vf-card__foot{padding:0;margin:0}
}
.page-hero{padding-top:calc(var(--spacing-96) + 40px);padding-bottom:var(--spacing-48);display:grid;justify-items:center;gap:var(--spacing-16);text-align:center}
.page-hero .vf-eyebrow{color:var(--ash-mist)}
.page-hero .vf-display{font-size:clamp(34px,6.5vw,56px);line-height:1;letter-spacing:.02em;text-wrap:balance;margin:0}
.page-hero .lead{max-width:56ch;color:var(--ash-mist);line-height:1.6;margin:0}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-8);margin:0 0 var(--spacing-48);padding:0;list-style:none}
.chip{padding:var(--spacing-8) var(--spacing-16);border:1px solid var(--hairline);border-radius:var(--radius-full);background:transparent;color:var(--ash-mist);font:400 14px/1.2 var(--font-sans);cursor:pointer}
.chip:hover{color:var(--snow);border-color:var(--ash-mist)}
.chip[aria-pressed="true"]{background:var(--snow);border-color:var(--snow);color:var(--obsidian)}
.chip:focus-visible,.post-card a:focus-visible,.toc a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.post-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-16);align-content:start;min-width:0}
.post-card__img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-lg);background:var(--smoke)}
.post-card .vf-eyebrow{color:var(--glacier-beam);margin:0}
.post-card h2,.post-card h3{margin:0;color:var(--snow);text-wrap:balance}
.post-card h2 a,.post-card h3 a{color:inherit;text-decoration:none}
.post-card h2 a::after,.post-card h3 a::after{content:"";position:absolute;inset:0}
.post-card:hover h2 a,.post-card:hover h3 a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.post-card p{margin:0}
.post-card .excerpt{color:var(--ash-mist);line-height:1.6}
.post-meta{color:var(--ash-mist);font-size:12px;letter-spacing:.04em}
.featured{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--spacing-48);align-items:center;padding-bottom:var(--section-gap);border-bottom:1px solid var(--hairline);margin-bottom:var(--section-gap)}
.featured__text{position:static}
.featured .vf-heading-lg{font-size:clamp(28px,3.4vw,35px);line-height:1.1}
@media (max-width:900px){.featured{grid-template-columns:minmax(0,1fr);gap:var(--spacing-24)}}
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-48) var(--spacing-24);padding:0;margin:0 0 var(--section-gap);list-style:none}
@media (max-width:1000px){.posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.posts{grid-template-columns:minmax(0,1fr)}}
.posts>li{min-width:0}
.posts [hidden]{display:none}
.band{border-top:1px solid var(--hairline);padding:var(--section-gap) 0;display:grid;justify-items:center;text-align:center;gap:var(--spacing-16)}
.band .vf-heading{margin:0}
.band p{margin:0;color:var(--ash-mist);max-width:52ch;line-height:1.6}
.band__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-16);margin-top:var(--spacing-8)}
.crumbs{padding-top:calc(var(--spacing-96) + 24px);margin:0}
.crumbs ol{display:flex;flex-wrap:wrap;gap:var(--spacing-8);list-style:none;margin:0;padding:0;font-size:12px;color:var(--ash-mist)}
.crumbs li+li::before{content:"/";margin-right:var(--spacing-8);color:var(--iron-veil)}
.crumbs a{color:var(--ash-mist);text-decoration:none}
.crumbs a:hover{color:var(--snow)}
.art-head{max-width:800px;margin:0 auto;padding:var(--spacing-48) 0 var(--spacing-32);display:grid;gap:var(--spacing-16);text-align:center;justify-items:center}
.art-head .vf-eyebrow{color:var(--glacier-beam);margin:0}
.art-head h1{margin:0;text-wrap:balance;line-height:1.1}
.art-head .dek{margin:0;color:var(--ash-mist);line-height:1.6;max-width:60ch}
.art-hero{display:block;width:100%;height:auto;max-width:1040px;margin:0 auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-lg);background:var(--smoke)}
.art-grid{display:grid;grid-template-columns:220px minmax(0,680px);justify-content:center;gap:var(--spacing-64);padding:var(--section-gap) 0}
@media (max-width:1000px){.art-grid{grid-template-columns:minmax(0,680px)}.toc{display:none}}
.toc{position:sticky;top:112px;align-self:start}
.toc .vf-eyebrow{color:var(--ash-mist);margin:0 0 var(--spacing-16)}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:var(--spacing-12);border-left:1px solid var(--hairline)}
.toc a{display:block;padding-left:var(--spacing-16);margin-left:-1px;border-left:1px solid transparent;color:var(--ash-mist);text-decoration:none;font-size:14px;line-height:1.4}
.toc a:hover{color:var(--snow)}
.toc a.is-active{color:var(--snow);border-left-color:var(--glacier-beam)}
.prose{font-size:16px;line-height:1.75;color:#d9d7dd;min-width:0}
.prose>*{margin:0 0 var(--spacing-24)}
.prose h2{color:var(--snow);margin:var(--spacing-48) 0 var(--spacing-16);scroll-margin-top:112px;line-height:1.2}
.prose h3{color:var(--snow);margin:var(--spacing-32) 0 var(--spacing-8)}
.prose h3+p{margin-top:0}
.prose strong{color:var(--snow);font-weight:600}
.prose ul,.prose ol{padding-left:var(--spacing-24)}
.prose ul{list-style:disc}
.prose ol{list-style:decimal}
.prose li{margin-bottom:var(--spacing-8);padding-left:var(--spacing-4)}
.prose li::marker{color:var(--glacier-beam)}
.prose a.vf-link{color:var(--glacier-beam);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.tipbox{display:flex;gap:var(--spacing-12);align-items:flex-start;padding:var(--card-padding);border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--smoke)}
.tipbox svg{flex:0 0 20px;width:20px;height:20px;margin-top:4px;fill:none;stroke:var(--glacier-beam);stroke-width:1.6}
.tipbox p{margin:0}
.takeaway{padding:var(--card-padding);border-left:2px solid var(--signal-blue);background:var(--smoke);border-radius:0 var(--radius-lg) var(--radius-lg) 0}
.takeaway .vf-eyebrow{color:var(--glacier-beam);margin:0 0 var(--spacing-8)}
.takeaway p:last-child{margin:0;color:var(--snow)}
.art-faq{margin-top:var(--spacing-48)}
.art-faq h2{margin-top:0}
.art-cta{margin-top:var(--spacing-48);padding:var(--card-padding);border-radius:var(--radius-lg);background:var(--snow);color:var(--obsidian);display:grid;gap:var(--spacing-12)}
.art-cta .vf-eyebrow{color:var(--signal-blue);margin:0}
.art-cta h2{margin:0;color:var(--obsidian)}
.art-cta p{margin:0;color:#3b3842;line-height:1.6}
.art-cta__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-12);margin-top:var(--spacing-8)}
.art-cta .vf-btn--ghost{color:var(--obsidian);border-color:var(--obsidian)}
.art-cta .vf-btn--ghost:hover{background:var(--obsidian);color:var(--snow)}
.share{display:flex;align-items:center;gap:var(--spacing-12);margin-top:var(--spacing-32);color:var(--ash-mist);font-size:14px}
.share button{display:inline-flex;align-items:center;gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-12);border:1px solid var(--hairline);border-radius:var(--radius-lg);background:transparent;color:var(--snow);font:400 14px/1 var(--font-sans);cursor:pointer}
.share button:hover{border-color:var(--ash-mist)}
.related{border-top:1px solid var(--hairline);padding:var(--section-gap) 0}
.related .vf-section-heading{margin-bottom:var(--spacing-48)}
.related .posts{margin:0}

/* WordPress : sujets en liens, page de liste, image absente, pagination, tableaux */
.vf-blog{padding-bottom:var(--spacing-48)}
.chip{display:inline-flex;align-items:center;text-decoration:none}
.chip[aria-current="page"]{background:var(--snow);color:var(--obsidian);border-color:var(--snow)}
.page-hero .crumbs{padding-top:0;margin-bottom:var(--spacing-8)}
.vf-noimg{display:grid;place-items:center;aspect-ratio:16/9;background:var(--smoke);border:1px solid var(--hairline);border-radius:var(--radius-lg)}
.vf-noimg img{width:40px;height:40px;opacity:.5}
.vf-pages{margin-top:var(--spacing-48)}
.vf-pages .nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.vf-pages .page-numbers{display:inline-flex;align-items:center;min-width:40px;height:40px;justify-content:center;padding:0 12px;border:1px solid var(--hairline);border-radius:var(--radius-lg);color:var(--ash-mist);text-decoration:none;font:400 14px/1 var(--font-sans)}
.vf-pages .page-numbers:hover{color:var(--snow);border-color:var(--iron-veil)}
.vf-pages .page-numbers.current{background:var(--snow);color:var(--obsidian);border-color:var(--snow)}
.vf-table{overflow-x:auto;margin:var(--spacing-24) 0;border:1px solid var(--hairline);border-radius:var(--radius-lg)}
.vf-table table{width:100%;border-collapse:collapse;font:400 15px/1.45 var(--font-sans)}
.vf-table th,.vf-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--hairline);vertical-align:top}
.vf-table th{color:var(--snow);font-weight:600;background:var(--smoke)}
.vf-table td{color:var(--ash-mist)}
.vf-table tr:last-child td{border-bottom:0}
.prose .faq__list{margin-top:var(--spacing-16)}
.toc a[aria-current]{color:var(--snow)}