/* Le blog V4 : article.css de BRAND-2 (c705c13), repris sous .blog-b par tools/blog-v4/poser.py. Ne pas éditer ici. */
@font-face{font-family:PJS;src:url('/_home-v4/assets/plus-jakarta-sans-700.ttf');font-weight:700}@font-face{font-family:DM;src:url('/_home-v4/assets/dm-sans-400.ttf');font-weight:400}@font-face{font-family:DM;src:url('/_home-v4/assets/dm-sans-600.ttf');font-weight:600}.blog-b{--blue:#4458AC;--lime:#E4EE99;--lavender:#EEF0FC;--paper:#FCFCFF;--ink:#263153;--muted:#5C6480}.blog-b,.blog-b *{box-sizing:border-box}.blog-b{scroll-behavior:smooth}.blog-b{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 DM,Arial,sans-serif}.blog-b a{color:var(--blue);text-underline-offset:4px}.blog-b a:focus-visible,.blog-b summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.blog-b .skip{position:absolute;left:-9999px}.blog-b .skip:focus{left:24px;top:10px;z-index:9;background:var(--lime);padding:12px}.blog-b .nav{max-width:1328px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:26px 40px;gap:24px}.blog-b .nav img{width:174px;display:block}.blog-b .nav-links{display:flex;align-items:center;gap:30px;font-size:14px}.blog-b .nav-links a{text-decoration:none}.blog-b .button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;background:var(--blue);color:var(--paper);padding:11px 18px;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none;line-height:1.4}.blog-b .hero{background:var(--lavender);padding:48px 40px 64px}.blog-b .hero-inner{max-width:1120px;margin:auto}.blog-b .crumb{font-size:13px;color:var(--muted);margin-bottom:40px}.blog-b .crumb a{text-decoration:none}.blog-b .tag{display:inline-block;background:var(--lime);color:var(--blue);font-size:12px;font-weight:600;padding:5px 10px;border-radius:6px}.blog-b .hero h1{font:700 59px/1.1 PJS,Arial;letter-spacing:-2.8px;max-width:1040px;margin:22px 0 22px}.blog-b .lede{font-size:21px;line-height:1.6;max-width:820px;margin:0}.blog-b .meta{font-size:13px;color:var(--muted);margin-top:24px}.blog-b .reading{max-width:1120px;margin:64px auto 0;display:grid;grid-template-columns:220px minmax(0,1fr);gap:80px;padding:0 24px}.blog-b .toc{align-self:start;position:sticky;top:32px;font-size:14px;line-height:1.5}.blog-b .toc strong{font-size:12px;letter-spacing:.1em;text-transform:uppercase}.blog-b .toc ol{list-style:none;padding:0;margin:18px 0}.blog-b .toc li{margin:14px 0}.blog-b .toc a{text-decoration:none}.blog-b .toc a:hover{text-decoration:underline}.blog-b .mobile-toc{display:none}.blog-b article{max-width:64ch;min-width:0}.blog-b article h2{font:700 32px/1.2 PJS;letter-spacing:-1px;margin:0 0 22px;scroll-margin-top:32px}.blog-b article section{margin-bottom:56px}.blog-b article h3{font:700 23px/1.25 PJS;margin:26px 0 16px}.blog-b article p{margin:0 0 22px}.blog-b article strong{font-weight:600}.blog-b article li{margin:13px 0}.blog-b article ul,.blog-b article ol{padding-left:25px;margin-bottom:28px}.blog-b pre{font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;background:var(--lavender);border-radius:16px;padding:26px;white-space:pre-wrap;overflow-wrap:anywhere;margin:30px 0;color:var(--ink)}.blog-b blockquote{margin:28px 0;padding:24px 28px;background:var(--lavender);border-radius:16px}.blog-b blockquote p:last-child{margin:0}.blog-b .toolbox{padding:30px;background:var(--lime);border-radius:20px;color:var(--blue);margin:40px 0}.blog-b .toolbox h2{font-size:28px}.blog-b .toolbox .eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:600;margin-bottom:14px}.blog-b .toolbox p{font-size:18px}.blog-b .toolbox a{font-weight:600}.blog-b .closer{background:var(--blue);color:var(--paper);padding:40px;border-radius:24px;margin:40px 0 56px}.blog-b .closer h2{font-size:34px}.blog-b .closer p{font-size:18px}.blog-b .closer .button{background:var(--lime);color:var(--blue)}.blog-b .related{padding-bottom:40px}.blog-b .related h2{font-size:26px}.blog-b .related a{display:block;margin:14px 0}.blog-b .footer{background:var(--lavender);margin-top:40px;padding:40px}.blog-b .footer-inner{max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px}.blog-b .footer img{width:150px}.blog-b .footer p{font-size:14px}.blog-b .footer a{font-size:14px}.blog-b.guide .hero{background:var(--lime)}.blog-b.guide .tag{background:var(--paper)}.blog-b.guide article ol{list-style:none;counter-reset:step;padding-left:0}.blog-b.guide article ol li{counter-increment:step;padding-left:46px;position:relative}.blog-b.guide article ol li:before{content:counter(step);position:absolute;left:0;top:0;background:var(--lavender);color:var(--blue);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:14px;font-weight:600}@media(max-width:900px){.blog-b .nav{padding:24px}.blog-b .nav-links>a:not(.button){display:none}.blog-b .hero{padding:32px 24px 40px}.blog-b .hero h1{font-size:43px;letter-spacing:-1.7px}.blog-b .crumb{margin-bottom:28px}.blog-b .lede{font-size:18px}.blog-b .reading{display:block;margin-top:32px;padding:0 24px}.blog-b .toc{display:none}.blog-b .mobile-toc{display:block;padding:18px 20px;background:var(--lavender);border-radius:12px;margin-bottom:36px;font-size:15px}.blog-b .mobile-toc summary{font-weight:600;cursor:pointer}.blog-b .mobile-toc li{margin:12px 0}.blog-b .mobile-toc ol{padding-left:22px}.blog-b .mobile-toc a{text-decoration:none}.blog-b article{font-size:17px;line-height:1.75}.blog-b article h2{font-size:27px}.blog-b .toolbox{padding:24px}.blog-b .closer{padding:28px 24px}.blog-b .closer h2{font-size:28px}.blog-b .footer{padding:32px 24px}.blog-b .footer-inner{align-items:flex-start;flex-direction:column;gap:12px}}@media(max-width:420px){.blog-b .nav img{width:143px}.blog-b .nav .button{font-size:13px;padding:10px 13px}.blog-b .hero h1{font-size:37px}.blog-b .meta{font-size:12px}}@media(prefers-reduced-motion:reduce){.blog-b{scroll-behavior:auto}}
.blog-b .hero{display:block;min-height:0;gap:0;grid-template-columns:none;align-items:normal;justify-content:normal}
