.abd{background:var(--color-background);color:var(--color-foreground);padding:.5rem 1rem clamp(4rem,3rem + 3vw,6rem);position:relative}@media (min-width:1024px){.abd{padding-inline:1.5rem}}.abd-wrap{max-width:72rem;margin:0 auto}.abd-article{min-width:0;max-width:46rem}.abd-pixel{image-rendering:pixelated}.abd-share{margin-top:1.5rem}.abd-part{margin-bottom:2.5rem;scroll-margin-top:6rem}.abd-h2{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;align-items:baseline;gap:.75rem;margin-bottom:1rem;font-size:clamp(1.4rem,1.2rem + .7vw,1.75rem);font-weight:800;line-height:1.2;display:flex}.abd-h3{font-family:var(--font-display);margin-bottom:.75rem;font-size:1.2rem;font-weight:700}.abd-part>p,.abd-part>.blog-html-block,.abd-part>.blog-inline-md{color:#3f3a49;margin-bottom:1.1rem;font-size:1.0625rem;line-height:1.75}.abd-prose .blog-inline-md strong,.abd-prose strong{color:var(--color-foreground)}.abd-prose a{color:var(--color-primary);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--color-primary) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--color-primary) 35%, transparent);text-underline-offset:3px}.abd-prose a:hover{-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary)}.abd-prose .blog-inline-md code{background:color-mix(in srgb, var(--color-primary) 10%, #fff);color:#5b3fd0}.abd-prose .blog-html-block th,.abd-prose .blog-html-block td{border-color:var(--color-surface-border)}.abd-prose .blog-html-block th{background:#faf8fe}.abd-prose .blog-html-block blockquote{border-left-color:var(--color-primary);color:#3f3a49}.abd-news>div{border-color:var(--color-surface-border);background:#fff;box-shadow:0 18px 40px -30px #1a162559}.abd-howto{border:1px solid var(--color-surface-border);background:#fff;border-radius:24px;margin:1rem 0 2.5rem;padding:clamp(1.25rem,1rem + 1.5vw,2rem);scroll-margin-top:6rem;box-shadow:0 24px 50px -36px #1a162566}.abd-howto-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary);align-items:center;gap:.45rem;margin-bottom:.6rem;font-size:.75rem;font-weight:700;display:inline-flex}.abd-howto-desc{color:var(--color-muted);margin-top:-.4rem;line-height:1.6}.abd-howto ol{gap:1.1rem;margin-top:1.5rem;list-style:none;display:grid;position:relative}.abd-howto ol:before{content:"";background:color-mix(in srgb, var(--color-primary) 18%, #fff);width:2px;position:absolute;top:.5rem;bottom:.5rem;left:.95rem}.abd-howto li{gap:1rem;scroll-margin-top:6rem;display:flex;position:relative}.abd-howto li>span{background:var(--color-primary);color:#fff;width:1.9rem;height:1.9rem;font-family:var(--font-display);border-radius:999px;flex-shrink:0;place-items:center;font-size:.8rem;font-weight:800;display:grid;position:relative;box-shadow:0 0 0 4px #fff}.abd-howto h3{font-family:var(--font-display);font-size:1.02rem;font-weight:700}.abd-howto li p{color:#3f3a49;margin-top:.3rem;font-size:.95rem;line-height:1.6}.abd-tags{border-top:1px solid var(--color-surface-border);color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.45rem;padding-top:1.5rem;display:flex}.abd-tags a{border:1px solid var(--color-surface-border);color:var(--color-muted);background:#fff;border-radius:999px;padding:.25rem .7rem;font-size:.75rem;font-weight:600;transition:border-color .15s,color .15s}.abd-tags a:hover{border-color:color-mix(in srgb, var(--color-primary) 40%, var(--color-surface-border));color:var(--color-primary)}.abd-grid{gap:2.5rem;display:grid}.abd-aside{display:none}@media (min-width:1024px){.abd-grid{grid-template-columns:minmax(0,1fr) 17.5rem;gap:clamp(2.5rem,4vw,4rem)}.abd-aside{display:block}}.abd-aside nav{background:#fff;box-shadow:0 18px 40px -30px #1a162559}
.bah{background:var(--color-background);color:var(--color-foreground);padding:7.5rem 1rem 3rem;position:relative}@media (min-width:1024px){.bah{padding:8.5rem 1.5rem 4rem}}.bah:before{content:"";pointer-events:none;background:radial-gradient(55% 45% at 50% 10%,#6b4ed414,#0000 70%),radial-gradient(circle at 1px 1px,#1a16250f 1px,#0000 1.5px) 0 0/24px 24px;height:32rem;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 30%,#0000 100%);mask-image:linear-gradient(#000 30%,#0000 100%)}.bah-wrap{max-width:72rem;margin:0 auto;position:relative}.bah-split{gap:2rem;display:grid}@media (min-width:1024px){.bah-split{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:clamp(2.5rem,4vw,4rem)}}.bah-cat{border:1px solid var(--color-surface-border);color:var(--color-primary);background:#fff;border-radius:999px;align-items:center;gap:.45rem;margin-bottom:1.1rem;padding:.3rem .75rem .3rem .4rem;font-size:.8rem;font-weight:700;transition:border-color .2s;display:inline-flex}.bah-cat:hover{border-color:color-mix(in srgb, var(--color-primary) 45%, var(--color-surface-border))}.bah-pixel{image-rendering:pixelated}.bah-title{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2rem,1.35rem + 2.2vw,3.1rem);font-weight:800;line-height:1.08}@media (min-width:1024px){.bah-title{font-size:clamp(2rem,1.2rem + 1.4vw,2.6rem)}}.bah-excerpt{max-width:44rem;color:var(--color-muted);text-wrap:pretty;margin-top:1rem;font-size:clamp(1.05rem,1rem + .25vw,1.2rem);line-height:1.6}.bah-byline{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.25rem .55rem;margin-top:1.4rem;font-size:.9rem;display:flex}.bah-byline a{color:var(--color-foreground);font-weight:700}.bah-byline a:hover{color:var(--color-primary)}.bah-toc{border:1px solid var(--color-surface-border);background:#fff;border-radius:20px;padding:1.25rem 1.35rem;box-shadow:0 24px 50px -34px #1a162566}.bah-toc-title{font-family:var(--font-display);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1rem;font-weight:800;display:flex}.bah-toc ol{gap:.15rem;list-style:none;display:grid}.bah-toc a{color:var(--color-foreground);border-radius:10px;align-items:baseline;gap:.6rem;padding:.3rem .45rem;font-size:.875rem;line-height:1.4;transition:background-color .15s;display:flex}.bah-toc a:hover{background:color-mix(in srgb, var(--color-primary) 7%, #fff)}.bah-toc a:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.bah-toc b{font-family:var(--font-display);color:var(--color-primary);font-size:.75rem}.bah-cover{aspect-ratio:16/9;border:1px solid var(--color-surface-border);background:#ece8f3;border-radius:24px;margin-top:2.25rem;position:relative;overflow:hidden;box-shadow:0 30px 60px -36px #1a162573}@media (min-width:1024px){.bah-cover{aspect-ratio:21/9}}.bah-cover-img{object-fit:cover}