h1.svelte-10jk1fa{color:var(--color-accent);margin-bottom:1rem}.intro.svelte-10jk1fa{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;color:#ffffffe6}.articles-grid.svelte-10jk1fa{display:grid;gap:1.25rem;margin-top:2rem;grid-template-columns:1fr}@media (min-width: 600px){.articles-grid.svelte-10jk1fa{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.article-card.svelte-10jk1fa{display:block;padding:1.5rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;text-decoration:none;color:var(--text-color);transition:all .2s ease;position:relative;overflow:hidden}.article-card.svelte-10jk1fa:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-accent);transform:translate(-100%);transition:transform .3s ease}.article-card.featured.svelte-10jk1fa{border-color:#f1c40f33}.article-card.featured.svelte-10jk1fa:before{transform:translate(0)}.article-card.svelte-10jk1fa:hover{background:#0006;border-color:#f1c40f33;transform:translateY(-3px);box-shadow:0 6px 20px #0003}.article-card.svelte-10jk1fa:hover:before{transform:translate(0)}.card-top.svelte-10jk1fa{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.step-num.svelte-10jk1fa{width:1.5rem;height:1.5rem;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff6;flex-shrink:0;line-height:1}.featured.svelte-10jk1fa .step-num:where(.svelte-10jk1fa){border-color:var(--color-accent);color:var(--color-accent);background:#f1c40f14}.start-tag.svelte-10jk1fa{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent)}.article-card.svelte-10jk1fa h2:where(.svelte-10jk1fa){margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#fffffff2}.article-card.svelte-10jk1fa .description:where(.svelte-10jk1fa){margin:0 0 1rem;font-size:.9rem;color:#fff9;line-height:1.5}.read-link.svelte-10jk1fa{font-size:.85rem;color:#ffffff4d;transition:color .15s ease}.article-card.svelte-10jk1fa:hover .read-link:where(.svelte-10jk1fa){color:var(--color-accent)}