.blog-page{padding-block:35px 90px}.blog-heading{max-width:790px;padding-block:45px 40px}.blog-heading h1{letter-spacing:-2px;overflow-wrap:anywhere;margin-block:20px;font-size:clamp(36px,5vw,64px);line-height:1.12}.blog-lede{color:var(--muted);font-size:17px;line-height:1.85}.blog-empty{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:22px;padding:48px 24px}.blog-feed{color:var(--brand);align-items:center;gap:8px;min-height:44px;margin-top:28px;font-size:13px;font-weight:650;display:inline-flex}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.post-card{border:1px solid var(--line);background:var(--surface);border-radius:22px;transition:transform .2s,border-color .2s;overflow:hidden}.post-card:hover{border-color:var(--brand);transform:translateY(-3px)}.post-card-link{grid-template-rows:auto 1fr;height:100%;display:grid}.post-card-cover{aspect-ratio:16/9;object-fit:cover;background:var(--visual);width:100%}.post-card-cover-empty{color:var(--brand);place-items:center;display:grid}.post-card-cover-empty .icon{width:44px;height:44px}.post-card-body{flex-direction:column;gap:10px;padding:22px 22px 24px;display:flex}.post-card-body :is(h2,h3){letter-spacing:-.5px;overflow-wrap:anywhere;font-size:21px;line-height:1.3}.post-card-summary{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}.post-meta{color:var(--subtle);flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px;font-size:12px;display:flex}.post{max-width:760px;margin-inline:auto}.post-breadcrumb{color:var(--subtle);flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;padding-block:8px 4px;font-size:13px;display:flex}.post-breadcrumb a:hover{color:var(--brand);text-underline-offset:4px;text-decoration:underline}.post-header{padding-block:24px 28px}.post-header h1{letter-spacing:-1.6px;overflow-wrap:anywhere;margin-block:16px;font-size:clamp(32px,5vw,52px);line-height:1.15}.post-dek{color:var(--muted);font-size:19px;line-height:1.7}.post-tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.post-tags li{background:var(--selected);color:var(--brand);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:650}.post-header .post-meta{margin-top:18px;padding-top:0;font-size:13px}.post-cover{aspect-ratio:16/9;object-fit:cover;background:var(--visual);border-radius:22px;width:100%;margin-bottom:36px}.post-toc{border:1px solid var(--line);background:var(--surface);border-radius:18px;margin-bottom:36px;padding:20px 24px}.post-toc h2{letter-spacing:0;margin-bottom:12px;font-size:14px}.post-toc ol{color:var(--muted);gap:8px;margin:0;padding-left:20px;font-size:14px;display:grid}.post-toc a:hover{color:var(--brand);text-underline-offset:3px;text-decoration:underline}.prose{color:var(--ink);overflow-wrap:anywhere;font-size:18px;line-height:1.85}.prose>*+*{margin-top:1.25em}.prose h2{letter-spacing:-1px;margin-top:2em;scroll-margin-top:110px;font-size:30px;line-height:1.25}.prose h3{letter-spacing:-.5px;margin-top:1.7em;scroll-margin-top:110px;font-size:23px;line-height:1.3}.prose h4{margin-top:1.5em;scroll-margin-top:110px;font-size:19px}.prose a{color:var(--brand);text-underline-offset:4px;text-decoration:underline}.prose strong{font-weight:700}.prose ul,.prose ol{padding-left:1.5em}.prose li+li,.prose li>ul,.prose li>ol{margin-top:.45em}.prose blockquote{border-left:4px solid var(--brand);color:var(--muted);margin-inline:0;padding:4px 0 4px 22px}.prose hr{border:0;border-top:1px solid var(--line);margin-block:2.2em}.prose img{border-radius:16px;margin-inline:auto;display:block}.prose code{background:var(--raised);border-radius:6px;padding:.12em .4em;font-size:.9em}.prose pre{background:var(--raised);border-radius:14px;padding:18px 20px;font-size:14px;line-height:1.7;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose .table-scroll{border:1px solid var(--line);border-radius:14px;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.6}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:11px 16px}.prose th{background:var(--raised);font-weight:700}.prose tr:last-child td{border-bottom:0}.prose .align-center{text-align:center}.prose .align-right{text-align:right}.post-content>*+*{margin-top:1.25em}.cta{border-radius:24px}.cta-bar{border:1px solid var(--line);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 20px;margin-bottom:34px;padding:6px 22px;display:flex}.cta-bar p{font-size:14px;font-weight:600}.cta-card{background:var(--selected);margin-block:2.2em;padding:32px 30px 12px}.cta-card h2{letter-spacing:-.8px;line-height:1.25;margin:12px 0 10px!important;font-size:26px!important}.cta-card>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.75}.cta-card .store-links,.cta-end .store-links{justify-content:flex-start;margin-block:24px 20px}.cta-end{background:var(--selected);text-align:center;margin-top:56px;padding:44px 34px 24px;scroll-margin-top:110px}.cta-end .eyebrow{justify-content:center}.cta-end h2{letter-spacing:-1.4px;margin:16px 0 12px;font-size:clamp(28px,4vw,40px);line-height:1.2}.cta-end>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.75}.cta-end .store-links{justify-content:center}.cta .open-app{margin:0 0 20px}.cta .open-app[hidden]{display:none}.home-blog{padding-block:110px 0}.home-blog .section-heading{align-items:end;margin-bottom:40px}.related{margin-top:72px}.related>h2{letter-spacing:-.8px;margin-bottom:24px;font-size:24px}@media (width<=1000px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.blog-page{padding-block:20px 55px}.blog-heading{padding-block:28px}.blog-lede{font-size:16px}.post-grid{grid-template-columns:1fr;gap:20px}.post-dek{font-size:17px}.prose{font-size:17px;line-height:1.8}.prose h2{font-size:25px}.prose h3{font-size:21px}.cta-bar{padding-block:10px}.cta-card{padding:26px 20px 8px}.cta-end{border-radius:22px;padding:36px 20px 18px}.post-cover{border-radius:16px;margin-bottom:28px}}.post-back{margin-top:48px}
