.blog-main{min-height:60vh;display:block}.blog{overflow-wrap:anywhere;max-width:1120px;margin:0 auto;padding:clamp(28px,5vw,64px) clamp(16px,5vw,80px) 72px}.blog-article{box-sizing:content-box;max-width:760px}.blog .blog-crumbs{color:var(--ds-ink-tertiary);margin-bottom:14px;font-size:13px}.blog .blog-crumbs a{color:var(--ds-ink-secondary);text-decoration:none}.blog .blog-crumbs a:hover{color:var(--ds-ink);text-decoration:underline}.blog .blog-head{gap:14px;margin-bottom:28px;display:grid}.blog .blog-head h1{font-family:var(--serif);letter-spacing:-.025em;color:var(--ds-ink);text-wrap:balance;margin:0;font-size:clamp(32px,4vw,50px);font-weight:400;line-height:1.08}.blog .blog-pageno{color:var(--ds-ink-tertiary);letter-spacing:0;font-size:.55em}.blog .blog-lead{color:var(--ds-ink-secondary);text-wrap:pretty;max-width:62ch;margin:0;font-size:18px;line-height:1.65}.blog .blog-card-meta{color:var(--ds-ink-tertiary);flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:13px;display:flex}.blog .blog-kind{letter-spacing:.1em;text-transform:uppercase;color:var(--ds-moss);font-size:12px;font-weight:700;text-decoration:none}.blog a.blog-kind:hover{text-underline-offset:3px;text-decoration:underline}.blog .blog-filter{flex-wrap:wrap;gap:8px;margin:0 0 28px;display:flex}.blog .blog-filter a{border:1px solid var(--ds-line-strong);border-radius:var(--ds-radius-pill);color:var(--ds-ink-secondary);padding:6px 14px;font-size:14px;text-decoration:none}.blog .blog-filter a:hover{color:var(--ds-ink);border-color:var(--ds-ink-tertiary)}.blog .blog-filter a[aria-current=page]{background:var(--ds-moss-soft);border-color:var(--ds-moss);color:var(--ds-ink)}.blog .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px;margin:0;padding:0;list-style:none;display:grid}.blog .blog-card a{color:inherit;gap:10px;text-decoration:none;display:grid}.blog .blog-card-cover{aspect-ratio:16/9;border-radius:var(--ds-radius-md);background:var(--ds-surface);border:1px solid var(--ds-line);display:block;position:relative;overflow:hidden}.blog .blog-card-cover img{object-fit:cover}.blog .blog-card-title{font-family:var(--sans);letter-spacing:-.01em;color:var(--ds-ink);margin:0;font-size:20px;font-weight:600;line-height:1.3}.blog .blog-card a:hover .blog-card-title{text-underline-offset:3px;text-decoration:underline}.blog .blog-card p{color:var(--ds-ink-secondary);margin:0;font-size:14.5px;line-height:1.6}.blog .blog-pages{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:48px;font-size:14px;display:flex}.blog .blog-pages a,.blog .blog-pages span{border-radius:var(--ds-radius-sm);box-sizing:border-box;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:0 10px;display:inline-flex}.blog .blog-pages a{color:var(--ds-ink);border:1px solid var(--ds-line);text-decoration:none}.blog .blog-pages a:hover{border-color:var(--ds-ink-tertiary)}.blog .blog-pages .cur{background:var(--ds-moss);color:var(--ds-on-moss)}.blog .blog-pages .off{color:var(--ds-ink-tertiary)}.blog .blog-pages .gap{color:var(--ds-ink-tertiary);min-width:20px}.blog .blog-cover{aspect-ratio:16/9;border-radius:var(--ds-radius-lg);background:var(--ds-surface);margin:0 0 32px;position:relative;overflow:hidden}.blog .blog-cover img{object-fit:cover}.blog .blog-body{color:var(--ds-ink);font-size:17px;line-height:1.75}.blog .blog-body>*{margin:0 0 1.1em}.blog .blog-body h2{font-family:var(--serif);letter-spacing:-.015em;margin:1.8em 0 .6em;scroll-margin-top:96px;font-size:28px;font-weight:400;line-height:1.2}.blog .blog-body h3{margin:1.6em 0 .5em;scroll-margin-top:96px;font-size:19px;font-weight:600;line-height:1.35}.blog .blog-body p{text-wrap:pretty}.blog .blog-body a{color:var(--ds-moss);text-underline-offset:3px;text-decoration:underline}.blog .blog-body a:hover{color:var(--ds-moss-hover)}.blog .blog-body ul,.blog .blog-body ol{padding-left:1.4em}.blog .blog-body li{margin:.3em 0}.blog .blog-body li>p{margin:0}.blog .blog-body blockquote{border-left:3px solid var(--ds-moss);color:var(--ds-ink-secondary);margin-left:0;padding:4px 0 4px 18px}.blog .blog-body code{font-family:var(--mono,ui-monospace, SFMono-Regular, Menlo, monospace);background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:5px;padding:1px 5px;font-size:.88em}.blog .blog-body pre{background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:var(--ds-radius-sm);padding:14px 16px;font-size:14px;line-height:1.6;overflow-x:auto}.blog .blog-body pre code{background:0 0;border:0;padding:0}.blog .blog-body mark{background:color-mix(in srgb, var(--ds-accent) 26%, transparent);color:inherit;border-radius:3px;padding:0 2px}.blog .blog-body hr{border:0;border-top:1px solid var(--ds-line);margin:2em 0}.blog .blog-body figure{margin:1.6em 0}.blog .blog-body figure img{border-radius:var(--ds-radius-md);max-width:100%;height:auto;display:block}.blog .blog-body figcaption{color:var(--ds-ink-tertiary);margin-top:8px;font-size:13.5px}.blog .blog-body video{border-radius:var(--ds-radius-md);max-width:100%;max-height:85vh;margin:1.6em auto;display:block}.blog .blog-video{aspect-ratio:16/9;border-radius:var(--ds-radius-md);background:var(--ds-surface);position:relative;overflow:hidden}.blog .blog-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.blog .blog-table{overflow-x:auto}.blog .blog-table table{border-collapse:collapse;min-width:100%;font-size:15px;line-height:1.5}.blog .blog-table th,.blog .blog-table td{border:1px solid var(--ds-line);text-align:left;vertical-align:top;padding:8px 12px}.blog .blog-table th{background:var(--ds-surface);font-weight:600}.blog .blog-table td>p,.blog .blog-table th>p{margin:0}.blog .blog-tasks{padding-left:0;list-style:none}.blog .blog-tasks li{align-items:baseline;gap:10px;display:flex}.blog .blog-tasks li>div>p{margin:0}.blog .blog-embed{margin:2em 0}.blog .blog-embed-unknown{color:var(--ds-ink-tertiary);border:1px dashed var(--ds-line-strong);border-radius:var(--ds-radius-sm);padding:12px 14px;font-size:14px}.blog .blog-tags{flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none;display:flex}.blog .blog-tags a{border-radius:var(--ds-radius-pill);background:var(--ds-surface);border:1px solid var(--ds-line);color:var(--ds-ink-secondary);padding:4px 12px;font-size:13px;text-decoration:none;display:inline-block}.blog .blog-tags a:hover{color:var(--ds-ink);border-color:var(--ds-ink-tertiary)}.blog .blog-cta{border-radius:var(--ds-radius-lg);background:var(--ds-moss-soft);border:1px solid color-mix(in srgb, var(--ds-moss) 30%, transparent);gap:10px;margin:48px 0 0;padding:28px;display:grid}.blog .blog-cta-title{font-family:var(--serif);letter-spacing:-.015em;color:var(--ds-ink);margin:0;font-size:26px;line-height:1.2}.blog .blog-cta-text{color:var(--ds-ink-secondary);max-width:58ch;margin:0 0 8px;font-size:15.5px;line-height:1.65}.blog .blog-related{border-top:1px solid var(--ds-line);margin-top:64px;padding-top:32px}.blog .blog-related h2{font-family:var(--serif);letter-spacing:-.015em;color:var(--ds-ink);margin:0 0 22px;font-size:26px;font-weight:400}.blog .blog-related .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog .blog-related .blog-card-title{font-size:17px}@media (max-width:1024px){.blog .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.blog .blog-grid,.blog .blog-related .blog-grid{grid-template-columns:1fr;gap:28px}.blog .blog-body{font-size:16.5px}.blog .blog-cta{padding:22px 18px}}
