.post-body>*+*{margin-top:1.1em}.post-body h2{font-family:Krona One,SF Pro Display,Inter,sans-serif;font-size:1.7rem;line-height:1.2;letter-spacing:-.02em;color:#f5f5f5;margin-top:2.6em;margin-bottom:.4em}.post-body h3{font-family:Krona One,SF Pro Display,Inter,sans-serif;font-size:1.15rem;line-height:1.25;color:#fafafa;margin-top:1.8em;margin-bottom:.3em}.post-body p{color:#d4d4d4}.post-body a{color:#5eead4;text-decoration:underline;text-decoration-color:#5eead459;text-underline-offset:3px;transition:color .15s ease,text-decoration-color .15s ease}.post-body a:hover{color:#99f6e4;text-decoration-color:#99f6e499}.post-body strong{color:#fafafa;font-weight:600}.post-body em{color:#e5e5e5}.post-body ul,.post-body ol{padding-left:1.4em;color:#d4d4d4}.post-body ul{list-style:disc}.post-body ol{list-style:decimal}.post-body li{margin-top:.4em}.post-body li::marker{color:#5eead4}.post-body code{font-family:Sometype Mono,SF Mono,ui-monospace,Menlo,monospace;font-size:.92em;padding:.12em .4em;border-radius:6px;background:#2dd4bf14;color:#99f6e4;border:1px solid rgba(45,212,191,.15)}.post-body pre{font-family:Sometype Mono,SF Mono,ui-monospace,Menlo,monospace;font-size:.88rem;line-height:1.6;background:#06070a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.1rem 1.25rem;overflow-x:auto;color:#e5e5e5}.post-body pre code{background:transparent;border:0;padding:0;color:inherit;font-size:inherit}.post-body table{width:100%;border-collapse:collapse;font-size:.88rem;margin-top:1.4em;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.post-body th,.post-body td{padding:.7em 1em;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.post-body th{background:#0b0d12;color:#5eead4;font-family:Sometype Mono,SF Mono,ui-monospace,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;font-weight:600}.post-body td{background:#0b0d1280;color:#d4d4d4}.post-body td:first-child{color:#fafafa;font-weight:500}.post-body blockquote{border-left:3px solid #2dd4bf;padding:.2em 0 .2em 1.1em;color:#e5e5e5;font-style:italic;background:#2dd4bf0a;border-radius:0 8px 8px 0}.post-body .tldr{border:1px solid rgba(45,212,191,.3);background:linear-gradient(135deg,#2dd4bf14,#0d94880a);border-radius:14px;padding:1.2rem 1.4rem}.post-body .tldr-title{font-family:Sometype Mono,SF Mono,ui-monospace,monospace;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:#5eead4;margin-bottom:.6em}.post-body .tldr ul{margin:0;padding-left:1.2em}.post-body .tldr li{margin-top:.25em}.post-hero-svg{opacity:.65}.post-hero-glow{transform-origin:100px 100px;animation:post-hero-glow-pulse 6s ease-in-out infinite}@keyframes post-hero-glow-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.post-hero-ring{transform-origin:100px 100px;opacity:0;animation:post-hero-ring-expand 4.2s ease-out infinite}@keyframes post-hero-ring-expand{0%{transform:scale(.4);opacity:0}15%{opacity:.8}to{transform:scale(2.2);opacity:0}}.post-hero-wave{stroke-dasharray:8 12;animation:post-hero-wave-flow 4.5s linear infinite}.post-hero-wave--alt{animation-duration:6s;animation-direction:reverse;opacity:.6}@keyframes post-hero-wave-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-200}}.post-hero-orbit{transform-origin:100px 100px;animation:post-hero-orbit-spin 18s linear infinite}@keyframes post-hero-orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ex-anim{display:block;margin:1.5em auto;max-width:100%;height:auto}.ex-anim figcaption,figure.ex-anim+figcaption{text-align:center;font-size:.8em;color:#ffffff8c;margin-top:.5em}.ex-pulse-target{transform-origin:center;transform-box:fill-box;animation:ex-pulse 1.8s ease-in-out infinite}@keyframes ex-pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.18);opacity:1}}.ex-wave-path{stroke-dasharray:6 6;animation:ex-wave-flow 2.4s linear infinite}@keyframes ex-wave-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-48}}.ex-spin-target{transform-origin:center;transform-box:fill-box;animation:ex-spin 6s linear infinite}@keyframes ex-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ex-travel-target{animation:ex-travel 3.2s ease-in-out infinite}@keyframes ex-travel{0%{transform:translate(-30%);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translate(130%);opacity:0}}.ex-seq-step{transform-origin:center;transform-box:fill-box;opacity:.35;animation:ex-seq-fire 2.6s ease-in-out infinite;animation-delay:calc(var(--ex-seq-i, 0) * .35s)}@keyframes ex-seq-fire{0%,to{opacity:.35;transform:scale(1)}12%{opacity:1;transform:scale(1.2)}30%{opacity:.55;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.post-hero-glow,.post-hero-ring,.post-hero-wave,.post-hero-orbit,.ex-pulse-target,.ex-wave-path,.ex-spin-target,.ex-travel-target,.ex-seq-step{animation:none!important}}.post-body .callout{margin:1.75em 0;padding:1.1em 1.3em;border-left:3px solid;border-radius:0 .6em .6em 0;background:#ffffff06}.post-body .callout-label{font-family:Sometype Mono,ui-monospace,monospace;font-size:.7em;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .4em}.post-body .callout p:last-child{margin-bottom:0}.post-body .callout p:first-of-type~p,.post-body .callout p:first-of-type~ul,.post-body .callout p:first-of-type~ol{margin-top:.5em}.post-body .callout.tip{border-color:#5eead4;background:#5eead40d}.post-body .callout.tip .callout-label{color:#5eead4}.post-body .callout.gotcha{border-color:#fbbf24;background:#fbbf240d}.post-body .callout.gotcha .callout-label{color:#fcd34d}.post-body .callout.why{border-color:#94a3b8;background:#94a3b80d}.post-body .callout.why .callout-label{color:#cbd5e1}.post-body .table-wrap{margin:1.75em 0;overflow-x:auto;border-radius:.6em;border:1px solid rgba(255,255,255,.08);background:#ffffff05}.post-body .table-wrap table{width:100%;border-collapse:collapse;font-size:.93em}.post-body .table-wrap thead{background:#5eead414}.post-body .table-wrap th,.post-body .table-wrap td{padding:.7em .95em;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top}.post-body .table-wrap th{font-family:Sometype Mono,ui-monospace,monospace;font-size:.78em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5eead4;border-bottom-color:#5eead440}.post-body .table-wrap tbody tr:last-child td{border-bottom:0}.post-body .table-wrap tbody tr:hover{background:#ffffff06}.post-body pre{position:relative;margin:1.5em 0;padding:1.1em 1.2em;background:linear-gradient(180deg,#ffffff0a,#ffffff04);border:1px solid rgba(255,255,255,.08);border-radius:.6em;overflow-x:auto;font-family:Sometype Mono,ui-monospace,monospace;font-size:.86em;line-height:1.55;color:#d6e0e8}.post-body pre[data-lang]:before{content:attr(data-lang);position:absolute;top:.5em;right:.7em;font-size:.65em;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#5eead4d9;background:#5eead414;padding:.18em .55em;border-radius:.3em;pointer-events:none}.post-body pre code{background:none;padding:0;color:inherit;font-size:1em}.post-body .learnings{margin:1.5em 0;padding:1em 1.2em;border:1px dashed rgba(94,234,212,.35);border-radius:.6em}.post-body .learnings-title{font-family:Sometype Mono,ui-monospace,monospace;font-size:.7em;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#5eead4;margin:0 0 .5em}.post-body .learnings ul{margin:0;padding-left:1.1em}.post-body .learnings li{margin-top:.25em;color:#d6e0e8}
