.writing-page.svelte-k45wj3{margin:0 auto;padding:64px 48px}.page-header.svelte-k45wj3{margin-bottom:40px}.series-block.svelte-k45wj3{border-top:1px solid var(--rule-2)}.series-block.svelte-k45wj3:last-child{border-bottom:1px solid var(--rule-2)}.series-header.svelte-k45wj3{align-items:center;gap:10px;padding:14px 8px 10px;display:flex}.series-pip.svelte-k45wj3{background:var(--fg-3);border-radius:1px;flex-shrink:0;width:2px;height:14px;display:block}.series-label-text.svelte-k45wj3{letter-spacing:.12em;text-transform:lowercase;color:var(--fg-2);font-size:15px;font-weight:400}.series-posts.svelte-k45wj3{border-left:1px solid var(--rule);margin-left:8px}.writing-item.svelte-k45wj3{border-bottom:1px solid var(--rule-2);color:inherit;border-radius:2px;grid-template-columns:72px 1fr auto;align-items:center;gap:0 20px;margin:0 -8px;padding:16px 8px;text-decoration:none;transition:background .1s;display:grid}.writing-item.svelte-k45wj3:first-child{border-top:1px solid var(--rule-2)}.series-item.svelte-k45wj3:first-child{border-top:none}.writing-item.svelte-k45wj3:hover{background:var(--bg-2)}.writing-item.svelte-k45wj3:hover .writing-title:where(.svelte-k45wj3){text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--fg-4);text-decoration-color:var(--fg-4)}.writing-tag-col.svelte-k45wj3{align-items:center;gap:7px;display:flex}.tag-pip.svelte-k45wj3{border-radius:1px;flex-shrink:0;width:2px;height:22px}.tag-pip.devlog.svelte-k45wj3{background:var(--fg-3)}.tag-pip.essay.svelte-k45wj3{background:var(--fg-4)}.tag-pip.deep-dive.svelte-k45wj3{background:var(--fg-2)}.tag-pip.tutorial.svelte-k45wj3{background:var(--fg-4)}.tag-pip.note.svelte-k45wj3{background:var(--fg-5)}.tag-label.svelte-k45wj3{letter-spacing:.1em;color:var(--fg-3);text-transform:lowercase;font-size:10px;font-weight:400}.writing-title.svelte-k45wj3{color:var(--fg);font-size:19px;font-weight:300;line-height:1.4}.writing-date.svelte-k45wj3{color:var(--fg-4);white-space:nowrap;letter-spacing:.02em;font-size:10px;font-weight:300}@media (width<=720px){.writing-page.svelte-k45wj3{padding:40px 18px}.writing-item.svelte-k45wj3{grid-template-columns:60px 1fr;gap:0 12px}.writing-date.svelte-k45wj3{display:none}}