.latest-episodes{background-color:var(--ld-soft-bg);display:grid;grid-template-columns:1fr 1fr;line-height:1.35;margin-block:4rem;padding-bottom:1.75rem}.latest-episodes header{align-items:baseline;border-bottom:1px solid var(--ld-lite-fg);display:flex;gap:.6rem}.latest-episodes h3{color:var(--ld-tint-fg);font-size:.938rem;font-weight:400;margin-bottom:.34rem;margin-top:1rem}.latest-episodes .rss-link{align-self:end;color:var(--ld-tint-fg);font-size:.9rem;margin-bottom:.34rem}.latest-episodes .rss-link .feed-logo{display:block;height:1.5rem;width:1.5rem}.latest-episodes .latest-newsletter h4{font-size:1.25rem;font-weight:500;margin-bottom:0;margin-top:1rem}.latest-episodes .latest-newsletter h4 a{color:inherit;text-decoration:none}.latest-episodes .latest-newsletter h4 a:focus-visible,.latest-episodes .latest-newsletter h4 a:hover{text-decoration:underline}.latest-episodes .latest-newsletter .when{color:var(--ld-tint-fg);font-size:.875rem;text-transform:lowercase}.latest-episodes .latest-newsletter p{font-size:.938rem;margin-bottom:0;margin-top:.5rem;max-width:20rem}.latest-episodes .latest-stream .vod{-moz-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;margin-top:1.35rem}.latest-episodes .latest-stream .vod :where(>*){grid-column:2}.latest-episodes .latest-stream .vod .vod-thumb{grid-column:1;grid-row:1/span 3}.latest-episodes .latest-stream .vod .vod-thumb img{aspect-ratio:16/9;border:0;border-radius:.438rem;display:block;height:5.625rem;width:auto}.latest-episodes .latest-stream .vod h4{font-size:.875rem;font-weight:500;grid-column:2;grid-row:1;margin-bottom:.3rem;margin-top:0}.latest-episodes .latest-stream .vod h4 a{color:inherit;text-decoration:none}.latest-episodes .latest-stream .vod h4 a:focus-visible,.latest-episodes .latest-stream .vod h4 a:hover{text-decoration:underline}.latest-episodes .latest-stream .vod .when{grid-row:2}.latest-episodes .latest-stream .vod .when,.latest-episodes .latest-stream .vod .yt-link{font-size:.75rem;grid-column:2}.latest-episodes .latest-stream .vod .yt-link{color:var(--ld-tint-fg);grid-row:3;width:-moz-max-content;width:max-content}@media(max-width:50rem){.latest-episodes{grid-template-columns:1fr;row-gap:1rem}}.envelope-picture path[fill="#fff"]{fill:var(--ld-background)}.envelope-picture path[fill="#f0f0f0"]{fill:color-mix(in oklch,var(--ld-tint-fg) 12%,var(--ld-background))}.envelope-picture path[fill="#daedf7"]{fill:color-mix(in oklch,var(--ld-tint-fg) 15%,var(--ld-background))}@font-face{font-family:Fira Code;src:local("Fira Code Regular"),local("Fira Code"),url(../_fonts/1ZTlEDqU4DtwDJiND8f6qaugUpa0RIDvQl-v7iM6l54-D6hedAgqRfOCLZzaShnyeAvlEnMzk4Wm7g9WDKWFHIc.woff) format(woff);font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:"Fira Code Fallback: Courier New";src:local("Courier New");size-adjust:99.9837%;ascent-override:99.0161%;descent-override:32.2052%;line-gap-override:0%}@font-face{font-family:"Fira Code Fallback: Roboto Mono";src:local("Roboto Mono");size-adjust:99.9837%;ascent-override:99.0161%;descent-override:32.2052%;line-gap-override:0%}@font-face{font-family:"Fira Code Fallback: Noto Sans Mono";src:local("Noto Sans Mono");size-adjust:100%;ascent-override:99%;descent-override:32.2%;line-gap-override:0%}@font-face{font-family:Fira Code;src:local("Fira Code Medium"),url(../_fonts/1ZTlEDqU4DtwDJiND8f6qaugUpa0RIDvQl-v7iM6l54-2IIYX0aNjjEURwJNawIOc3sV0QzpbwUrCv8wl3ZGgFA.woff) format(woff);font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:Fira Code;src:local("Fira Code SemiBold"),url(../_fonts/1ZTlEDqU4DtwDJiND8f6qaugUpa0RIDvQl-v7iM6l54-6KAoyxR_H06JoWqdqVS0-kmvTJ84w1VV-vpL07MkGFo.woff) format(woff);font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:Fira Code;src:local("Fira Code Bold"),url(../_fonts/1ZTlEDqU4DtwDJiND8f6qaugUpa0RIDvQl-v7iM6l54-ReiF7Vl5j3fA_MaPuQPt4ANBQ5qTkjFYFTlL1W3ym1w.woff) format(woff);font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:Fira Code;src:local("Fira Code Regular"),local("Fira Code"),url(../_fonts/Lr-hqqZZsYmCt0ITUlr1CUrWim9fsKvoDFZliMxgNHY-iTa_Yt_PzhOY9TX7ZXdSlEPim6iRt92xhECwaxWxd5w.woff2) format(woff2);font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-weight:400;font-style:normal}@font-face{font-family:Fira Code;src:local("Fira Code Regular"),local("Fira Code"),url(../_fonts/UA7OtwYHwGN_HjcVGTdmiQxUit7FlqkCwxVUWSeXVnQ-B4OXCFOL_tWrYODpQTc07aMaj0c2cewTOmBRWR9tD-A.woff2) format(woff2);font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:400;font-style:normal}@font-face{font-family:Fira Code;src:local("Fira Code Medium"),url(../_fonts/Lr-hqqZZsYmCt0ITUlr1CUrWim9fsKvoDFZliMxgNHY-iTa_Yt_PzhOY9TX7ZXdSlEPim6iRt92xhECwaxWxd5w.woff2) format(woff2);font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-weight:500;font-style:normal}@font-face{font-family:Fira Code;src:local("Fira Code Medium"),url(../_fonts/UA7OtwYHwGN_HjcVGTdmiQxUit7FlqkCwxVUWSeXVnQ-B4OXCFOL_tWrYODpQTc07aMaj0c2cewTOmBRWR9tD-A.woff2) format(woff2);font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:500;font-style:normal}@font-face{font-family:Fira Code;src:local("Fira Code SemiBold"),url(../_fonts/Lr-hqqZZsYmCt0ITUlr1CUrWim9fsKvoDFZliMxgNHY-iTa_Yt_PzhOY9TX7ZXdSlEPim6iRt92xhECwaxWxd5w.woff2) format(woff2);font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-weight:600;font-style:normal}@font-face{font-family:Fira Code;src:local("Fira Code SemiBold"),url(../_fonts/UA7OtwYHwGN_HjcVGTdmiQxUit7FlqkCwxVUWSeXVnQ-B4OXCFOL_tWrYODpQTc07aMaj0c2cewTOmBRWR9tD-A.woff2) format(woff2);font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:600;font-style:normal}@font-face{font-family:Fira Code;src:local("Fira Code Bold"),url(../_fonts/Lr-hqqZZsYmCt0ITUlr1CUrWim9fsKvoDFZliMxgNHY-iTa_Yt_PzhOY9TX7ZXdSlEPim6iRt92xhECwaxWxd5w.woff2) format(woff2);font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-weight:700;font-style:normal}@font-face{font-family:Fira Code;src:local("Fira Code Bold"),url(../_fonts/UA7OtwYHwGN_HjcVGTdmiQxUit7FlqkCwxVUWSeXVnQ-B4OXCFOL_tWrYODpQTc07aMaj0c2cewTOmBRWR9tD-A.woff2) format(woff2);font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:700;font-style:normal}.newsletter-example{display:contents;line-height:1.2}.newsletter-example>*{border-width:1px;border-bottom:0 solid var(--ld-tint-fg);border-left:1px solid var(--ld-tint-fg);border-right:1px solid var(--ld-tint-fg);border-top:0 solid var(--ld-tint-fg);grid-column:1}.newsletter-example>*:first-child{border-top-width:1px;min-height:2rem}.newsletter-example>*:last-child{border-bottom-width:1px;min-height:2rem}.newsletter-example li,.newsletter-example p{font-size:.375rem;margin-inline:auto;max-width:9.75rem}.newsletter-example li,.newsletter-example ul{margin-left:0}.newsletter-example .example-edito{grid-row:2}.newsletter-example .example-tabs{grid-row:3}.newsletter-example .example-changelog{grid-row:4}.newsletter-example .example-stan-news{grid-row:5}.newsletter-example .example-footer{grid-row:6}.newsletter-example .example-changelog:after,.newsletter-example .example-edito:after,.newsletter-example .example-stan-news:after,.newsletter-example .example-tabs:after{border-bottom:1px solid var(--ld-lite-fg);content:"";display:block;height:1px;margin:.8rem auto;width:3rem}.newsletter-example .example-top-heading{font-family:Fira Code,"Fira Code Fallback: Courier New","Fira Code Fallback: Roboto Mono","Fira Code Fallback: Noto Sans Mono",monospace;font-size:.625rem;margin-bottom:.3rem;margin-top:.8rem}.newsletter-example .example-top-heading strong{font-weight:700}.newsletter-example .example-top-heading strong:before{content:"lundi.dev"}.newsletter-example .example-top-heading span{font-size:.375rem;margin-left:.3rem}.newsletter-example .example-top-heading span:before{content:"du lundi 26 janvier 2026"}.newsletter-example .example-edito .example-edito-title{font-size:.625rem;font-weight:700;margin-bottom:.3rem}.newsletter-example .example-edito .example-edito-title:before{content:"Ça se fait en un week-end"}.newsletter-example .example-edito .lorem-1:before{content:"Ça fait longtemps que je n’avais pas vu à ce point cette phrase répétée sur le net. C’est le genre de phrases assez dédaigneuses que je voyais passer régulièrement dans des commentaires, lorsque l’on voyait Twitter pointer le bout de son nez en 2008. En vrai, un site avec des comptes simples et des fils de messages courts, ça se fait en un week-end, non ?"}.newsletter-example .example-edito .lorem-2:before{content:"C’est difficile pour moi de blâmer ces piliers de bar numériques : c’est du bon sens, après tout. On parle de quoi ? Une table de base de données pour stocker les profils, une autre pour y mettre les tweets postés, deux clés étrangères et hop, emballez, c’est pesé. Et vu qu’ils le font en Rails, à ce stade ça n’est qu’une affaire de quelques lignes de style à rajouter au résultat d’un tutoriel, et vous avez un réseau social. L’affaire d’un week-end, qu’on vous dit !"}.newsletter-example .example-edito .lorem-3:before{content:"Sauf que… non, évidemment. Outre le fait que la complexité de Twitter résidait surtout dans sa mise à l’échelle (les twittos de l’époque se souviendront sans doute des fameuses « fail whales »), c’est oublier que créer du logiciel, c’est compliqué ; le maintenir, (…) et vous n’avancerez jamais, vous épuisant à combattre des chimères en n’ayant comme seule récompense votre propre ego perfectionniste (qui ne paiera pas votre loyer)."}.newsletter-example .example-edito .lorem-8:before{content:"Mais, pour ce cas précis… quel intérêt ? (Oui, j’ai coupé un bout du texte pour que ça soit joli ici. Abonnez-vous à la newsletter pour lire les éditos en entier, les amis !) Atteindre plus vite une deadline que je me suis auto-imposée ? Manquer de comprendre et d’intégrer par moi-même des subtilités dans les mécaniques des outils que j’ai utilisés pour faire ça (Typescript, Nuxt, les Cloudflare Workers et le logiciel Postal, pour les plus curieux) ? Voilà pourquoi je garde les LLMs loin de moi dans ces explorations « perso ». S’autoriser à écrire des bugs faits maison, quand on n’a pas de pression professionnelle, c’est aussi se permettre de marcher au moins une fois le long d’un chemin pour pouvoir m’y repérer à l’avenir."}.newsletter-example .example-edito .lorem-9:before{content:"Et ça, ça vaut bien un week-end qui dure 15 jours de plus."}.newsletter-example .example-section-title{font-size:.563rem;margin-top:.2rem}.newsletter-example .example-tabs .example-section-title:before{content:"Les 5 tabs"}.newsletter-example .example-tabs ul{font-size:.375rem;margin:0}.newsletter-example .example-tabs ul li span{display:block;text-decoration:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.newsletter-example .example-tabs ul li:nth-child(2n) span:before{content:"Aliquip ea deserunt veniam"}.newsletter-example .example-tabs ul li:nth-child(2n) div:before{content:"Cillum deserunt dolore id aliquip ea deserunt veniam nostrud dolore incididunt nostrud!"}.newsletter-example .example-tabs ul li:nth-child(odd) span:before{content:"Deserunt dolore id aliquip ea deserunt veniam"}.newsletter-example .example-tabs ul li:nth-child(odd) div:before{content:"Proident pariatur do et ad occaecat dolore incididunt non do ad cupidatat aliquip mollit sint do aliquip " "reprehenderit cillum deserunt dolore id aliquip ea deserunt veniam nostrud dolore incididunt nostrud mollit " "velit non ex mollit."}.newsletter-example .example-changelog .example-section-title:before{content:"Le changelog"}.newsletter-example .example-changelog span{display:inline;margin-right:.2rem;text-decoration:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.newsletter-example .example-changelog em{font-style:normal}.newsletter-example .example-changelog li:nth-child(3n) span:before{content:"Occeacat no do cupidatat"}.newsletter-example .example-changelog li:nth-child(3n) em:before{content:"Proident pariatur do et ad occaecat dolore incididunt non do ad cupidatat."}.newsletter-example .example-changelog li:nth-child(3n+1) span:before{content:"Laboris ipsum ex aute nulla adipisicing"}.newsletter-example .example-changelog li:nth-child(3n+1) em:before{content:"Cillum deserunt dolore ea deserunt veniam nostrud dolore incididunt!"}.newsletter-example .example-changelog li:nth-child(3n+2) span:before{content:"Fugiat ipsum veniam nisi aliquip ullamco"}.newsletter-example .example-changelog li:nth-child(3n+2) em:before{content:"Exercitation consequat cupidatat anim Lorem qui ipsum culpa veniam reprehenderit elit non."}.newsletter-example .example-stan-news .example-section-title:before{content:"Quoi de neuf chez Stan ?"}.newsletter-example .example-stan-news .example-stan-news-p:before{content:"Et bien Tempoquiz avance ! Bon, pas assez vite à mon goût comme vous pouvez vous en doutez, notamment parce que " "je prends du temps pour écrire ce petit texte alors qu’en vrai, tout le monde sait que c’est bien trop petit" "pour lire quoi que ce soit."}.newsletter-example .example-footer{padding-bottom:1rem}.newsletter-example .example-footer .example-footer-p:before{content:"Allez, on se retrouve lundi de la semaine prochaine pour un stream, et dans quinze jours pour une nouvelle newsletter. D’ici là, n’oubliez pas vous aussi de changer !"}.newsletter-example .example-footer .example-footprint{font-size:.313rem}.newsletter-example .example-footer .example-footprint:before{content:"lundi.dev est un projet éditorial porté par Signez au sein de Paraphe Studio, sa micro-agence de développement (un nom pompeux pour dire qu’il est freelance). Vous pouvez vous désabonner en un clic."}.stream-picture path[fill="#fff"],.stream-picture rect[fill="#fff"]{fill:var(--ld-background)}.stream-picture path[fill="#60a7ff"],.stream-picture rect[fill="#60a7ff"]{fill:var(--ld-lite-fg)}.stream-picture path[fill="#98d4ff"]{fill:var(--ld-top-border-color)}.stream-picture path[fill="#87bcfc"]{fill:color-mix(in oklch,var(--ld-lite-fg) 80%,var(--ld-background))}.stream-picture path[fill="#e8f1f6"],.stream-picture path[fill="#e9f4fc"]{fill:color-mix(in oklch,var(--ld-lite-fg) 12%,var(--ld-background))}.thank-you-for-your-subscription{align-items:center;background-color:var(--ld-soft-bg);display:grid;gap:2rem;grid-template-columns:auto 1fr;padding-block:2rem}.thank-you-for-your-subscription .check-icon{height:3rem;width:3rem}.thank-you-for-your-subscription h2{margin:0 0 .75rem}.thank-you-for-your-subscription p{font-size:1.15rem;margin:0}.thank-you-for-your-subscription p~p{margin-top:.3rem}.thank-you-for-your-subscription a{color:var(--ld-tint-fg)}.lundi-dev-explanation h2{font-size:2.1rem;font-weight:400;line-height:1.35;margin-bottom:3.5rem;margin-top:3.5rem;max-width:37rem}.lundi-dev-explanation h2 a{color:var(--ld-tint-fg);text-decoration:none}.lundi-dev-explanation h2 a:focus-visible,.lundi-dev-explanation h2 a:hover{text-decoration:underline}.two-kinds-of-lundi-dev{display:grid;gap:2.5rem;grid-template-columns:1fr auto;margin-left:0;padding-left:0}.two-kinds-of-lundi-dev li{display:contents}.two-kinds-of-lundi-dev .one-monday{-moz-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;padding-bottom:1rem;place-content:center start;row-gap:.35rem;text-wrap:balance;text-wrap:pretty}.two-kinds-of-lundi-dev .one-monday .mail-logo,.two-kinds-of-lundi-dev .one-monday .twitch-logo{color:var(--ld-tint-fg);grid-row:1/span 2}.two-kinds-of-lundi-dev .one-monday>span{font-size:1.25rem;grid-column:2}.two-kinds-of-lundi-dev .one-monday>span strong{font-weight:500}.two-kinds-of-lundi-dev .one-monday>small{font-size:.875rem;grid-column:2}.two-kinds-of-lundi-dev .main-link{color:var(--ld-tint-fg);display:grid}.two-kinds-of-lundi-dev .main-link a{color:inherit}.two-kinds-of-lundi-dev .main-link>a{align-items:center;border:1px solid var(--ld-tint-fg);box-shadow:0 4px 0 0 var(--ld-tint-fg);display:grid;font-size:1.25rem;gap:1rem;grid-template-columns:1fr auto;margin-bottom:-1px;padding:.6rem 1rem .5rem;text-decoration:none;transform:translateY(-1px)}.two-kinds-of-lundi-dev .main-link>a strong{font-weight:500}.two-kinds-of-lundi-dev .main-link>a:focus-visible,.two-kinds-of-lundi-dev .main-link>a:hover{box-shadow:0 6px 0 0 var(--ld-tint-fg);transform:translateY(-3px)}.two-kinds-of-lundi-dev .main-link>a:active{box-shadow:0 2px 0 0 var(--ld-tint-fg);transform:translateY(2px)}.two-kinds-of-lundi-dev .main-link small{font-size:.875rem;margin-top:.5rem;text-align:center}@media(max-width:50rem){.two-kinds-of-lundi-dev{grid-template-columns:1fr;row-gap:0}.two-kinds-of-lundi-dev .main-link{margin-bottom:3rem;margin-left:3rem}.two-kinds-of-lundi-dev .main-link>a{font-size:1.15rem}}.lundi-dev-explanation+.newsletter-explanation{margin-top:4rem}.newsletter-explanation{line-height:1.35;padding-block:4rem}@media(max-width:50rem){.newsletter-explanation{padding-block:2rem}}.newsletter-explanation .envelope-picture-wrapper{color:var(--ld-tint-fg);display:grid;margin-bottom:-5.5rem;margin-left:-.8rem;margin-top:-4rem}.newsletter-explanation .envelope-picture-wrapper svg{transform:rotate(-12deg);transform-origin:top left}.newsletter-explanation .envelope-picture-wrapper:after,.newsletter-explanation .envelope-picture-wrapper:before,.newsletter-explanation .envelope-picture-wrapper svg{grid-column:1;grid-row:1}.newsletter-explanation .envelope-picture-wrapper:after,.newsletter-explanation .envelope-picture-wrapper:before{border:2px solid transparent;border-radius:1rem;content:"";display:block;height:6rem;margin-left:3rem;margin-top:2rem;width:24rem;z-index:1}.newsletter-explanation .envelope-picture-wrapper:before{background-color:var(--ld-background)}.newsletter-explanation .envelope-picture-wrapper:after{border:2px solid var(--ld-tint-fg);-webkit-mask-clip:border-box;mask-clip:border-box;-webkit-mask-image:radial-gradient(at top left,#fff,#000 50%,#000);mask-image:radial-gradient(at top left,#fff,#000 50%,#000);mask-mode:luminance}@media(max-width:50rem){.newsletter-explanation .envelope-picture-wrapper{margin-top:0;width:auto}.newsletter-explanation .envelope-picture-wrapper svg{align-self:start;justify-self:center;margin-top:-2rem;transform:none}.newsletter-explanation .envelope-picture-wrapper:after,.newsletter-explanation .envelope-picture-wrapper:before{border-radius:0;margin-left:0}.newsletter-explanation .envelope-picture-wrapper:after{-webkit-mask-image:radial-gradient(at top center,#fff,#000 50%,#000);mask-image:radial-gradient(at top center,#fff,#000 50%,#000)}}.newsletter-explanation h2{font-size:1.625rem;font-weight:400;padding-left:4rem;position:relative;z-index:2}.newsletter-explanation h2 small{display:block;font-size:1.125rem;margin-bottom:.1rem}@media(max-width:50rem){.newsletter-explanation h2{font-size:1.5rem;padding-left:0}}.newsletter-explanation .newsletter-content{display:grid;font-size:1.25rem;grid-template-columns:14rem 7rem 1fr;margin-block:3rem;padding-left:4rem}@media(max-width:50rem){.newsletter-explanation .newsletter-content{--newsletter-example-slide-x: calc(14rem - 12dvw) ;font-size:1.15rem;grid-template-columns:14rem .5rem minmax(1fr,21rem);margin-left:calc(var(--newsletter-example-slide-x)*-1)}}.newsletter-explanation .newsletter-content .newsletter-content-description{display:contents}.newsletter-explanation .newsletter-content .newsletter-content-description li{align-self:center;display:grid;grid-column:1/span 3;grid-template-columns:subgrid}.newsletter-explanation .newsletter-content .newsletter-content-description li:before{box-shadow:0 -2px 0 var(--ld-background),0 -3px 0 var(--ld-background),0 2px 0 var(--ld-background),0 3px 0 var(--ld-background);height:2px;margin-right:.6rem;width:60%;z-index:1}.newsletter-explanation .newsletter-content .newsletter-content-description li:after,.newsletter-explanation .newsletter-content .newsletter-content-description li:before{align-self:center;background-color:var(--ld-tint-fg);content:"";display:block;grid-column:1/span 2;grid-row:1;justify-self:end;margin-bottom:.2rem}.newsletter-explanation .newsletter-content .newsletter-content-description li:after{border-radius:6px;box-shadow:0 0 0 3px var(--ld-background);height:12px;margin-right:calc(60% + .6rem);width:12px}.newsletter-explanation .newsletter-content .newsletter-content-description li p,.newsletter-explanation .newsletter-content .newsletter-content-description li strong{grid-column:3}@media(max-width:50rem){.newsletter-explanation .newsletter-content .newsletter-content-description li{grid-template-columns:8rem 1.5rem 1fr;margin-left:6rem}}.newsletter-explanation .newsletter-content .newsletter-content-description .edito-description{grid-row:2}.newsletter-explanation .newsletter-content .newsletter-content-description .tabs-description{grid-row:3}.newsletter-explanation .newsletter-content .newsletter-content-description .changelog-description{grid-row:4}.newsletter-explanation .newsletter-content .newsletter-content-description .stan-news-description{grid-row:5/span 2}.newsletter-explanation .newsletter-content .newsletter-content-description strong{font-weight:500;margin-bottom:.25rem}.newsletter-explanation .newsletter-content .newsletter-content-description p{margin-top:.25rem}.newsletter-explanation>p{font-size:1.25rem;padding-left:4rem;padding-right:6rem}.newsletter-explanation>p a{color:var(--ld-tint-fg);text-decoration:none}.newsletter-explanation>p a:focus-visible,.newsletter-explanation>p a:hover{text-decoration:underline}@media(max-width:50rem){.newsletter-explanation>p{font-size:1.15rem;padding-inline:0}}.stream-explanation{line-height:1.35;margin-bottom:2rem;padding-block:4rem}.stream-explanation .stream-picture-wrapper{color:var(--ld-tint-fg);display:grid;margin-bottom:-5.5rem;margin-left:-.8rem;margin-top:-4rem}.stream-explanation .stream-picture-wrapper svg{transform:rotate(-12deg);transform-origin:top left}.stream-explanation .stream-picture-wrapper:after,.stream-explanation .stream-picture-wrapper:before,.stream-explanation .stream-picture-wrapper svg{grid-column:1;grid-row:1}.stream-explanation .stream-picture-wrapper:after,.stream-explanation .stream-picture-wrapper:before{border:2px solid transparent;border-radius:1rem;content:"";display:block;height:6rem;margin-left:3rem;margin-top:2rem;width:24rem;z-index:1}.stream-explanation .stream-picture-wrapper:before{background-color:var(--ld-background)}.stream-explanation .stream-picture-wrapper:after{border:2px solid var(--ld-tint-fg);-webkit-mask-clip:border-box;mask-clip:border-box;-webkit-mask-image:radial-gradient(at top left,#fff,#000 50%,#000);mask-image:radial-gradient(at top left,#fff,#000 50%,#000);mask-mode:luminance}@media(max-width:50rem){.stream-explanation .stream-picture-wrapper{margin-top:0;width:auto}.stream-explanation .stream-picture-wrapper svg{align-self:start;justify-self:center;margin-top:-1.5rem;transform:none}.stream-explanation .stream-picture-wrapper:after,.stream-explanation .stream-picture-wrapper:before{border-radius:0;margin-left:0}.stream-explanation .stream-picture-wrapper:after{-webkit-mask-image:radial-gradient(at top center,#fff,#000 50%,#000);mask-image:radial-gradient(at top center,#fff,#000 50%,#000)}}.stream-explanation h2{font-size:1.625rem;font-weight:400;padding-left:4rem;position:relative;z-index:2}.stream-explanation h2 small{display:block;font-size:1.125rem;margin-bottom:.1rem}@media(max-width:50rem){.stream-explanation h2{font-size:1.5rem;padding-inline:0}}.stream-explanation>p{font-size:1.25rem;padding-left:4rem;padding-right:6rem}@media(max-width:50rem){.stream-explanation>p{font-size:1.15rem;padding-inline:0}}.stream-explanation .form-footprint{color:var(--ld-tint-fg);font-size:.75rem}.stream-explanation .form-footprint a{color:inherit}.stream-explanation>.form-footprint{font-size:.75rem;line-height:1.35;margin:0 1.125rem .075rem}.big-twitch-link{align-items:center;background-color:var(--ld-soft-bg);border-radius:1rem;color:var(--ld-tint-fg);display:grid;gap:.8rem;grid-template-columns:auto 1fr auto;line-height:1.35;padding:.625rem 1rem .563rem;width:-moz-max-content;width:max-content}.big-twitch-link .twitch-logo{height:1.353rem;width:1.188rem}.big-twitch-link strong{font-weight:500}.newsletter-dialog{border:2px solid var(--ld-tint-fg);box-shadow:0 8px 0 0 var(--ld-tint-fg);overflow:visible;padding:1rem 4rem 2rem;width:60rem}.newsletter-dialog .newsletter-form{margin:0}.newsletter-dialog .close-dialog{align-items:center;background-color:inherit;border:1px solid var(--ld-tint-fg);box-shadow:0 3px 0 0 var(--ld-tint-fg);color:var(--ld-tint-fg);display:grid;font-family:inherit;font-size:1rem;gap:.4rem;grid-template-columns:1fr auto;height:-moz-max-content;height:max-content;line-height:1.35;margin-bottom:2rem;margin-left:auto;margin-top:-2.25rem;max-width:auto;padding:.4rem .6rem .4rem .875rem}.newsletter-dialog .close-dialog:not(:disabled){cursor:pointer;transform:translateY(-1px)}.newsletter-dialog .close-dialog:not(:disabled):focus-visible,.newsletter-dialog .close-dialog:not(:disabled):hover{box-shadow:0 4px 0 0 var(--ld-tint-fg);transform:translateY(-2px)}.newsletter-dialog .close-dialog:not(:disabled):active{box-shadow:0 1px 0 0 var(--ld-tint-fg);transform:translateY(2px)}.newsletter-dialog .close-icon{height:1.25rem;width:1.25rem}.newsletter-dialog header{align-items:center;display:grid;grid-template-columns:1fr auto;margin-bottom:.75rem}@media(max-width:50rem){.newsletter-dialog{border-inline-width:0;margin-inline:0;max-width:unset;padding:1rem 1rem 2rem;width:100dvw}}