.article-page.svelte-f33bvh{padding:clamp(72px,10vw,88px) 0 clamp(44px,6vw,48px)}.article-page__inner.svelte-f33bvh{display:flex;flex-direction:column;align-items:center}.article-header.svelte-f33bvh{display:grid;justify-items:start;gap:20px;text-align:left}.article-tag.svelte-f33bvh{padding:5px 14px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.article-header.svelte-f33bvh h1:where(.svelte-f33bvh){max-width:18ch;font-size:clamp(2.5rem,6vw,3.7rem);line-height:1}.article-header__excerpt.svelte-f33bvh{max-width:42.5rem;color:var(--subtle);font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.55}.article-header__meta.svelte-f33bvh{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-start;color:var(--subtle);font-family:JetBrains Mono,monospace;font-size:.78rem}.article-body-section.svelte-f33bvh{padding:clamp(44px,6vw,48px) 0}.article-body-section__inner.svelte-f33bvh{display:flex;flex-direction:column;align-items:center}.article-prose.svelte-f33bvh{width:min(100%,43.5rem);max-width:43.5rem;display:grid;gap:0}.article-author.svelte-f33bvh,.article-newsletter.svelte-f33bvh,.article-nav.svelte-f33bvh{padding:clamp(40px,6vw,48px) 0}.article-author__inner.svelte-f33bvh{display:flex;flex-direction:column;align-items:center}.article-newsletter__inner.svelte-f33bvh{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.article-author__card.svelte-f33bvh{width:min(100%,42.5rem);max-width:42.5rem;display:flex;gap:20px;align-items:center}.article-author__avatar.svelte-f33bvh{width:48px;height:48px;flex:0 0 48px;display:block;border-radius:999px;border:1px solid var(--line);object-fit:cover;object-position:center top;background:var(--surface-raised)}.article-author__copy.svelte-f33bvh{display:grid;gap:4px}.article-author__copy.svelte-f33bvh strong:where(.svelte-f33bvh){font-size:.95rem}.article-author__copy.svelte-f33bvh a:where(.svelte-f33bvh){color:var(--accent);font-size:.82rem;font-weight:500}.article-newsletter__inner.svelte-f33bvh h2:where(.svelte-f33bvh){font-size:clamp(1.8rem,3vw,2rem);line-height:1.05}.article-newsletter__form.svelte-f33bvh{width:min(100%,520px)}.article-nav__inner.svelte-f33bvh{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.article-nav__card.svelte-f33bvh{display:grid;gap:4px}.article-nav__card.svelte-f33bvh span:where(.svelte-f33bvh){color:var(--subtle);font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.article-nav__card.svelte-f33bvh strong:where(.svelte-f33bvh){font-size:.98rem;line-height:1.45}.article-nav__card--right.svelte-f33bvh{text-align:right}.article-nav__card--muted.svelte-f33bvh{opacity:.72}.article-prose.svelte-f33bvh p,.article-prose.svelte-f33bvh ul,.article-prose.svelte-f33bvh ol,.article-prose.svelte-f33bvh blockquote,.article-prose.svelte-f33bvh figure,.article-prose.svelte-f33bvh pre,.article-prose.svelte-f33bvh h2,.article-prose.svelte-f33bvh h3{margin:0 0 1.7rem}.article-prose.svelte-f33bvh p,.article-prose.svelte-f33bvh li{color:var(--text);font-family:Inter,Segoe UI,sans-serif;font-size:1.08rem;line-height:1.6;letter-spacing:-.004em}.article-prose.svelte-f33bvh a{color:var(--accent);text-decoration:underline;text-underline-offset:.16em;text-decoration-thickness:.08em}.article-prose.svelte-f33bvh a:hover{color:#9bd0b8}.article-prose.svelte-f33bvh figure{width:min(100vw - 40px,56rem);justify-self:center;margin:0 0 2.1rem}.article-prose.svelte-f33bvh figure img{width:100%;height:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised)}.article-prose.svelte-f33bvh figcaption{margin-top:.75rem;color:var(--subtle);font-size:.88rem;line-height:1.5}.article-prose.svelte-f33bvh .app-screenshot-grid{width:min(100vw - 40px,48rem);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;justify-self:center;align-items:start;margin:0 0 2.1rem}.article-prose.svelte-f33bvh .app-screenshot-grid figure{width:100%;margin:0}.article-prose.svelte-f33bvh h2{margin-top:1.9rem;font-size:clamp(1.75rem,3vw,2.05rem);line-height:1.3;letter-spacing:-.03em}.article-prose.svelte-f33bvh h3{margin-top:.7rem;margin-bottom:.6rem;font-size:1.38rem;line-height:1.3;letter-spacing:-.025em}.article-prose.svelte-f33bvh ul,.article-prose.svelte-f33bvh ol{padding-left:1.25rem}.article-prose.svelte-f33bvh li+li{margin-top:0}.article-prose.svelte-f33bvh pre{overflow-x:auto;padding:24px 28px;border:1px solid rgba(124,187,160,.22);border-radius:6px;background:#101816;box-shadow:inset 0 1px #ffffff08}.article-prose.svelte-f33bvh code{color:#d5eee0;font-size:.9em}.article-prose.svelte-f33bvh pre code{display:block;color:#d8eadf;font-size:.86rem;line-height:1.72;-moz-tab-size:2;tab-size:2}.article-prose.svelte-f33bvh :not(pre)>code{padding:.12em .32em;border:1px solid rgba(124,187,160,.18);border-radius:4px;background:#7cbba017}.article-prose.svelte-f33bvh .code-token--comment{color:#74877f;font-style:italic}.article-prose.svelte-f33bvh .code-token--keyword{color:#88c8ff}.article-prose.svelte-f33bvh .code-token--string{color:#c8dd8e}.article-prose.svelte-f33bvh .code-token--number{color:#e6b77a}.article-prose.svelte-f33bvh .code-token--type{color:#f0d484}.article-prose.svelte-f33bvh .code-token--function{color:#8fd9c0}.article-prose.svelte-f33bvh .code-token--operator,.article-prose.svelte-f33bvh .code-token--punctuation{color:#9aaea5}.article-prose.svelte-f33bvh blockquote{display:grid;grid-template-columns:3px minmax(0,1fr);gap:16px;padding:20px 24px;border-radius:4px;background:#7cbba033}.article-prose.svelte-f33bvh blockquote:before{content:"";grid-column:1;grid-row:1 / -1;background:var(--accent);border-radius:999px}.article-prose.svelte-f33bvh blockquote>*{grid-column:2}.article-prose.svelte-f33bvh blockquote p{margin:0;color:var(--text);font-style:italic}@media(max-width:760px){.article-prose.svelte-f33bvh .app-screenshot-grid{grid-template-columns:1fr}.article-prose.svelte-f33bvh .app-screenshot-grid figure{max-width:24.375rem;justify-self:center}.article-page.svelte-f33bvh{padding:52px 0 40px}.article-header.svelte-f33bvh{justify-items:start;gap:14px;text-align:left}.article-header.svelte-f33bvh h1:where(.svelte-f33bvh){max-width:none;font-size:clamp(2rem,9vw,2.65rem);line-height:1.3}.article-header__meta.svelte-f33bvh{justify-content:flex-start}.article-author__card.svelte-f33bvh{flex-direction:column;align-items:flex-start}.article-nav__inner.svelte-f33bvh{grid-template-columns:1fr}.article-nav__card--right.svelte-f33bvh{text-align:left}}