.cl-head{max-width:992px;padding-top:96px;padding-bottom:72px}.cl-head h1{font-size:var(--t-h1);font-weight:var(--display);line-height:1.05;letter-spacing:-.03em}.cl-head p{max-width:50ch;margin-top:16px;color:var(--ink-2);font-size:var(--t-lede)}.cl-list{max-width:992px;padding-bottom:160px}.cl-entry{display:grid;grid-template-columns:200px minmax(0,680px);gap:64px}.cl-meta{position:relative;padding-bottom:96px;border-left:1px solid var(--line-strong)}.cl-entry:last-child .cl-meta{border-image:linear-gradient(var(--line-strong) 60%,transparent) 1}.cl-meta-in{position:sticky;top:96px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-left:24px}.cl-meta-in:before{position:absolute;top:8px;left:-4px;width:7px;height:7px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px var(--page);content:""}.cl-meta time{flex-basis:100%;color:var(--ink-2);font-size:14px;line-height:22px}.cl-ver,.cl-latest{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:0}.cl-ver{box-shadow:inset 0 0 0 1px var(--line-strong)}.cl-entry:first-child .cl-meta{border-image:linear-gradient(transparent 12px,var(--line-strong) 12px) 1}.cl-entry:first-child:last-child .cl-meta{border-image:linear-gradient(transparent 12px,var(--line-strong) 12px,var(--line-strong) 60%,transparent) 1}.cl-entry:first-child .cl-meta-in:before{background:var(--accent);box-shadow:0 0 0 4px var(--page),0 0 0 7px color-mix(in srgb,var(--accent) 16%,var(--page))}.cl-latest{background:var(--accent-soft);color:var(--accent)}.cl-body{padding-bottom:112px}.cl-body h2{margin-top:28px;font-size:20px;font-weight:500;line-height:1.25;letter-spacing:-.02em;text-wrap:balance}.cl-anchor{position:relative}.cl-anchor span{margin-left:8px;font-size:.8em;color:var(--ink-3);font-weight:400;opacity:0;transition:opacity .15s var(--ease)}.cl-anchor:hover span,.cl-anchor:focus-visible span{opacity:1}.cl-anchor:focus-visible{outline-offset:4px;border-radius:6px}.cl-lede{margin-top:14px;color:var(--ink-2);font-size:14px;line-height:23px}.cl-section{margin-top:36px}.cl-section h3{font-size:14px;font-weight:550;letter-spacing:-.01em}.cl-items{display:flex;flex-direction:column;gap:10px;margin:14px 0 0;padding:0;list-style:none}.cl-items li{position:relative;padding-left:22px;color:var(--ink-2);font-size:14px;line-height:23px;text-wrap:pretty}.cl-items li:before{position:absolute;top:9px;left:6px;width:5px;height:5px;border-radius:50%;background:var(--ink-3);content:""}.cl-fold{border-top:1px solid var(--line);padding-top:16px}.cl-section.cl-fold+.cl-fold{margin-top:16px}.cl-fold-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;border:0;background:none;color:var(--ink);font:inherit;font-size:14px;font-weight:550;letter-spacing:-.01em;text-align:left;cursor:pointer}.cl-fold-head:focus-visible{outline-offset:4px;border-radius:6px}.cl-fold-head svg{color:var(--ink-3);transition:rotate .26s cubic-bezier(.33,1,.68,1),color .15s ease-out}.cl-fold-head:hover svg{color:var(--ink)}.cl-fold.muted .cl-fold-head{color:var(--ink-2)}.cl-fold.muted .cl-fold-head:hover{color:var(--ink)}.cl-fold.muted .cl-items li{color:var(--ink-3)}.cl-fold.muted .cl-items li:before{background:color-mix(in srgb,var(--ink) 25%,transparent)}.cl-fold.on .cl-fold-head svg{rotate:180deg}.cl-fold-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.33,1,.68,1)}.cl-fold.on .cl-fold-body{grid-template-rows:1fr}.cl-fold-inner{min-height:0;overflow:hidden}.cl-fold-inner .cl-items{padding-bottom:4px;opacity:0;translate:0 -4px;transition:opacity .18s ease-out,translate .28s cubic-bezier(.33,1,.68,1)}.cl-fold.on .cl-fold-inner .cl-items{opacity:1;translate:0 0;transition-delay:40ms}@media(prefers-reduced-motion:reduce){.cl-fold-body,.cl-fold-inner .cl-items,.cl-fold-head svg{transition:none}}.cl-cover{position:relative;margin:0;overflow:hidden;aspect-ratio:16 / 9;border-radius:8px;background:var(--hover)}.cl-cover img{width:100%;height:100%;object-fit:cover}.cl-cover:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff24;content:"";pointer-events:none}.cl-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}.cl-author{display:flex;align-items:center;gap:10px;font-size:14px}.cl-avatar{position:relative;display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0e0e101a,0 3px 8px -2px #0e0e101a}.cl-avatar:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #0e0e1014;content:""}.cl-avatar img{width:18px;height:auto}.cl-copy{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;color:var(--ink);font:inherit;font-size:14px;font-weight:500;cursor:pointer}.cl-copy-icon{position:relative;display:grid;place-items:center;width:16px;height:16px;color:var(--ink-3);transition:color .15s var(--ease)}.cl-copy:hover .cl-copy-icon{color:var(--ink)}.cl-copy:focus-visible{outline-offset:4px;border-radius:6px}.cl-copy-icon svg{position:absolute;transition:opacity .2s var(--ease),scale .3s var(--ease)}.cl-copy-icon .tick{opacity:0;scale:.5}.cl-copy.copied .cl-copy-icon{color:var(--ink)}.cl-copy.copied .link{opacity:0;scale:.5}.cl-copy.copied .tick{opacity:1;scale:1}.cl-copy-words{display:grid}.cl-copy-words span{grid-area:1 / 1;transition:opacity .22s var(--ease),translate .32s var(--ease),filter .22s var(--ease)}.cl-copy-words .b{opacity:0;translate:0 6px;filter:blur(2px)}.cl-copy.copied .cl-copy-words .a{opacity:0;translate:0 -6px;filter:blur(2px)}.cl-copy.copied .cl-copy-words .b{opacity:1;translate:0 0;filter:none}@media(max-width:900px){.cl-entry{grid-template-columns:150px minmax(0,1fr);gap:40px}}@media(max-width:700px){.cl-head{padding-top:64px;padding-bottom:48px}.cl-entry{grid-template-columns:minmax(0,1fr);gap:20px}.cl-meta{padding-bottom:0;border-left:0}.cl-entry:last-child .cl-meta{border-image:none}.cl-meta-in{position:static;padding-left:0}.cl-meta-in:before{content:none}.cl-meta time{flex-basis:auto;margin-right:4px}.cl-body{padding-bottom:80px}.cl-body h2{margin-top:24px;font-size:21px}}