.zp-blog{--blog-measure:720px;color:var(--ink)}.zp-blog-index{margin:0 auto;max-width:1080px;padding:72px 32px 96px}.zp-blog-index-head{margin-bottom:48px;max-width:var(--blog-measure)}.zp-blog-kicker{color:var(--brand);font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;margin:0 0 12px;text-transform:uppercase}.zp-blog-index-head h1{font-family:var(--font-display);font-size:clamp(34px,5vw,52px);font-weight:500;line-height:1.08;margin:0 0 16px}.zp-blog-index-head p{color:var(--ink-2);font-size:18px;line-height:1.6;margin:0}.zp-blog-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.zp-blog-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);color:inherit;display:flex;flex-direction:column;gap:12px;padding:28px;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.zp-blog-card:hover{border-color:var(--brand-line);box-shadow:var(--sh-2);transform:translateY(-2px)}.zp-blog-card-meta{color:var(--ink-3);display:flex;flex-wrap:wrap;font-family:var(--font-mono);font-size:12px;gap:10px}.zp-blog-card h2{font-family:var(--font-display);font-size:23px;font-weight:500;line-height:1.2;margin:0}.zp-blog-card p{color:var(--ink-2);font-size:15px;line-height:1.6;margin:0}.zp-blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.zp-blog-tag{background:var(--brand-soft);border-radius:999px;color:var(--brand);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;padding:3px 10px}.zp-blog-article{margin:0 auto;max-width:var(--blog-measure);padding:72px 32px 96px}.zp-blog-article-head{margin-bottom:40px}.zp-blog-article-head h1{font-family:var(--font-display);font-size:clamp(32px,5vw,48px);font-weight:500;line-height:1.1;margin:12px 0 20px}.zp-blog-article-meta{display:flex;flex-wrap:wrap;gap:12px}.zp-blog-article-meta,.zp-blog-back{color:var(--ink-3);font-family:var(--font-mono);font-size:13px}.zp-blog-back{display:inline-block;margin-bottom:40px;text-decoration:none}.zp-blog-back:hover{color:var(--brand)}.zp-blog-prose{color:var(--ink-2);font-size:18px;line-height:1.7}.zp-blog-prose>*+*{margin-top:24px}.zp-blog-prose h2{font-size:28px;line-height:1.25;margin-top:52px}.zp-blog-prose h2,.zp-blog-prose h3{color:var(--ink);font-family:var(--font-display);font-weight:500}.zp-blog-prose h3{font-size:21px;margin-top:36px}.zp-blog-prose p{margin:0}.zp-blog-prose a:not(.al-btn){color:var(--brand);text-decoration:underline;text-underline-offset:2px}.zp-blog-prose strong{color:var(--ink);font-weight:600}.zp-blog-prose ul{padding-left:22px}.zp-blog-prose li+li{margin-top:8px}.zp-blog-prose code{background:var(--surface-2);border-radius:6px;font-family:var(--font-mono);font-size:.86em;padding:2px 6px}.zp-blog-figure{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);margin:40px 0;padding:24px}.zp-blog-figure svg{display:block;height:auto;width:100%}.zp-blog-figcaption{color:var(--ink-3);font-family:var(--font-mono);font-size:12px;margin-top:14px;text-align:center}.zp-blog-callout{background:var(--brand-soft);border-left:3px solid var(--brand);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--ink-2);font-size:16px;padding:18px 22px}.zp-blog-cta{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);margin-top:56px;padding:40px;text-align:center}.zp-blog-cta h2{font-family:var(--font-display);font-size:26px;font-weight:500;margin:0 0 12px}.zp-blog-cta p{color:var(--ink-2);font-size:16px;margin:0 0 24px;margin-inline:auto;max-width:520px}@media(max-width:600px){.zp-blog-article,.zp-blog-index{padding-left:20px;padding-right:20px}.zp-blog-prose{font-size:17px}}
