.tutoriels.svelte-1cf3ixk{background:#f7f7f7;min-height:100vh}.container.svelte-1cf3ixk{max-width:1440px;margin:0 auto;padding:1rem 1rem 3rem}.hero.svelte-1cf3ixk{text-align:center;padding:2.5rem 1rem 2rem}.hero.svelte-1cf3ixk h1:where(.svelte-1cf3ixk){color:#1b5e20;margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.5rem)}.hero-lead.svelte-1cf3ixk{color:#555;max-width:46rem;margin:0 auto;line-height:1.6}h2.svelte-1cf3ixk{color:#1a1a1a;margin:2.5rem 0 .5rem;font-size:1.35rem}.theme-intro.svelte-1cf3ixk{color:#666;margin:0 0 1rem}.grid.svelte-1cf3ixk{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width>=640px){.grid.svelte-1cf3ixk{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.grid.svelte-1cf3ixk{grid-template-columns:repeat(4,1fr)}}@media (width>=1280px){.grid.svelte-1cf3ixk{grid-template-columns:repeat(5,1fr)}}.card.svelte-1cf3ixk{color:inherit;background:#fff;border-radius:.5rem;flex-direction:column;text-decoration:none;transition:box-shadow .15s;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000d}.card.svelte-1cf3ixk:hover{box-shadow:0 2px 8px #00000014}.card-image.svelte-1cf3ixk{aspect-ratio:1;background:#fafafa;overflow:hidden}.card-image-fallback.svelte-1cf3ixk{color:#aaa;justify-content:center;align-items:center;width:100%;height:100%;font-size:.85rem;display:flex}.card-body.svelte-1cf3ixk{padding:.6rem .7rem}.card-title.svelte-1cf3ixk{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.cta.svelte-1cf3ixk{text-align:center;color:#fff;background:linear-gradient(135deg,#1b5e20 0%,#2e7d32 100%);border-radius:1rem;margin-top:3rem;padding:2.5rem 1.5rem}.cta.svelte-1cf3ixk h2:where(.svelte-1cf3ixk){color:#fff;margin:0 0 .5rem}.cta.svelte-1cf3ixk p:where(.svelte-1cf3ixk){color:#ffffffe6;max-width:40rem;margin:0 auto 1.25rem}