.blog-page{display:flow-root}.blog-page main{padding-bottom:var(--section-gap);position:relative}.blog-page .torn-top{width:100%}.blog-perch{pointer-events:none;height:0;position:absolute;top:96px;left:67%;right:0}.blog-kicker{margin:0 0 var(--space-3);color:var(--swift-text);rotate:var(--tilt-6);display:inline-block}.blog-meta{font:400 14px/1.5 var(--font-mono), ui-monospace, monospace;color:var(--muted);flex-wrap:wrap;gap:0 .6ch;margin:0;display:flex}.blog-meta time{font:inherit}.blog-hero{padding:120px 0 var(--space-7);position:relative}.blog-hero h1{margin:0 0 var(--space-4);max-width:14ch}.blog-hero .lead{max-width:52ch;margin:0}.blog-list-section{padding-block:var(--space-6) var(--space-7)}.blog-card-link{color:inherit;transition:rotate .18s steps(3,end);display:block;rotate:-1.5deg}.blog-card-link:hover,.blog-card-link:focus-within{rotate:none}.blog-card-link:focus-visible{outline:3px solid var(--focus);outline-offset:8px;border-radius:var(--r-wide)}.blog-card-link:hover .tape,.blog-card-link:focus-within .tape{transform:rotate(var(--tilt,-4deg)) perspective(200px) rotateX(18deg)}.blog-card{gap:var(--space-6);padding:var(--space-6);grid-template-columns:5fr 7fr;display:grid}.blog-card-link:hover .blog-card:after{transform:rotate(.4deg)}.blog-cover{gap:var(--space-4);min-height:300px;padding:var(--space-5);background-color:var(--paper);border:2px solid var(--ink);border-radius:var(--r-hand-3);color:var(--ink);grid-template-columns:1fr auto;align-items:center;display:grid;position:relative;rotate:1deg}.blog-chip{font:700 14px/1.4 var(--font-mono), ui-monospace, monospace;color:var(--ink);background:var(--tape) var(--tape-fill);clip-path:var(--tape-clip);padding:4px 10px;position:absolute;top:-12px;left:18px;rotate:-3deg}.blog-chain{font:700 15px/1.4 var(--font-mono), ui-monospace, monospace;justify-items:start;gap:2px;display:grid}.blog-chain .doodle{margin-left:10px}.blog-phone{place-items:center;display:grid;position:relative}.blog-seeit{text-align:center;font:400 17px/1.3 var(--font-scrawl), cursive;color:var(--ink);place-items:center;display:grid;position:absolute;inset:14% 28% 16%}.blog-card-text{padding:0 0 0 var(--space-7);--rule-offset:8px}.blog-card-text:before{left:32px}.blog-card-text>*{margin-block:0 var(--lh)}.blog-card h2{max-width:16ch;font-size:clamp(30px,3vw,40px);line-height:1.15}.blog-summary{max-width:46ch;color:var(--ink-pen)}.blog-readlink{font:700 17px/1 var(--font-body), system-ui, sans-serif;color:var(--link);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px;display:inline-block}.blog-card-link:hover .blog-readlink{text-decoration-style:wavy}.blog-end{align-items:center;gap:var(--space-6) var(--space-7);padding-block:var(--space-6);flex-wrap:wrap;display:flex;position:relative}.blog-end .sticky{margin:0}.blog-back{min-height:44px;font:700 17px/1 var(--font-body), system-ui, sans-serif;color:var(--link);text-underline-offset:5px;align-items:center;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.blog-back:hover{text-decoration-style:wavy}.blog-margin-note{max-width:18ch;font:400 15px/1.4 var(--font-scrawl), cursive;color:var(--muted);rotate:var(--tilt-5);margin:0 0 0 auto}.blog-art-head{padding:112px 0 var(--space-6);position:relative}.blog-art-back{min-height:44px;margin-bottom:var(--space-4);font:500 16px/1 var(--font-body), system-ui, sans-serif;color:var(--link);align-items:center;display:inline-flex}.blog-art-back:hover{text-underline-offset:5px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.blog-art-head .blog-meta{margin-bottom:var(--space-3)}.blog-art-head h1{max-width:18ch;margin:0 0 var(--space-4)}.blog-art-dek{max-width:40ch;margin:0}.blog-art-byline{align-items:center;gap:var(--space-2);margin-top:var(--space-5);font:500 14px/1.5 var(--font-body), system-ui, sans-serif;color:var(--muted);display:flex}.blog-art-byline .birb{flex:none}.blog-art-byline .doodle{color:var(--ink);flex:none}.blog-art-layout{gap:var(--space-6);padding-bottom:var(--space-7);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.blog-art-toc{min-width:0}.blog-art-body{min-width:0;max-width:720px;color:var(--ink-pen)}@media (min-width:1024px){.blog-art-layout{gap:var(--space-7);grid-template-columns:220px minmax(0,720px)}.blog-art-toc{position:sticky;top:88px}}.blog-art-body p{margin:0 0 var(--space-5)}.blog-art-intro{color:var(--ink-pen);font-size:21px;line-height:1.55}.blog-art-body h2{margin:var(--space-8) 0 var(--space-4);scroll-margin-top:96px;font-size:30px;line-height:1.15;position:relative}.blog-art-body h2 .u-sketch{padding-bottom:6px;display:inline}.blog-art-body h3{margin:var(--space-6) 0 var(--space-3);scroll-margin-top:96px;font-size:22px;line-height:1.25}.blog-art-body code{background:var(--tape) var(--tape-fill);clip-path:var(--tape-clip);padding:.1em .45em;font-size:.92em}@media (max-width:799px){.blog-art-intro{font-size:19px}.blog-art-body h2{font-size:26px}.blog-art-body h3{font-size:20px}}.blog-margin-doodle{color:var(--ink);vertical-align:middle;margin-left:12px}.blog-callout .blog-margin-doodle{color:var(--sticky-ink);margin:0;position:absolute;top:-18px;right:22px}@media (min-width:1200px){.blog-art-body h2>.blog-margin-doodle{margin:0;position:absolute;top:-10px;right:-104px}}.blog-art-body .sticky.blog-callout{width:100%;margin:var(--space-2) 0 var(--space-6);padding-top:26px}.blog-callout-title{margin-bottom:4px;font-weight:400;display:block}@media (min-width:1200px){.blog-art-body .sticky.blog-callout{float:right;clear:right;width:min(340px,100%);margin:6px -40px var(--space-5) var(--space-6);transform:rotate(var(--ct,var(--tilt-3)))}}.blog-pipeline{clear:both;margin:var(--space-6) 0;padding:var(--space-6) var(--space-5) var(--space-4);background-color:var(--paper);border:2px solid var(--ink);border-radius:var(--r-hand-2);justify-items:center;gap:6px;display:grid;position:relative}.blog-pipe-box{text-align:center;min-width:min(280px,100%);font:400 20px/1.2 var(--font-marker), var(--font-scrawl), cursive;color:var(--ink);padding:12px 22px}.blog-pipe-arrow{color:var(--ink);place-items:center;display:grid}.blog-pipeline small{margin-top:var(--space-4);font:400 14px/1.5 var(--font-mono), ui-monospace, monospace;color:var(--muted);text-align:center;display:block}.blog-next{margin:0 0 var(--space-5);padding:0;list-style:none}.blog-next li{margin:0 0 var(--space-4);position:relative}.blog-next strong{color:var(--ink);font-weight:700}.blog-num{font:400 22px/1 var(--font-marker), var(--font-scrawl), cursive;color:var(--red);vertical-align:-2px;margin:0 14px 0 4px;display:inline-block}.blog-num .scribble-ring{padding:0 2px}@media (min-width:1200px){.blog-next li{padding-left:0}.blog-num{margin:0;position:absolute;top:-6px;left:-68px}}.blog-source{clear:both;margin:var(--space-7) 0 var(--space-6);padding:var(--space-6) var(--space-5) var(--space-4)}.blog-source .blog-staple{color:var(--ink);position:absolute;top:-8px}.blog-source .blog-staple.l{left:26px;rotate:-6deg}.blog-source .blog-staple.r{right:30px;rotate:4deg}.blog-source p{font:400 14px/1.6 var(--font-mono), ui-monospace, monospace;color:var(--ink-pen);max-width:68ch}.blog-source p:last-child{margin-bottom:0}.blog-source-title{font-weight:700;margin-bottom:var(--space-2)!important}.blog-art-cta{margin-top:var(--space-6)}.toc-pipeline{display:none}.toc-details{border-block:2px solid var(--ink);display:block}.toc-summary{min-height:44px;color:var(--ink);padding:12px 0;list-style:none;display:list-item}.toc-summary::-webkit-details-marker{display:none}.toc-details-list{margin:0 0 var(--space-3);padding:0;list-style:none}.toc-details-link{min-height:44px;font:500 16px/1.3 var(--font-body), system-ui, sans-serif;color:var(--ink);align-items:center;padding:4px 8px 4px 22px;display:flex;position:relative}.toc-details-link[aria-current=true]{background:var(--highlight)}.toc-details-link[aria-current=true]:before{content:"";background:var(--red);border-radius:40% 60% 55% 45%;width:10px;height:10px;margin-top:-5px;position:absolute;top:50%;left:4px}@media (min-width:1024px){.toc-details{display:none}.toc-pipeline{display:block}.toc-title{margin:0 0 var(--space-3);color:var(--swift-text);rotate:var(--tilt-3);display:inline-block}.toc-track{padding-left:22px;position:relative}.toc-dot{background:var(--red);width:10px;height:10px;transform:translateY(var(--y,0px));border-radius:40% 60% 55% 45%;margin-top:-5px;transition:transform .24s steps(3,end);position:absolute;top:0;left:2px}.toc-list{justify-items:start;gap:2px;margin:0;padding:0;list-style:none;display:grid}.toc-item{width:100%}.toc-link{color:var(--ink);display:block}.toc-link:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:var(--r-hand-2)}.toc-box{font:400 15px/1.3 var(--font-scrawl), cursive;box-shadow:2px 3px 0 var(--shadow);padding:10px 14px;display:block}.toc-link[aria-current=true] .toc-box{background:var(--highlight)}.toc-arrow{color:var(--ink);margin-left:22px;line-height:0;display:block}}@media (max-width:799px){.blog-hero{padding-top:88px}.blog-perch{top:72px}.blog-card-link{rotate:none}.blog-card{gap:var(--space-5);padding:var(--space-5) var(--space-4);grid-template-columns:1fr}.blog-cover{min-height:0;padding:var(--space-5) var(--space-4) var(--space-4);grid-template-columns:1fr auto;rotate:none}.blog-card-text{padding-left:0}.blog-card-text:before{display:none}.blog-card h2{font-size:28px}.blog-margin-note{margin-left:0}.blog-art-head{padding-top:80px}.blog-pipeline{padding:var(--space-5) var(--space-3) var(--space-3)}.blog-pipe-box{width:100%;min-width:0;font-size:18px}}