.blog{max-width:1200px;padding:4px var(--gouttiere) clamp(56px, 9vw, 112px);margin:0 auto}.blog a:focus-visible{outline:2px solid var(--vert);outline-offset:3px;border-radius:2px}.blog-intro{max-width:40rem;margin:clamp(20px,4vw,44px) 0 clamp(28px,5vw,52px)}.blog-intro h1{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(2.6rem,7vw,4.4rem);font-weight:600;line-height:1}.blog-intro p{font-family:var(--serif);color:var(--encre-douce);text-wrap:balance;margin-top:14px;font-size:clamp(1.2rem,2.4vw,1.5rem);line-height:1.4}.blog-liste{margin:0;padding:0;list-style:none}.blog-liste>li{border-top:1px solid var(--filet);padding:clamp(22px,3.5vw,36px) 0}.blog-carte{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(20px,4vw,52px);display:grid}.blog-liste>li:not(:first-child) .blog-carte{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}.blog-carte-image{display:block}.blog-carte-image img{aspect-ratio:3/2;object-fit:cover;background:var(--vert-clair);border-radius:12px;width:100%;height:auto;display:block}.blog-carte h2{font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;margin-top:6px;font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:600;line-height:1.12}.blog-liste>li:not(:first-child) h2{font-size:clamp(1.45rem,2.6vw,1.9rem)}.blog-carte h2 a{color:inherit;background:linear-gradient(var(--surligneur), var(--surligneur)) no-repeat 0 92% / 0 .36em;text-decoration:none}.blog-carte h2 a:hover,.blog-carte h2 a:focus-visible{background-size:100% .36em}@media (prefers-reduced-motion:no-preference){.blog-carte h2 a{transition:background-size .25s ease-out}}.blog-carte-description{font-family:var(--serif);color:var(--encre-douce);margin-top:12px;font-size:1.15rem;line-height:1.5}.blog-date{color:var(--encre-douce);font-size:.9rem}.blog-fil{margin:4px 0 16px;font-size:.9rem}.blog-fil a{color:var(--encre-douce);text-underline-offset:3px}.blog-fil a:hover{color:var(--vert)}.blog-image{aspect-ratio:3/2;object-fit:cover;background:var(--vert-clair);border-radius:14px;width:100%;height:auto;display:block}@media (width>=861px){.blog-image{aspect-ratio:2}}.blog-texte{grid-template-columns:minmax(0,11rem) minmax(0,38rem);justify-content:center;column-gap:clamp(32px,5vw,64px);margin-top:clamp(28px,5vw,56px);display:grid}.blog-tete{display:contents}.blog-tete h1{max-width:46rem;font-family:var(--serif);letter-spacing:-.02em;text-wrap:balance;grid-column:1/-1;font-size:clamp(2.1rem,5.4vw,3.6rem);font-weight:600;line-height:1.07}.blog-texte .blog-date{border-top:2px solid var(--vert);grid-area:2/1;align-self:start;margin-top:2.1rem;padding-top:.6rem;font-weight:500;line-height:1.35}.blog-corps{font-family:var(--serif);overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual;grid-area:2/2;margin-top:2rem;font-size:clamp(1.2rem,2.2vw,1.32rem);line-height:1.62}.blog-corps>:first-child{margin-top:0}.blog-corps p,.blog-corps ul,.blog-corps ol,.blog-corps blockquote{margin:0 0 1.1em}.blog-corps h2{letter-spacing:-.01em;text-wrap:balance;margin:2.1em 0 .6em;font-size:1.85rem;font-weight:600;line-height:1.18}.blog-corps h3{margin:1.8em 0 .5em;font-size:1.4rem;font-weight:600;line-height:1.25}.blog-corps h4{margin:1.5em 0 .4em;font-size:1.15rem;font-weight:600}.blog-corps h2,.blog-corps h3,.blog-corps h4{font-family:var(--serif)}.blog-corps strong{font-weight:600}.blog-corps ul,.blog-corps ol{padding-left:1.3em}.blog-corps li+li{margin-top:.4em}.blog-corps blockquote{border-left:3px solid var(--vert);padding-left:1em;font-style:italic}.blog-corps a{color:var(--vert);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration-thickness:1px}.blog-corps a:hover{background:var(--surligneur);color:var(--encre)}.blog-ia{background:var(--feuille);border:1px solid var(--filet);border-left:4px solid var(--vert);color:var(--encre-douce);border-radius:8px;grid-column:2;margin-top:2.4rem;padding:14px 18px;font-size:.92rem;line-height:1.5}.blog-appel{flex-wrap:wrap;grid-column:2;gap:12px;margin-top:24px;display:flex}@media (width<=860px){.blog-texte{grid-template-columns:minmax(0,1fr);max-width:38rem;margin-inline:auto}.blog-tete h1,.blog-texte .blog-date,.blog-corps,.blog-ia,.blog-appel{grid-column:1}.blog-texte .blog-date{border-top:0;grid-row:auto;margin-top:14px;padding-top:0}.blog-corps{grid-row:auto}}@media (width<=720px){.blog-carte,.blog-liste>li:not(:first-child) .blog-carte{grid-template-columns:minmax(0,1fr);gap:16px}.blog-image{border-radius:10px}}.blog-actus{margin-top:18px;font-size:1rem}.blog-actus a{color:var(--vert);text-underline-offset:3px;font-weight:600}.blog-actus a:hover{background:var(--surligneur);color:var(--encre)}
