.blog-listing-page{background:var(--color-background-primary)}oneleet-blog-listing{padding-block:88px 100px;padding-inline:var(--figma-space-40);background:var(--color-background-primary);border-bottom:1px solid var(--color-line);display:block}.blog-listing-header{justify-content:space-between;align-items:end;gap:48px;margin-bottom:56px;display:flex}.blog-listing-header h1{margin-top:24px}.blog-listing-intro{max-width:380px;color:var(--color-text-secondary);padding-bottom:8px}.blog-card{min-width:0}.blog-card[hidden],[data-blog-controls][hidden],[data-blog-search-clear][hidden],[data-blog-empty][hidden]{display:none}.blog-card-link{height:100%;color:var(--color-text-primary);border-radius:6px;flex-direction:column;text-decoration:none;display:flex}.blog-card-image{flex-shrink:0}.blog-card-image>img{border-radius:4px;width:100%;height:auto;display:block}.blog-card-content{flex-direction:column;flex:1;padding-block:24px 8px;display:flex}.blog-card-eyebrow{align-items:center;gap:var(--figma-space-8);color:var(--color-text-secondary);flex-wrap:wrap;margin-bottom:12px;font-size:12px;line-height:18px;display:flex}.blog-card-title{overflow-wrap:anywhere;transition:color .16s}.blog-card-excerpt{color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:16px;display:-webkit-box;overflow:hidden}.blog-card-meta{color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:auto;padding-top:24px;font-size:12px;line-height:18px;display:flex}.blog-card-meta time{white-space:nowrap;margin-inline-start:auto}.blog-card-author{align-items:center;gap:8px;display:flex}.blog-card-author img{object-fit:cover;border-radius:50%;width:20px;height:20px}.blog-card-authors-short{display:none}.blog-card-author[data-collapsed] .blog-card-authors-short{display:inline}.blog-card-author[data-collapsed] .blog-card-authors-full{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.blog-card-portraits{flex-shrink:0;display:flex}.blog-card-portraits img+img{box-shadow:0 0 0 1.5px var(--color-surface);margin-left:-6px}@media (hover:hover) and (pointer:fine){.blog-card-link:hover .blog-card-title{color:var(--color-brand-primary)}}.blog-card-link:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:8px}.blog-card--featured{border-bottom:1px dashed var(--color-border-primary);padding-bottom:56px}.blog-card--featured .blog-card-link{grid-template-columns:1.25fr 1fr;align-items:center;gap:48px;display:grid}.blog-card--featured .blog-card-content{padding-block:16px}.blog-card--featured .blog-card-image{width:100%}.blog-card--featured .blog-card-excerpt{-webkit-line-clamp:4}.blog-card--featured .blog-card-meta{padding-top:32px}.blog-library{padding-top:48px}.blog-library-heading{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:24px;display:flex}.blog-result-count{color:var(--color-text-secondary);font-size:14px;line-height:20px}.blog-library-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px;display:flex}.blog-category-scroll{min-width:0;max-width:100%}.blog-category-filters{isolation:isolate;flex-wrap:wrap;gap:8px;display:flex;position:relative}.blog-filter-indicator,.blog-filter-indicator-fill{pointer-events:none;position:absolute;inset:0}.blog-filter-indicator{z-index:-1;background:var(--color-border-primary);display:none}.blog-filter-indicator-fill{background:var(--color-background-secondary)}.blog-category-filters[data-indicator-ready] .blog-filter-indicator{display:block}.blog-category-filters[data-indicator-ready] .blog-filter-indicator,.blog-category-filters[data-indicator-ready] .blog-filter-indicator-fill{transition:clip-path .24s cubic-bezier(.25,1,.5,1)}.blog-category-filters[data-indicator-static] .blog-filter-indicator,.blog-category-filters[data-indicator-static] .blog-filter-indicator-fill{transition:none}.blog-category-filters button{color:var(--color-text-secondary);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:8px 12px;font-size:14px;line-height:20px}.blog-category-filters button[aria-pressed=true]{border-radius:var(--radius-pill);background:var(--color-background-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}.blog-category-filters[data-indicator-ready] button[aria-pressed=true]{background:0 0;border-color:#0000}.blog-category-filters button:hover{color:var(--color-text-primary)}.blog-category-filters button:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:3px}.blog-search{isolation:isolate;width:256px;color:var(--color-text-secondary);background:var(--color-border-primary);clip-path:inset(0 0 0 40px round 4px);border:1px solid #0000;border-radius:4px;flex:none;align-items:center;gap:8px;margin-left:auto;padding:10px 12px;transition:clip-path .22s cubic-bezier(.25,1,.5,1),background-color .15s;display:flex;position:relative}.blog-search:before{content:"";z-index:-1;background:var(--color-background-primary);clip-path:inset(0 0 0 40px round 3px);border-radius:3px;transition:clip-path .22s cubic-bezier(.25,1,.5,1),background-color .15s;position:absolute;inset:0}.blog-search>.ui-icon,.blog-search input{transition:transform .22s cubic-bezier(.25,1,.5,1);transform:translate(40px)}.blog-search>.ui-icon{flex-shrink:0}.blog-search:focus-within,.blog-search:focus-within:before,.blog-search:has(input:not(:placeholder-shown)),.blog-search:has(input:not(:placeholder-shown)):before{clip-path:inset(0 round 4px)}.blog-search:focus-within:before{background:var(--color-background-secondary)}.blog-search:focus-within{background:var(--color-border-secondary)}.blog-search:focus-within>.ui-icon,.blog-search:focus-within input,.blog-search:has(input:not(:placeholder-shown))>.ui-icon,.blog-search:has(input:not(:placeholder-shown)) input{transform:translate(0)}.blog-search input{min-width:0;font:inherit;width:100%;color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;padding-inline-end:24px;font-size:16px;line-height:20px}.blog-search input::placeholder{color:var(--color-text-secondary)}.blog-search input::-webkit-search-cancel-button{display:none}.blog-search-clear{inset-inline-end:6px;width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;transition:color .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.blog-search-clear:focus-visible{outline:2px solid var(--color-border-secondary)}@media (hover:hover) and (pointer:fine){.blog-search-clear:hover{color:var(--color-text-primary)}}.blog-article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px;display:grid}.blog-empty{color:var(--color-text-secondary);padding-block:48px}@media (width<=980px){.blog-listing-header{flex-direction:column;align-items:start;gap:24px;margin-bottom:40px}.blog-listing-intro{max-width:520px}.blog-card--featured .blog-card-link{grid-template-columns:1fr 1fr;gap:24px}.blog-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){oneleet-blog-listing{padding-block:48px 64px;padding-inline:var(--figma-space-20)}.blog-card--featured .blog-card-link{gap:0;display:flex}.blog-card--featured{padding-bottom:32px}.blog-card--featured .blog-card-content{padding-top:24px}.blog-article-grid{grid-template-columns:minmax(0,1fr);gap:32px}.blog-library{padding-top:32px}.blog-search{clip-path:none;width:100%}.blog-search:before{clip-path:none}.blog-search>.ui-icon,.blog-search input{transform:none}.blog-library-controls{gap:16px;margin-bottom:32px}.blog-category-scroll{width:calc(100% + 2 * var(--figma-space-20));max-width:none;margin-inline:calc(-1 * var(--figma-space-20));padding-inline:var(--figma-space-20);overscroll-behavior-x:contain;scrollbar-width:none;flex-shrink:0;overflow-x:auto}.blog-category-filters{gap:var(--blog-category-gap,8px);flex-wrap:nowrap;width:max-content}.blog-category-filters button{white-space:nowrap;flex:none;font-size:12px}.blog-category-filters button:focus-visible{outline-offset:-3px}}@media (prefers-reduced-motion:reduce){.blog-filter-indicator,.blog-filter-indicator-fill,.blog-search,.blog-search:before,.blog-search>.ui-icon,.blog-search input{transition:none!important}}@media (pointer:coarse){.blog-search{min-height:44px}.blog-search-clear{width:44px;height:44px;inset-inline-end:0}.blog-category-filters button{min-height:44px}}