.feed.svelte-17j22sm{max-width:720px;margin:0 auto;padding:0 24px 48px;font-family:var(--font-mono);font-size:.75rem}.blog-page+.feed.svelte-17j22sm{max-width:800px}.feed.svelte-17j22sm a:where(.svelte-17j22sm){color:var(--c-light)}.feed.svelte-17j22sm a:where(.svelte-17j22sm):hover{color:var(--c-black)}article.post{max-width:720px;margin:0 auto;padding:40px 24px 80px;line-height:1.75}article.post .back{display:inline-block;font-family:var(--font-mono);font-size:.8rem;color:var(--c-light);text-decoration:none;margin-bottom:32px}article.post .back:hover{color:var(--c-black)}article.post .post-head{padding-bottom:28px;margin-bottom:8px}article.post .eyebrow{display:block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-light);text-decoration:none;margin-bottom:16px}article.post h1{font-size:2rem;font-weight:600;letter-spacing:-.03em;line-height:1.14}article.post .byline{margin-top:18px;font-family:var(--font-mono);font-size:.78rem;color:var(--c-light);display:flex;gap:8px;flex-wrap:wrap}article.post .byline .dot{opacity:.6}article.post .byline .copy-post{margin-left:auto;appearance:none;background:none;border:1px solid var(--c-border);padding:5px;line-height:0;color:var(--c-light);cursor:pointer}article.post .byline .copy-post:hover{border-color:var(--c-black);color:var(--c-black)}article.post h2{font-size:1.35rem;font-weight:600;letter-spacing:-.02em;margin:52px 0 14px;line-height:1.3}article.post>h2:first-of-type{margin-top:calc(52px + 1.75rem)}article.post p{margin:16px 0}article.post em{font-style:italic}article.post hr{border:none;border-top:1px solid var(--c-border);margin:44px 0 24px}article.post .cta{font-size:.95rem;color:var(--c-mid)}article.post .personal{border-left:2px solid var(--c-border);padding-left:18px;color:var(--c-dark)}article.post .props{list-style:none;margin:16px 0;padding:0}article.post .props li{border-left:2px solid var(--c-border);padding:4px 0 4px 18px;margin:16px 0}article.post .table-wrap{overflow-x:auto;margin:16px 0;border:1px solid var(--c-border)}article.post table{width:100%;border-collapse:collapse;font-size:.86rem;line-height:1.5}article.post th,article.post td{border-bottom:1px solid var(--c-border);border-right:1px solid var(--c-border);padding:8px 12px;text-align:left;vertical-align:top}article.post th:last-child,article.post td:last-child{border-right:none}article.post th{background:var(--c-bg-soft);font-weight:600}article.post td:first-child{color:var(--c-mid);white-space:nowrap}article.post tbody tr:last-child td{border-bottom:none}article.post .cg-label{display:flex;align-items:center;margin-top:20px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--c-light);min-height:36px;padding-left:18px;border:1px solid var(--c-border);border-bottom:none;background:var(--c-bg-soft)}article.post pre.shiki{margin:12px 0 20px;padding:14px 18px;white-space:pre-wrap;overflow-wrap:break-word;overflow-x:visible}article.post .cg-label+pre.shiki{margin-top:0}article.post .copy-code{appearance:none;background:none;border:0;padding:0;line-height:0;color:var(--c-light);cursor:pointer}article.post .copy-code:hover{color:var(--c-black)}article.post .cg-label .copy-code{margin-left:auto;padding:10px}article.post .code-block>pre.shiki{padding-right:52px}article.post .code-block .copy-code{position:absolute;top:0;right:0;padding:19px 19px 0 12px}article.post .diagram{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin:28px 0;font-family:var(--font-mono)}article.post .diagram .stage,article.post .diagram .station{border:1px solid var(--c-border);padding:12px 14px;display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:120px}article.post .diagram .stage.template{border-color:var(--c-dark)}article.post .diagram .stations{display:flex;flex-direction:column;gap:8px}article.post .diagram .station{border-style:dashed;padding:8px 14px;min-width:150px}article.post .diagram .stage-k{font-size:.82rem;color:var(--c-black);font-weight:600}article.post .diagram .stage-v{font-size:.68rem;color:var(--c-light);line-height:1.4}article.post .diagram .arrow{display:flex;align-items:center;color:var(--c-light);font-size:.8rem}@media(max-width:640px){.feed.svelte-17j22sm{padding:0 20px 40px}article.post{padding:28px 20px 56px}article.post table{font-size:.8rem}article.post th,article.post td{padding:7px 8px}article.post td:first-child{white-space:normal}article.post h1{font-size:1.55rem}article.post .diagram{flex-direction:column}article.post .diagram .arrow{justify-content:center}}