.cl{--cl-ink2: #a6a6a9;--cl-ink3: #85858f;--cl-ink4: #55555a;--cl-rule: #26262a;--cl-rule-strong: #42424b;--cl-sunken: #101014;--cl-accent: #8ea2ff;--cl-glow: rgb(142 162 255 / 9%);--cl-ease: cubic-bezier(.2, 0, 0, 1);display:grid;gap:0 48px;grid-template-columns:minmax(0,1fr) minmax(0,640px) minmax(0,1fr)}.cl code,.cl kbd{font-family:Geist Mono Variable,ui-monospace,SF Mono,Menlo,monospace}.cl kbd{padding:1px 6px;border-radius:5px;background:#ffffff1a;color:#fff;font-size:12px;white-space:nowrap}.cl-months{position:sticky;top:24px;align-self:start;grid-column:1;padding-top:24px}.cl-months ol{position:relative;margin:0;padding:0;list-style:none}.cl-months ol:before{content:"";position:absolute;top:12px;bottom:12px;left:3px;width:1px;background:var(--cl-rule)}.cl-months a{position:relative;display:flex;align-items:center;gap:13px;padding:5px 0;color:var(--cl-ink3);font-size:13px;line-height:18px;transition:color .15s var(--cl-ease)}.cl-months a:before{content:"";flex:none;width:7px;height:7px;border:1px solid var(--cl-rule-strong);border-radius:50%;background:#000;transition:background-color .15s var(--cl-ease),border-color .15s var(--cl-ease),box-shadow .15s var(--cl-ease)}.cl-months a:hover,.cl-months a[aria-current]{color:#fff}.cl-months a[aria-current]{font-weight:500}.cl-months a[aria-current]:before{border-color:var(--cl-accent);background:var(--cl-accent);box-shadow:0 0 0 4px var(--cl-glow)}.cl-jump{display:none}.cl-posts{grid-column:2;min-width:0}.cl-post{scroll-margin-top:24px;padding:24px 0 120px}.cl-post+.cl-post{padding-top:96px;border-top:1px solid var(--cl-rule)}.cl-date{display:block;margin-bottom:12px;color:var(--cl-ink3);font-size:13px;font-weight:500;line-height:18px}.cl-date:hover{text-decoration:underline;text-underline-offset:3px}.cl-title{margin:0;font-size:36px;font-weight:520;line-height:44px;letter-spacing:-.035em;text-wrap:balance}.cl-title a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.cl-intro{margin:16px 0 0;color:var(--cl-ink2);font-size:17px;line-height:26px;text-wrap:pretty}.cl-feature{scroll-margin-top:24px;margin-top:56px}.cl-feature h3{margin:0;font-size:22px;font-weight:520;line-height:28px;letter-spacing:-.02em}.cl-anchor{margin-left:8px;color:var(--cl-ink4);font-weight:400;opacity:0;transition:opacity .15s var(--cl-ease),color .15s var(--cl-ease)}.cl-feature h3:hover .cl-anchor,.cl-anchor:focus-visible{opacity:1}.cl-anchor:hover{color:#fff}.cl-slot{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;margin-top:16px;overflow:hidden;border:1px solid var(--cl-rule);border-radius:12px;background:radial-gradient(60% 70% at 50% 45%,var(--cl-glow),transparent 70%),var(--cl-sunken)}.cl-slot:before{content:"";position:absolute;inset:0;opacity:.6;background-image:radial-gradient(var(--cl-rule-strong) 1px,transparent 1.2px);background-position:center;background-size:16px 16px;-webkit-mask-image:radial-gradient(70% 80% at 50% 50%,#000 20%,transparent 75%);mask-image:radial-gradient(70% 80% at 50% 50%,#000 20%,transparent 75%)}.cl-slot svg{position:relative;width:44%;height:auto;color:#fff;opacity:.85}.cl-slot .dim{display:none}.cl-slot .ink{fill:var(--cl-sunken)}.cl-body{margin:12px 0 0;color:var(--cl-ink2);text-wrap:pretty}.cl-where{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:16px 0 0;color:#fff;font-size:13px;line-height:20px}.cl-where>span:first-child{color:var(--cl-ink3);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.cl-lists{margin-top:64px}.cl-list+.cl-list{margin-top:40px}.cl-list h3{margin:0;padding-bottom:12px;border-bottom:1px solid var(--cl-rule);font-size:13px;font-weight:600;line-height:18px}.cl-list ul{margin:0;padding:0;list-style:none}.cl-list li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:2px 24px;padding:12px 0;border-bottom:1px solid var(--cl-rule)}.cl-list li>span:first-child{color:var(--cl-ink3);font-size:13px;line-height:24px}.cl-list li>span:last-child{text-wrap:pretty}.cl li:target,.cl-feature:target h3{border-radius:4px;background:var(--cl-glow)}@media(max-width:900px){.cl{display:block}.cl-months{display:none}.cl-jump{position:sticky;top:0;z-index:40;display:block;margin:0 calc(-1 * var(--k-gutter));padding:8px var(--k-gutter);border-bottom:1px solid var(--cl-rule);background:#000000b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.cl-jump select{width:100%;height:36px;padding:0 16px;border:0;border-radius:999px;background:#ffffff1a;color:#fff;font:inherit;font-size:13px;font-weight:500}.cl-post,.cl-feature{scroll-margin-top:72px}.cl-post{padding-top:48px}.cl-post+.cl-post{padding-top:64px}}@media(max-width:640px){.cl-title{font-size:28px;line-height:34px}.cl-intro{font-size:15px;line-height:24px}.cl-feature{margin-top:40px}.cl-feature h3{font-size:20px}.cl-list li{grid-template-columns:minmax(0,1fr);padding:10px 0}.cl-list li>span:first-child{line-height:18px}.cl-anchor{opacity:1}}