@media(prefers-reduced-motion:reduce){.dev-to-section.svelte-1gmkp2n a:where(.svelte-1gmkp2n),.source-note.svelte-1gmkp2n a:where(.svelte-1gmkp2n){transition:none}}section.svelte-1gmkp2n{--dev-to-bg: url(../../../images/dev.to.jpeg);container-type:inline-size;container-name:dev-to;position:relative;width:100%;height:50vh;min-height:15rem;text-align:center;background:var(--bg-darker);overflow:hidden}section.svelte-1gmkp2n:before{content:"";position:absolute;inset:0;background-image:var(--dev-to-bg);background-size:cover;background-position:center;z-index:0}.dev-to-section.svelte-1gmkp2n{display:flex;position:relative;width:100%;height:100%;padding:var(--space-4);flex-direction:column;align-items:stretch;justify-content:flex-end;gap:var(--space-2);z-index:1}.source-note.svelte-1gmkp2n{width:100%;margin:0;padding:var(--space-4);font-size:var(--font-size-lg);line-height:1.5;text-align:left;color:var(--text);background:color-mix(in srgb,var(--bg-darker) 85%,transparent);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);box-sizing:border-box}.heading.svelte-1gmkp2n{margin-bottom:var(--space-4);padding:var(--space-4);font-size:var(--font-size-xl);font-weight:700;text-align:center;color:var(--text);max-width:100%;box-sizing:border-box}.source-note.svelte-1gmkp2n .second-line:where(.svelte-1gmkp2n){display:block;margin-top:.5rem;font-size:var(--font-size-2xl)}.source-note.svelte-1gmkp2n a:where(.svelte-1gmkp2n){display:inline-block;margin:0 .25ch;font-weight:600;text-decoration:none;color:var(--accent-color);transition:color var(--transition-duration) var(--transition-timing)}.source-note.svelte-1gmkp2n a:where(.svelte-1gmkp2n):hover{text-decoration:underline;color:var(--accent-color-hover)}@media(prefers-reduced-motion:reduce){.source-note.svelte-1gmkp2n a:where(.svelte-1gmkp2n){transition:none}}@container dev-to (width >= 30rem){section.svelte-1gmkp2n{height:40vh;max-width:min(var(--measure),95%)}}@container dev-to (width >= 50rem){section.svelte-1gmkp2n{height:30vh}.source-note.svelte-1gmkp2n{padding:var(--space-12);font-size:var(--font-size-2xl)}.source-note.svelte-1gmkp2n .second-line:where(.svelte-1gmkp2n){margin-top:1.5rem;font-size:var(--font-size-4xl)}}@container dev-to (width >= 75rem){section.svelte-1gmkp2n{height:25vh}.source-note.svelte-1gmkp2n{padding:var(--space-16);font-size:var(--font-size-3xl)}.source-note.svelte-1gmkp2n .second-line:where(.svelte-1gmkp2n){margin-top:2rem;font-size:var(--font-size-5xl)}}.container.svelte-1gmkp2n{width:100%;max-width:min(var(--measure),95%);margin:0 auto;padding:0 var(--space-4);text-align:center}@container dev-to (width >= 30rem){.container.svelte-1gmkp2n{max-width:min(var(--measure),95%)}}@container dev-to (width >= 50rem){.container.svelte-1gmkp2n{max-width:min(var(--measure),95%)}}@container dev-to (width >= 75rem){.container.svelte-1gmkp2n{max-width:min(var(--measure),95%)}}@layer components{.error.svelte-1v8c6wn{display:grid;gap:var(--space-4);padding:var(--space-4);background:var(--bg-darker);border-radius:var(--radius-md);border-left:.25rem solid var(--error-color)}.header.svelte-1v8c6wn{display:flex;justify-content:space-between;align-items:center}.type.svelte-1v8c6wn{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--error-color)}.timestamp.svelte-1v8c6wn{font-size:var(--font-size-sm);color:var(--text-muted)}.message.svelte-1v8c6wn{font-family:var(--font-mono);font-size:var(--font-size-base);color:var(--text-color)}.details.svelte-1v8c6wn{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-muted);white-space:pre-wrap}}.card.svelte-dz23g5{display:flex;padding:var(--space-6);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 .125rem .5rem #0000001a;transition:all .2s ease;flex-direction:column;gap:var(--space-4)}.card.svelte-dz23g5:hover{box-shadow:0 .25rem 1rem #00000026;transform:translateY(-.125rem);border-color:var(--color-primary)}.title.svelte-dz23g5{margin:0;font-size:var(--font-size-xl);font-weight:700;text-decoration:none;color:var(--color-heading)}.title.svelte-dz23g5:hover{color:var(--color-primary)}.meta.svelte-dz23g5{display:flex;font-size:var(--font-size-sm);color:var(--color-text-muted);gap:var(--space-3);flex-wrap:wrap}.categories.svelte-dz23g5{display:flex;gap:var(--space-2)}.category.svelte-dz23g5{padding:0 var(--space-2);font-size:var(--font-size-xs);color:var(--color-text);background:var(--color-surface);border-radius:var(--radius-sm)}.excerpt.svelte-dz23g5{font-size:var(--font-size-md);color:var(--color-text)}.blog-post-grid.svelte-zs072n{container-type:inline-size;container-name:blog-post-grid;display:grid;gap:var(--space-4);grid-template-columns:1fr;width:100%;padding:var(--space-4) 0}@container blog-post-grid (width >= 40rem){.blog-post-grid.svelte-zs072n{gap:var(--space-6)}}@container blog-post-grid (width >= 48rem){.blog-post-grid.svelte-zs072n{grid-template-columns:repeat(2,1fr);gap:var(--space-8)}}@container blog-post-grid (width >= 64rem){.blog-post-grid.svelte-zs072n{grid-template-columns:repeat(3,1fr);gap:var(--space-10)}}@container blog-post-grid (width >= 80rem){.blog-post-grid.svelte-zs072n{grid-template-columns:repeat(4,1fr);gap:var(--space-12)}}.container.svelte-zs072n{width:100%;max-width:min(var(--measure),95cqi);margin-inline:auto;padding-inline:var(--space-4)}@container blog-post-grid (width >= 40rem){.container.svelte-zs072n{padding-inline:var(--space-8)}}@container blog-post-grid (width >= 48rem){.container.svelte-zs072n{padding-inline:var(--space-12)}}@container blog-post-grid (width >= 64rem){.container.svelte-zs072n{padding-inline:var(--space-16)}}@media(prefers-reduced-motion:reduce){.svelte-zs072n{transition:none;animation:none}}.blog-section.svelte-1xhk23n{margin:var(--space-6) 0}@keyframes svelte-1bbvsau-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner.svelte-1bbvsau{animation:none}}.spinner.svelte-1bbvsau{display:inline-block;border:.125rem solid var(--color-border);border-top:.125rem solid var(--color-primary);border-radius:var(--radius-full);animation:svelte-1bbvsau-spin 1s linear infinite}.spinner.sm.svelte-1bbvsau{width:1rem;height:1rem}.spinner.md.svelte-1bbvsau{width:1.5rem;height:1.5rem}.spinner.lg.svelte-1bbvsau{width:2rem;height:2rem}@container blog-page (min-width: 640px){.container.svelte-u4k2t{padding-inline:var(--space-8)}}@container blog-page (min-width: 768px){.container.svelte-u4k2t{padding-inline:var(--space-12)}}@container blog-page (min-width: 1024px){.container.svelte-u4k2t{padding-inline:var(--space-16)}}@media(prefers-reduced-motion:reduce){.blog.svelte-u4k2t :where(.svelte-u4k2t),.blog.svelte-u4k2t :where(.svelte-u4k2t):before,.blog.svelte-u4k2t :where(.svelte-u4k2t):after{transition:none;animation:none;transform:none}}.blog.svelte-u4k2t{container-type:inline-size;container-name:blog-page;display:grid;width:100%;padding:var(--space-16) 0;grid-template-rows:auto 1fr auto;gap:var(--space-16);min-height:70vh}.container.svelte-u4k2t{display:grid;width:100%;margin-inline:auto;padding-inline:var(--space-4);max-width:min(var(--measure),95cqi)}.posts-section.svelte-u4k2t{display:grid;gap:var(--space-8);width:100%}.load-more.svelte-u4k2t{display:flex;justify-content:center;margin-top:var(--space-8)}.load-more-button.svelte-u4k2t{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-color);background:var(--bg-darker);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-duration) var(--transition-timing);min-height:2.75rem}.load-more-button.svelte-u4k2t:hover:not(:disabled){background:color-mix(in srgb,var(--bg-darker) 80%,var(--accent-color));transform:translateY(-.125rem);border-color:var(--accent-color)}.load-more-button.svelte-u4k2t:disabled{opacity:.7;cursor:not-allowed;transform:none}.end-message.svelte-u4k2t{margin-top:var(--space-8);padding:var(--space-8);text-align:center;background:var(--bg-darker);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg)}.end-message.svelte-u4k2t p:where(.svelte-u4k2t){margin:var(--space-2) 0;color:var(--text-muted)}.end-message.svelte-u4k2t p:where(.svelte-u4k2t):first-child{font-size:var(--font-size-lg);color:var(--text-color)}.loading-container.svelte-u4k2t{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:20rem;gap:var(--space-4);padding:var(--space-16)}.loading-text.svelte-u4k2t{font-family:var(--font-mono);text-align:center;color:var(--text-muted)}.loading-text.svelte-u4k2t p:where(.svelte-u4k2t){margin:var(--space-1) 0}.error-state.svelte-u4k2t,.empty-state.svelte-u4k2t{margin:var(--space-8) 0;padding:var(--space-8);text-align:center;background:var(--bg-darker);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg)}.error-state.svelte-u4k2t h2:where(.svelte-u4k2t),.empty-state.svelte-u4k2t h2:where(.svelte-u4k2t){margin:0 0 var(--space-4) 0;font-size:var(--font-size-xl);color:var(--text-color)}.error-state.svelte-u4k2t p:where(.svelte-u4k2t),.empty-state.svelte-u4k2t p:where(.svelte-u4k2t){margin:var(--space-2) 0;color:var(--text-muted)}.load-more-error.svelte-u4k2t{margin-top:var(--space-4);padding:var(--space-6);text-align:center;color:var(--color-error);background:var(--bg-error);border:var(--border-width) solid var(--color-error);border-radius:var(--radius-md)}.load-more-error.svelte-u4k2t p:where(.svelte-u4k2t){margin:0 0 var(--space-4) 0}.retry-button.svelte-u4k2t{padding:var(--space-3) var(--space-6);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-color);background:var(--bg-darker);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-duration) var(--transition-timing);cursor:pointer}.retry-button.svelte-u4k2t:hover{background:color-mix(in srgb,var(--bg-darker) 80%,var(--accent-color));transform:translateY(-.125rem);border-color:var(--accent-color)}.dev-to-wrapper.svelte-u4k2t{margin-top:var(--space-16);padding-top:var(--space-16);border-top:var(--border-width) solid var(--border-color)}.load-more-button.svelte-u4k2t:focus-visible,.retry-button.svelte-u4k2t:focus-visible{outline:.125rem solid var(--accent-color);outline-offset:.125rem}