body:has(.cl-page){overflow-x:clip}.cl-page{display:flex;flex-direction:column}.cl-section{flex:1;padding:calc(var(--header-height) + 3rem) 0 4rem}.cl-section .container{max-width:960px}.cl-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4rem}.cl-header h1{font-size:clamp(2rem,4vw,2.75rem);margin:0}.cl-filters{display:flex;flex-direction:column;gap:.375rem;align-items:flex-end}.cl-filter{display:inline-flex;gap:.25rem;background:var(--content-bg);border:1px solid var(--content-border);padding:.25rem;border-radius:var(--radius-md)}.cl-filter-btn{padding:.5rem 1.25rem;border:none;background:transparent;color:var(--content-fg-muted);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease;font-family:inherit}.cl-filter-btn:hover{color:var(--content-fg)}.cl-filter-btn.active{background:#fff;color:var(--content-fg);box-shadow:0 1px 3px #00000014}.cl-platform-filter{gap:0}.cl-platform-filter .cl-pf-btn{padding:.375rem .875rem;font-size:.8125rem;margin-left:.25rem;max-width:10rem;overflow:hidden;white-space:nowrap;transition:max-width .25s ease,padding .25s ease,opacity .2s ease,margin .25s ease}.cl-platform-filter .cl-pf-btn:first-child{margin-left:0}.cl-pf-btn.cl-pf-hidden{max-width:0;padding-left:0;padding-right:0;margin-left:0;opacity:0;pointer-events:none}.cl-empty-state{text-align:center;padding:4rem 1rem;color:var(--content-fg-dim);font-size:.9375rem}.cl-entry{display:none}.cl-entry.cl-visible{display:block}.cl-entry.cl-visible+.cl-entry.cl-visible{margin-top:5rem}.cl-body{display:grid;grid-template-columns:200px 1fr;gap:3rem}.cl-left{display:flex;flex-direction:column;gap:.5rem;position:sticky;top:calc(var(--header-height) + 2rem);align-self:start;padding-top:.25rem}.cl-main{min-width:0}.cl-version-pill{display:inline-flex;align-items:center;align-self:flex-start;background:var(--content-accent);color:#fff;font-size:.8125rem;font-weight:600;padding:.25rem .75rem;border-radius:var(--radius-full);letter-spacing:.01em}.cl-date{font-size:.875rem;color:var(--content-fg-dim)}.cl-content{line-height:1.8;min-width:0}.cl-content h2{font-size:1.375rem;font-weight:600;margin-top:2.5rem;margin-bottom:1rem;color:var(--content-fg);display:flex;align-items:center}.cl-content h2:first-child{margin-top:0}.cl-heading-emoji{font-style:normal;margin-right:.25rem}.cl-content h3{font-size:1.125rem;font-weight:600;margin-top:2rem;margin-bottom:.625rem;color:var(--content-fg)}.cl-content p{font-size:.9375rem;color:var(--content-fg-muted);margin-bottom:1rem}.cl-content ul{list-style:none;padding:0;margin:0 0 1.25rem}.cl-content li{position:relative;padding-left:1.75rem;margin-bottom:.625rem;font-size:.9375rem;color:var(--content-fg-muted);line-height:1.7}.cl-content li:before{content:"—";position:absolute;left:0;color:var(--content-fg-dim)}.cl-content li:has(>h2):before{display:none}.cl-content li:has(>h2){padding-left:0}.cl-content code{font-family:Berkeley Mono,monospace;font-size:.85em;background:#0000000f;padding:.15rem .4rem;border-radius:4px;color:var(--content-fg)}.cl-content pre{background:#0000000a;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-sm);padding:1rem;overflow-x:auto;margin:1.25rem 0}.cl-content pre code{background:none;padding:0;font-size:.8125rem}.cl-content img{width:100%;border-radius:var(--radius-md);margin:1rem 0}.cl-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:5rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.06)}.cl-pagination:empty{display:none}.cl-page-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-sm);background:transparent;color:var(--content-fg-muted);font-size:.8125rem;font-family:inherit;cursor:pointer;transition:all .15s ease}.cl-page-btn:hover:not(.disabled){border-color:#0003;color:var(--content-fg)}.cl-page-btn.disabled{opacity:.3;cursor:default}.cl-page-btn svg{color:var(--content-fg-dim)}.cl-page-numbers{display:flex;align-items:center;gap:.25rem}.cl-page-num{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--content-fg-muted);font-size:.8125rem;font-family:inherit;cursor:pointer;transition:all .15s ease}.cl-page-num:hover{border-color:#00000014;color:var(--content-fg)}.cl-page-num.active{background:var(--content-accent);color:#fff;border-color:var(--content-accent)}.cl-page-ellipsis{width:2rem;text-align:center;color:var(--content-fg-dim);font-size:.8125rem}@media (max-width: 768px){.cl-section{padding:calc(var(--header-height) + 1.5rem) 0 2rem}.cl-header{flex-direction:column;align-items:center;gap:1rem;margin-bottom:2.5rem}.cl-filters{align-items:center}.cl-body{grid-template-columns:1fr;gap:1rem}.cl-left{position:static;flex-direction:row;align-items:center;gap:.75rem}.cl-entry.cl-visible+.cl-entry.cl-visible{margin-top:3rem}.cl-content{overflow-x:auto}.cl-content pre{max-width:calc(100vw - 2 * var(--container-padding-mobile))}.cl-content h2{font-size:1.25rem;margin-top:2rem}.cl-platform-filter{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;flex-wrap:nowrap}.cl-pagination{margin-top:3rem;gap:.25rem}.cl-page-btn span{display:none}.cl-page-btn{padding:.5rem}}