.blog.svelte-u4k2t{padding:clamp(64px,11vh,120px) 0 clamp(80px,15vh,160px)}.intro.svelte-u4k2t{max-width:60ch}h1.svelte-u4k2t{font-family:var(--font-display);font-weight:700;font-size:clamp(40px,7vw,68px);letter-spacing:-.02em;line-height:1;margin:0;color:var(--accent-2)}.lede.svelte-u4k2t{font-size:18px;line-height:1.55;color:var(--ink-soft);margin:22px 0 0;text-wrap:pretty}.post-list.svelte-u4k2t{list-style:none;margin:clamp(40px,6vw,56px) 0 0;padding:0;display:flex;flex-direction:column;gap:14px}.post.svelte-u4k2t{display:grid;grid-template-columns:1fr auto;align-items:center;gap:clamp(18px,3vw,32px);padding:clamp(22px,3vw,30px);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--page);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.post.svelte-u4k2t:hover{border-color:var(--line-strong);background:var(--surface);box-shadow:var(--shadow-sm)}.post.svelte-u4k2t:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.post-body.svelte-u4k2t{display:flex;flex-direction:column;gap:8px;min-width:0}.post-title.svelte-u4k2t{font-size:clamp(18px,2vw,21px);font-weight:600;letter-spacing:-.01em;line-height:1.25;color:var(--ink);text-wrap:balance}.post-desc.svelte-u4k2t{font-size:15px;line-height:1.55;color:var(--ink-soft);text-wrap:pretty;max-width:62ch}.post-meta.svelte-u4k2t{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:4px}.date.svelte-u4k2t{font-size:12px;line-height:1;color:var(--mute)}.tag.svelte-u4k2t{font-size:12px;line-height:1;color:var(--ink-soft);background:var(--surface-deeper);padding:5px 9px;border-radius:var(--radius-sm)}.arrow.svelte-u4k2t{align-self:center;font-size:18px;color:var(--mute);transition:transform .16s ease,color .16s ease}.post.svelte-u4k2t:hover .arrow:where(.svelte-u4k2t){transform:translate(3px);color:var(--accent-2)}.empty.svelte-u4k2t{margin:clamp(40px,6vw,56px) 0 0;font-size:16px;line-height:1.6;color:var(--ink-soft);max-width:60ch}.empty.svelte-u4k2t a:where(.svelte-u4k2t){color:var(--accent-2);text-decoration:underline;text-decoration-color:color-mix(in oklch,var(--accent-2) 40%,transparent);text-decoration-thickness:1px;text-underline-offset:2px}.empty.svelte-u4k2t a:where(.svelte-u4k2t):hover{text-decoration-color:var(--accent-2)}@media (max-width: 600px){.arrow.svelte-u4k2t{display:none}.post.svelte-u4k2t{grid-template-columns:1fr}}