@layer theme,base;@layer components{.post-body{overflow-wrap:break-word}.post-body>:first-child{margin-top:0}.post-body :-webkit-any(h2,h3,h4){color:var(--color-ink);position:relative}.post-body :-moz-any(h2,h3,h4){color:var(--color-ink);position:relative}.post-body :is(h2,h3,h4){color:var(--color-ink);position:relative}.post-body h2{letter-spacing:-.02em;margin-top:2.75rem;font-size:1.75rem;line-height:1.2}.post-body h3{letter-spacing:-.015em;margin-top:2rem;font-size:1.375rem;line-height:1.25}.post-body h4{margin-top:1.5rem;font-size:1.125rem;line-height:1.35}@media (min-width:1024px){.post-body h2{font-size:2rem}}.post-body :-webkit-any(h2,h3,h4):target{color:var(--color-brand-ink)}.post-body :-moz-any(h2,h3,h4):target{color:var(--color-brand-ink)}.post-body :is(h2,h3,h4):target{color:var(--color-brand-ink)}.post-body .anchor-link{display:none}@media (hover:hover) and (min-width:1024px){.post-body .anchor-link{color:var(--color-ink-subtle);opacity:0;align-items:center;font-weight:400;text-decoration:none;transition:opacity .15s;display:flex;position:absolute;top:0;bottom:0;left:-1.5rem}.post-body :-webkit-any(h2,h3,h4):hover .anchor-link{opacity:1}.post-body :-moz-any(h2,h3,h4):hover .anchor-link{opacity:1}.post-body :is(h2,h3,h4):hover .anchor-link{opacity:1}}.post-body a:not(.btn):hover{color:var(--color-brand-ink)}.post-body strong{color:var(--color-ink);font-weight:600}.post-body :-webkit-any(ul,ol){gap:.5rem;margin-block-start:1.25rem;margin-block-end:1.25rem;padding-left:0;display:grid}.post-body :-moz-any(ul,ol){gap:.5rem;margin-block-start:1.25rem;margin-block-end:1.25rem;padding-left:0;display:grid}.post-body :is(ul,ol){gap:.5rem;margin-block-start:1.25rem;margin-block-end:1.25rem;padding-left:0;display:grid}.post-body ul{list-style:none}.post-body ul>li{padding-left:1.75rem;position:relative}.post-body ul>li:before{content:"";background-color:var(--color-accent);width:1.125rem;height:1.125rem;position:absolute;top:.4em;left:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") 50%/contain no-repeat}.post-body ol{padding-left:1.5rem;list-style:decimal}.post-body ol>li{padding-left:.25rem}.post-body ol>li::marker{color:var(--color-ink);font-weight:600}.post-body li>:-webkit-any(ul,ol){margin-block-start:.5rem;margin-block-end:0}.post-body li>:-moz-any(ul,ol){margin-block-start:.5rem;margin-block-end:0}.post-body li>:is(ul,ol){margin-block-start:.5rem;margin-block-end:0}.post-body figure{margin-block-start:1.5rem;margin-block-end:1.5rem}.post-body figure.table-scroll{text-align:left}.post-body .table-scroll{margin-block-start:1.5rem;margin-block-end:1.5rem}.post-body .table-scroll thead{background-color:var(--color-canvas)}.post-body .table-scroll :-webkit-any(th,td){vertical-align:top}.post-body .table-scroll :-moz-any(th,td){vertical-align:top}.post-body .table-scroll :is(th,td){vertical-align:top}.post-body .table-hint{color:var(--color-ink-muted);margin-top:1.5rem;margin-bottom:.5rem;font-size:.875rem;line-height:1.4}.post-body .table-hint+.table-scroll{margin-top:0}@media (min-width:640px){.post-body .table-hint{display:none}}.post-body blockquote{border:1px solid color-mix(in srgb, var(--color-brand) 30%, var(--color-border-subtle));border-left:4px solid var(--color-brand);background-color:var(--color-brand-wash);color:var(--color-ink);border-radius:.75rem;margin-block-start:1.5rem;margin-block-end:1.5rem;padding:1.25rem}.post-body blockquote>*+*{margin-top:.75rem}.post-body blockquote a:not(.btn){color:var(--color-brand-ink)}.post-body :not(pre)>code{border:1px solid var(--color-border-subtle);background-color:var(--color-canvas);border-radius:.25rem;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em}.post-body pre{background-color:var(--color-ink);color:var(--color-on-dark);border-radius:.75rem;margin-block-start:1.5rem;margin-block-end:1.5rem;padding:1.25rem;font-size:.9375rem;line-height:1.6;overflow-x:auto}.post-body pre code{color:inherit;background:0 0;border:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.post-body img{border:1px solid var(--color-border-subtle);border-radius:.75rem;max-width:100%;height:auto;margin-block-start:1.5rem;margin-block-end:1.5rem}.post-body figure:not(.table-scroll){text-align:center}.post-body figcaption{color:var(--color-ink-muted);margin-top:.5rem;font-size:.875rem;line-height:1.4}.post-body mark{background-color:var(--color-brand-soft);color:var(--color-ink);border-radius:.25em;padding:.125em .25em}.post-body hr{background-color:var(--color-border-subtle);border:0;height:1px;margin-block-start:2.5rem;margin-block-end:2.5rem}.post-body .code-block-container{position:relative}.post-body .code-block-container pre{margin-block-start:0;margin-block-end:0;padding-top:3.5rem}.post-body .copy-code-btn{position:absolute;top:.5rem;right:.5rem}}@layer utilities;.reading-progress[data-astro-cid-6elnia4l]{opacity:0;contain:layout style paint;transition:opacity .2s}.reading-progress-fill[data-astro-cid-6elnia4l]{transform-origin:0;transition:transform .15s linear;transform:scaleX(0)}
