.app-intro{--app-preview:3.5rem;--app-intro-text:14rem;display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--s-4)}.app-intro>p{flex:1 1 var(--app-intro-text);min-width:0}.app-preview{display:grid;flex:none;justify-items:center;gap:var(--s-1);width:var(--app-preview)}.app-preview svg{width:var(--app-preview);height:var(--app-preview);border:var(--bw) solid var(--line-2);border-radius:var(--r-node)}.app-preview span{color:var(--fg);font-size:var(--t-sm);font-weight:var(--w-bold);line-height:var(--lh-title)}.howto{gap:var(--s-6)}.howto,.howto section{display:grid;grid-template-columns:minmax(0,1fr)}.howto section{gap:var(--s-3)}.howto h3{font-size:var(--t-md);line-height:var(--lh-title);letter-spacing:var(--tr-title)}.howto__steps{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-2);counter-reset:etape}.howto__steps li{position:relative;padding-left:var(--s-6);color:var(--soft);counter-increment:etape}.howto__steps li:before{content:counter(etape,decimal-leading-zero);position:absolute;left:0;color:var(--mute);font-size:var(--t-sm);font-variant-numeric:tabular-nums;font-weight:var(--w-bold);line-height:calc(var(--t-base) * var(--lh-body))}.howto__steps b{color:var(--fg)}.howto__note{color:var(--mute);font-size:var(--t-sm)}@media (forced-colors:active){.app-preview svg{forced-color-adjust:none}}